From 5d8c3a360bd2bbb1966b2b81e89454bf8d5a4d4a Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Thu, 2 Nov 2023 16:21:08 +0200
Subject: [PATCH 1/3] fix: add Tabs to Docs, align colours [MDS-726] (#2464)

* fix: add Pagination to Docs, align colours [MDS-724]

* fix: add Pagination to Docs, align colours [MDS-724]

* fix: add Table to Docs, align colours [MDS-725]

* fix: add Tabs to Docs, align colours [MDS-726]
---
 .../app/components/server/tabs/description.md |  3 +
 .../server/tabs/examples/Default.tsx          | 16 +++++
 docs/app/components/server/tabs/page.tsx      | 22 ++++++
 docs/app/components/types.ts                  |  6 ++
 workspaces/base/src/tabs/Tabs.tsx             | 71 ++++++-------------
 .../base/src/tabs/private/types/ListProps.ts  |  9 ---
 .../base/src/tabs/private/types/PanelProps.ts |  7 +-
 .../base/src/tabs/private/types/Props.ts      |  6 ++
 .../tabs/private/types/TabComponentProps.ts   |  7 ++
 .../tabs/private/types/TabPolymorphicProps.ts |  6 ++
 .../base/src/tabs/private/types/TabProps.ts   | 12 ++--
 .../base/src/tabs/private/types/TabsProps.ts  |  7 --
 .../base/src/tabs/private/types/TabsState.ts  |  7 --
 13 files changed, 98 insertions(+), 81 deletions(-)
 create mode 100644 docs/app/components/server/tabs/description.md
 create mode 100644 docs/app/components/server/tabs/examples/Default.tsx
 create mode 100644 docs/app/components/server/tabs/page.tsx
 delete mode 100644 workspaces/base/src/tabs/private/types/ListProps.ts
 create mode 100644 workspaces/base/src/tabs/private/types/Props.ts
 create mode 100644 workspaces/base/src/tabs/private/types/TabComponentProps.ts
 create mode 100644 workspaces/base/src/tabs/private/types/TabPolymorphicProps.ts
 delete mode 100644 workspaces/base/src/tabs/private/types/TabsProps.ts
 delete mode 100644 workspaces/base/src/tabs/private/types/TabsState.ts

diff --git a/docs/app/components/server/tabs/description.md b/docs/app/components/server/tabs/description.md
new file mode 100644
index 0000000000..1493199621
--- /dev/null
+++ b/docs/app/components/server/tabs/description.md
@@ -0,0 +1,3 @@
+Tabs to allow users to navigate easily between views within the same context.
+
+Each tab should contain content that is distinct from other tabs in a set for example, tabs can present different sections of news, different genres of music, or different themes of documents.
diff --git a/docs/app/components/server/tabs/examples/Default.tsx b/docs/app/components/server/tabs/examples/Default.tsx
new file mode 100644
index 0000000000..25851ca6b5
--- /dev/null
+++ b/docs/app/components/server/tabs/examples/Default.tsx
@@ -0,0 +1,16 @@
+import Tabs from '@heathmont/moon-base-tw/lib/tabs/Tabs';
+
+export const Default = () => (
+  <Tabs>
+    <Tabs.List>
+      <Tabs.Tab href="#1">Tab 1</Tabs.Tab>
+      <Tabs.Tab href="#2">Tab 2</Tabs.Tab>
+      <Tabs.Tab href="#3">Tab 3</Tabs.Tab>
+    </Tabs.List>
+    <Tabs.Panels className="h-10">
+      <Tabs.Panel id="1">1</Tabs.Panel>
+      <Tabs.Panel id="2">2</Tabs.Panel>
+      <Tabs.Panel id="3">3</Tabs.Panel>
+    </Tabs.Panels>
+  </Tabs>
+);
diff --git a/docs/app/components/server/tabs/page.tsx b/docs/app/components/server/tabs/page.tsx
new file mode 100644
index 0000000000..e397a6dd4a
--- /dev/null
+++ b/docs/app/components/server/tabs/page.tsx
@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/tabs/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Tabs() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.tabs.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Tabs</h1>
+      <MDX markdown={server.tabs.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.tabs.examples.Default}
+      />
+    </div>
+  );
+}
diff --git a/docs/app/components/types.ts b/docs/app/components/types.ts
index 2e26dc47ab..39094a042e 100644
--- a/docs/app/components/types.ts
+++ b/docs/app/components/types.ts
@@ -78,6 +78,12 @@ export interface Examples {
         Default: 'string';
       };
     };
+    tabs: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
     tag: {
       description: 'string';
       examples: {
diff --git a/workspaces/base/src/tabs/Tabs.tsx b/workspaces/base/src/tabs/Tabs.tsx
index 5dc3195c9a..f7cc8f997d 100644
--- a/workspaces/base/src/tabs/Tabs.tsx
+++ b/workspaces/base/src/tabs/Tabs.tsx
@@ -1,46 +1,25 @@
 import React from 'react';
-import type Size from './private/types/Size';
+import type PanelProps from './private/types/PanelProps';
+import type Props from './private/types/Props';
+import type TabPolymorphicProps from './private/types/TabPolymorphicProps';
 import getTabSize from './private/utils/getTabSize';
 import mergeClassnames from '../mergeClassnames/mergeClassnames';
 
-type TabsRootProps = {
-  className?: string;
-  children?: React.ReactNode;
-};
-const TabsRoot = ({ className, children }: TabsRootProps) => (
-  <div className={mergeClassnames(className)}>{children}</div>
+const TabsRoot = ({ className, children }: Props) => (
+  <div className={className}>{children}</div>
 );
 
-type ListProps = {
-  className?: string;
-  children?: React.ReactNode;
-};
-const List = ({ className, children }: ListProps) => (
+const List = ({ className, children }: Props) => (
   <div
     className={mergeClassnames(
-      className,
-      'flex items-center justify-center w-fit gap-2'
+      'flex items-center justify-center w-fit gap-2',
+      className
     )}
   >
     {children}
   </div>
 );
 
-type TabProps = {
-  className?: string;
-  children?: React.ReactNode;
-  isDisabled?: boolean;
-  selected?: boolean;
-  size?: Size;
-};
-
-type TabPolymorphicProps<C extends React.ElementType> =
-  PolymorphicComponentPropWithRef<C, TabProps>;
-
-type TabComponentProps = <C extends React.ElementType = 'a'>(
-  props: TabPolymorphicProps<C>
-) => React.ReactElement | null;
-
 const Tab = React.forwardRef(
   <C extends React.ElementType = 'a'>(
     {
@@ -67,9 +46,10 @@ const Tab = React.forwardRef(
           'after:duration-300 ltr:after:origin-top-left rtl:after:origin-top-right',
           'after:scale-x-0 after:scale-y-100 ltr:hover:after:origin-top-left',
           'rtl:hover:after:origin-top-right hover:after:scale-100 hover:text-piccolo',
-          'focus:outline-none',
+          'focus:outline-none ltr:[&:local-link]:after:origin-top-left',
+          'rtl:[&:local-link]:after:origin-top-right [&:local-link]:after:scale-x-100',
+          '[&:local-link]:text-piccolo',
           isDisabled && 'opacity-30 hover:after:scale-0 cursor-not-allowed',
-          'ltr:[&:local-link]:after:origin-top-left rtl:[&:local-link]:after:origin-top-right [&:local-link]:after:scale-x-100 [&:local-link]:text-piccolo',
           selected &&
             'ltr:after:origin-top-left rtl:after:origin-top-right after:scale-x-100 text-piccolo',
           className
@@ -109,8 +89,9 @@ const Pill = React.forwardRef(
           'after:duration-300 ltr:after:origin-top-left rtl:after:origin-top-right after:scale-x-0',
           'after:scale-y-100 ltr:hover:after:origin-top-left rtl:hover:after:origin-top-right',
           'hover:after:scale-100 hover:text-piccolo focus:outline-none',
+          'ltr:[&:local-link]:after:origin-top-left rtl:[&:local-link]:after:origin-top-right',
+          '[&:local-link]:after:scale-x-100 [&:local-link]:text-piccolo',
           isDisabled && 'opacity-30 hover:after:scale-0 cursor-not-allowed',
-          'ltr:[&:local-link]:after:origin-top-left rtl:[&:local-link]:after:origin-top-right [&:local-link]:after:scale-x-100 [&:local-link]:text-piccolo',
           selected &&
             'ltr:after:origin-top-left rtl:after:origin-top-right after:scale-x-100 text-piccolo',
           className
@@ -144,9 +125,9 @@ const Pill = React.forwardRef(
 //         className={mergeClassnames(
 //           getTabSize(size),
 //           'flex items-center justify-center w-full whitespace-nowrap text-moon-14 text-bulma',
-//           'font-medium rounded-moon-i-sm transition-colors cursor-pointer hover:bg-gohan',
+//           'font-medium rounded-moon-i-sm transition-colors cursor-pointer hover:bg-goku',
 //           'focus:outline-none',
-//           selected && 'bg-gohan',
+//           selected && 'bg-goku',
 //           isDisabled && 'opacity-30 hover:bg-transparent cursor-not-allowed'
 //         )}
 //         ref={ref}
@@ -159,25 +140,17 @@ const Pill = React.forwardRef(
 //   }
 // );
 
-type PanelsProps = {
-  className?: string;
-  children?: React.ReactNode;
-};
-
-const Panels = ({ children }: PanelsProps) => (
-  <div className=" relative">{children}</div>
+const Panels = ({ children, className }: Props) => (
+  <div className={mergeClassnames('relative', className)}>{children}</div>
 );
 
-type PanelProps = {
-  id: string;
-  className?: string;
-  children?: React.ReactNode;
-};
-
-const Panel = ({ children, id }: PanelProps) => (
+const Panel = ({ children, id, className }: PanelProps) => (
   <div
     id={id}
-    className=" absolute w-full p-5  [&:not(:target)]:hidden target:block"
+    className={mergeClassnames(
+      'absolute w-full p-5 [&:not(:target)]:hidden target:block',
+      className
+    )}
   >
     {children}
   </div>
diff --git a/workspaces/base/src/tabs/private/types/ListProps.ts b/workspaces/base/src/tabs/private/types/ListProps.ts
deleted file mode 100644
index 1c10efc8d8..0000000000
--- a/workspaces/base/src/tabs/private/types/ListProps.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type Size from './Size';
-
-type ListProps = {
-  size?: Size;
-  className?: string;
-  children?: React.ReactNode;
-};
-
-export default ListProps;
diff --git a/workspaces/base/src/tabs/private/types/PanelProps.ts b/workspaces/base/src/tabs/private/types/PanelProps.ts
index 63962e5d32..74189d628f 100644
--- a/workspaces/base/src/tabs/private/types/PanelProps.ts
+++ b/workspaces/base/src/tabs/private/types/PanelProps.ts
@@ -1,6 +1,7 @@
-type PanelProps = {
-  className?: string;
-  children?: React.ReactNode;
+import type Props from './Props';
+
+type PanelProps = Props & {
+  id: string;
 };
 
 export default PanelProps;
diff --git a/workspaces/base/src/tabs/private/types/Props.ts b/workspaces/base/src/tabs/private/types/Props.ts
new file mode 100644
index 0000000000..d916a547cb
--- /dev/null
+++ b/workspaces/base/src/tabs/private/types/Props.ts
@@ -0,0 +1,6 @@
+type Props = {
+  className?: string;
+  children?: React.ReactNode;
+};
+
+export default Props;
diff --git a/workspaces/base/src/tabs/private/types/TabComponentProps.ts b/workspaces/base/src/tabs/private/types/TabComponentProps.ts
new file mode 100644
index 0000000000..648b8f1595
--- /dev/null
+++ b/workspaces/base/src/tabs/private/types/TabComponentProps.ts
@@ -0,0 +1,7 @@
+import type TabPolymorphicProps from './TabPolymorphicProps';
+
+type TabComponentProps = <C extends React.ElementType = 'a'>(
+  props: TabPolymorphicProps<C>
+) => React.ReactElement | null;
+
+export default TabComponentProps;
diff --git a/workspaces/base/src/tabs/private/types/TabPolymorphicProps.ts b/workspaces/base/src/tabs/private/types/TabPolymorphicProps.ts
new file mode 100644
index 0000000000..1c007692fa
--- /dev/null
+++ b/workspaces/base/src/tabs/private/types/TabPolymorphicProps.ts
@@ -0,0 +1,6 @@
+import type TabProps from './TabProps';
+
+type TabPolymorphicProps<C extends React.ElementType> =
+  PolymorphicComponentPropWithRef<C, TabProps>;
+
+export default TabPolymorphicProps;
diff --git a/workspaces/base/src/tabs/private/types/TabProps.ts b/workspaces/base/src/tabs/private/types/TabProps.ts
index 2f42aea3de..cb77496b49 100644
--- a/workspaces/base/src/tabs/private/types/TabProps.ts
+++ b/workspaces/base/src/tabs/private/types/TabProps.ts
@@ -1,10 +1,10 @@
-import { ElementType } from 'react';
+import type Props from './Props';
+import type Size from './Size';
 
-type TabProps = {
-  disabled?: boolean;
-  as?: ElementType<any>;
-  className?: string | (({ selected }: { selected: boolean }) => string);
-  children?: React.ReactNode;
+type TabProps = Props & {
+  isDisabled?: boolean;
+  selected?: boolean;
+  size?: Size;
 };
 
 export default TabProps;
diff --git a/workspaces/base/src/tabs/private/types/TabsProps.ts b/workspaces/base/src/tabs/private/types/TabsProps.ts
deleted file mode 100644
index ef96a757bc..0000000000
--- a/workspaces/base/src/tabs/private/types/TabsProps.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-type TabsProps = {
-  selectedIndex?: number;
-  onChange?: (index: number) => void;
-  children?: React.ReactNode;
-};
-
-export default TabsProps;
diff --git a/workspaces/base/src/tabs/private/types/TabsState.ts b/workspaces/base/src/tabs/private/types/TabsState.ts
deleted file mode 100644
index 54f1fbedad..0000000000
--- a/workspaces/base/src/tabs/private/types/TabsState.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type Size from './Size';
-
-type TabsState = {
-  size?: Size;
-};
-
-export default TabsState;

From c77a433bcbcbbba2e1079a59ecf73702ba15070a Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Thu, 2 Nov 2023 16:33:11 +0200
Subject: [PATCH 2/3] fix: add Tag to Docs, align colours [MDS-727] (#2465)

* fix: add Pagination to Docs, align colours [MDS-724]

* fix: add Pagination to Docs, align colours [MDS-724]

* fix: add Table to Docs, align colours [MDS-725]

* fix: add Tabs to Docs, align colours [MDS-726]

* fix: add Tag to Docs, align colours [MDS-727]
---
 docs/app/components/server/tag/page.tsx | 34 ++++++++++++-------------
 workspaces/base/src/tag/Tag.tsx         |  6 ++---
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/docs/app/components/server/tag/page.tsx b/docs/app/components/server/tag/page.tsx
index 0606c03229..946da63543 100644
--- a/docs/app/components/server/tag/page.tsx
+++ b/docs/app/components/server/tag/page.tsx
@@ -1,24 +1,22 @@
-import { Default } from "@/app/components/server/tag/examples/Default";
-import { getExamples } from "@/app/utils/getExamples";
-import { MDX } from "@/components/MDX";
+import { Default } from '@/app/components/server/tag/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
 
-export default async function Home() {
+export default async function Tag() {
   const { server } = await getExamples();
-
+  const examplesList = Object.keys(server.tag.examples);
   return (
-    <div className="flex flex-col gap-4 text-moon-14">
-      <h1>Tag</h1>
-
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Tag</h1>
       <MDX markdown={server.tag.description} />
-
-      <div className="space-y-2">
-        <h2>Default</h2>
-        <div className={'flex flex-wrap items-center justify-around p-4 gap-2 w-full bg-goku rounded-moon-s-sm'}>
-          <Default />
-        </div>
-        <pre className="bg-goku rounded-moon-s-sm p-4">{server.tag.examples.Default}</pre>
-      </div>
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.tag.examples.Default}
+      />
     </div>
-  )
+  );
 }
-
diff --git a/workspaces/base/src/tag/Tag.tsx b/workspaces/base/src/tag/Tag.tsx
index c8dc4f1c72..fb10a6babb 100644
--- a/workspaces/base/src/tag/Tag.tsx
+++ b/workspaces/base/src/tag/Tag.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
-import mergeClassnames from '../mergeClassnames/mergeClassnames';
+import type TagProps from './private/types/TagProps';
 import getFontSize from './private/utils/getFontSize';
 import getIconSize from './private/utils/getIconSize';
 import getSize from './private/utils/getSize';
-import type TagProps from './private/types/TagProps';
+import mergeClassnames from '../mergeClassnames/mergeClassnames';
 
 const Tag = ({
   children,
@@ -17,7 +17,7 @@ const Tag = ({
 }: TagProps) => (
   <div
     className={mergeClassnames(
-      'flex items-center rounded-moon-i-xs gap-1 select-none text-gohan bg-bulma',
+      'flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma',
       getSize({ size, iconRight, iconLeft }),
       getFontSize({ isUppercase, size }),
       color,

From 93798229b93791625e92d8358c76e97cccfbe787 Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Fri, 3 Nov 2023 13:24:01 +0200
Subject: [PATCH 3/3] chore: bump version to 10.10.4 (#2466)

---
 docs/CHANGELOG.md              | 11 +++++++++++
 docs/package.json              | 10 +++++-----
 next-docs/CHANGELOG.md         | 11 +++++++++++
 next-docs/package.json         | 10 +++++-----
 pnpm-lock.yaml                 | 20 ++++++++++----------
 workspaces/base/CHANGELOG.md   |  6 ++++++
 workspaces/base/package.json   |  2 +-
 workspaces/cmdk/CHANGELOG.md   |  8 ++++++++
 workspaces/cmdk/package.json   |  4 ++--
 workspaces/core/CHANGELOG.md   |  6 ++++++
 workspaces/core/package.json   |  2 +-
 workspaces/tables/CHANGELOG.md |  8 ++++++++
 workspaces/tables/package.json |  4 ++--
 workspaces/themes/CHANGELOG.md |  6 ++++++
 workspaces/themes/package.json |  2 +-
 15 files changed, 83 insertions(+), 27 deletions(-)

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index 21c2c88b0f..75a508c3d4 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,5 +1,16 @@
 # docs
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+- Updated dependencies
+  - @heathmont/moon-base-tw@10.10.4
+  - @heathmont/moon-cmdk-tw@10.10.4
+  - @heathmont/moon-core-tw@10.10.4
+  - @heathmont/moon-themes-tw@10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/docs/package.json b/docs/package.json
index 43ca04c380..0c38f0e903 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "10.10.3",
+  "version": "10.10.4",
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,11 +11,11 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@heathmont/moon-base-tw": "workspace:^10.10.3",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.3",
-    "@heathmont/moon-core-tw": "workspace:^10.10.3",
+    "@heathmont/moon-base-tw": "workspace:^10.10.4",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.4",
+    "@heathmont/moon-core-tw": "workspace:^10.10.4",
     "@heathmont/moon-icons-tw": "9.28.6",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.3",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.4",
     "@types/node": "20.4.9",
     "@types/react": "18.2.19",
     "@types/react-dom": "18.2.7",
diff --git a/next-docs/CHANGELOG.md b/next-docs/CHANGELOG.md
index fe6c6b5ced..68fb9eb222 100644
--- a/next-docs/CHANGELOG.md
+++ b/next-docs/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Change Log
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+- Updated dependencies
+  - @heathmont/moon-cmdk-tw@10.10.4
+  - @heathmont/moon-core-tw@10.10.4
+  - @heathmont/moon-table-tw@10.10.4
+  - @heathmont/moon-themes-tw@10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/next-docs/package.json b/next-docs/package.json
index 4d4e01c63f..e6bff9042a 100644
--- a/next-docs/package.json
+++ b/next-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-docs",
-  "version": "10.10.3",
+  "version": "10.10.4",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -19,9 +19,9 @@
     "@heathmont/moon-assets": "workspace:^10.7.1",
     "@heathmont/moon-charts": "workspace:^10.7.1",
     "@heathmont/moon-components": "workspace:^10.7.1",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.3",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.4",
     "@heathmont/moon-core": "workspace:^10.7.1",
-    "@heathmont/moon-core-tw": "workspace:^10.10.3",
+    "@heathmont/moon-core-tw": "workspace:^10.10.4",
     "@heathmont/moon-datepicker": "workspace:^10.7.1",
     "@heathmont/moon-draggabletable": "workspace:^10.7.1",
     "@heathmont/moon-icons": "workspace:^10.7.1",
@@ -30,9 +30,9 @@
     "@heathmont/moon-select": "workspace:^10.7.1",
     "@heathmont/moon-sidebar": "workspace:^10.7.1",
     "@heathmont/moon-table": "workspace:^10.7.1",
-    "@heathmont/moon-table-tw": "workspace:^10.10.3",
+    "@heathmont/moon-table-tw": "workspace:^10.10.4",
     "@heathmont/moon-themes": "workspace:^10.7.1",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.3",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.4",
     "@heathmont/moon-utils": "workspace:^10.7.1",
     "@heathmont/moon-icons-tw": "9.28.6",
     "@hookform/resolvers": "3.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f0e1c11c22..b5d76806a6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,19 +166,19 @@ importers:
   docs:
     dependencies:
       '@heathmont/moon-base-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/base
       '@heathmont/moon-cmdk-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/cmdk
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/core
       '@heathmont/moon-icons-tw':
         specifier: 9.28.6
         version: 9.28.6(react-dom@18.2.0)(react@18.2.0)
       '@heathmont/moon-themes-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/themes
       '@types/node':
         specifier: 20.4.9
@@ -238,7 +238,7 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/charts
       '@heathmont/moon-cmdk-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/cmdk
       '@heathmont/moon-components':
         specifier: workspace:^10.7.1
@@ -247,7 +247,7 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/core
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/core
       '@heathmont/moon-datepicker':
         specifier: workspace:^10.7.1
@@ -277,13 +277,13 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/table
       '@heathmont/moon-table-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/tables
       '@heathmont/moon-themes':
         specifier: workspace:^10.7.1
         version: link:../packages/themes
       '@heathmont/moon-themes-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../workspaces/themes
       '@heathmont/moon-utils':
         specifier: workspace:^10.7.1
@@ -1005,7 +1005,7 @@ importers:
         specifier: 1.7.16
         version: 1.7.16(react-dom@18.2.0)(react@18.2.0)
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../core
       cmdk:
         specifier: 0.2.0
@@ -1065,7 +1065,7 @@ importers:
   workspaces/tables:
     dependencies:
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.3
+        specifier: workspace:^10.10.4
         version: link:../core
       react:
         specifier: 18.2.0
diff --git a/workspaces/base/CHANGELOG.md b/workspaces/base/CHANGELOG.md
index b8bf812936..638075d729 100644
--- a/workspaces/base/CHANGELOG.md
+++ b/workspaces/base/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-base-tw
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/workspaces/base/package.json b/workspaces/base/package.json
index e9d8112f59..2f09c7eef3 100644
--- a/workspaces/base/package.json
+++ b/workspaces/base/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-base-tw",
   "sideEffects": false,
-  "version": "10.10.3",
+  "version": "10.10.4",
   "files": [
     "lib"
   ],
diff --git a/workspaces/cmdk/CHANGELOG.md b/workspaces/cmdk/CHANGELOG.md
index 434f1eeb11..7ee6452cb4 100644
--- a/workspaces/cmdk/CHANGELOG.md
+++ b/workspaces/cmdk/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @heathmont/moon-cmdk-tw
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/workspaces/cmdk/package.json b/workspaces/cmdk/package.json
index e98f08ed28..ccbe1c9f95 100644
--- a/workspaces/cmdk/package.json
+++ b/workspaces/cmdk/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-cmdk-tw",
   "sideEffects": false,
-  "version": "10.10.3",
+  "version": "10.10.4",
   "files": [
     "lib"
   ],
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.16",
-    "@heathmont/moon-core-tw": "workspace:^10.10.3",
+    "@heathmont/moon-core-tw": "workspace:^10.10.4",
     "cmdk": "0.2.0",
     "tailwind-merge": "1.14.0",
     "tailwindcss-radix": "2.8.0"
diff --git a/workspaces/core/CHANGELOG.md b/workspaces/core/CHANGELOG.md
index d7767db642..5a147c35ef 100644
--- a/workspaces/core/CHANGELOG.md
+++ b/workspaces/core/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-core-tw
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/workspaces/core/package.json b/workspaces/core/package.json
index b6d2c66b11..32a30a3d35 100644
--- a/workspaces/core/package.json
+++ b/workspaces/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-core-tw",
   "sideEffects": false,
-  "version": "10.10.3",
+  "version": "10.10.4",
   "files": [
     "lib"
   ],
diff --git a/workspaces/tables/CHANGELOG.md b/workspaces/tables/CHANGELOG.md
index 9e69485fe2..c012c6cbc6 100644
--- a/workspaces/tables/CHANGELOG.md
+++ b/workspaces/tables/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @heathmont/moon-table-tw
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/workspaces/tables/package.json b/workspaces/tables/package.json
index 8d54a16a75..50011a9e1b 100644
--- a/workspaces/tables/package.json
+++ b/workspaces/tables/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-table-tw",
   "sideEffects": false,
-  "version": "10.10.3",
+  "version": "10.10.4",
   "files": [
     "lib"
   ],
@@ -20,7 +20,7 @@
     "chokidar": "chokidar \"**/*.tsx\" \"**/*.ts\" -i \"lib/**/*.d.ts\" -c \"pnpm run build:code\" "
   },
   "dependencies": {
-    "@heathmont/moon-core-tw": "workspace:^10.10.3",
+    "@heathmont/moon-core-tw": "workspace:^10.10.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-table": "7.8.0",
diff --git a/workspaces/themes/CHANGELOG.md b/workspaces/themes/CHANGELOG.md
index b31db739e9..bfd7930445 100644
--- a/workspaces/themes/CHANGELOG.md
+++ b/workspaces/themes/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-themes-tw
 
+## 10.10.4
+
+### Patch Changes
+
+- Deploy 10.10.4
+
 ## 10.10.3
 
 ### Patch Changes
diff --git a/workspaces/themes/package.json b/workspaces/themes/package.json
index 324ecb7f31..116c9c8511 100644
--- a/workspaces/themes/package.json
+++ b/workspaces/themes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-themes-tw",
   "sideEffects": false,
-  "version": "10.10.3",
+  "version": "10.10.4",
   "files": [
     "lib"
   ],