fix: merge develop

docs/app/components/server/accordion/page.tsx

@@ -7,7 +7,7 @@ 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 Accordion() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.accordion.examples);
   return (

docs/app/components/server/button/page.tsx

@@ -11,7 +11,7 @@ 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 Button() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.button.examples);
   return (

docs/app/components/server/checkbox/examples/Default.tsx

@@ -1,5 +1,3 @@
 import Checkbox from '@heathmont/moon-base-tw/lib/checkbox/Checkbox';
 
 export const Default = () => <Checkbox />;
-
-export default Default;

docs/app/components/server/checkbox/page.tsx

@@ -4,7 +4,7 @@ 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 Checkbox() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.checkbox.examples);
   return (

docs/app/components/server/chip/description.md

@@ -0,0 +1 @@
+Chips help filter content, or trigger actions.

docs/app/components/server/chip/examples/Default.tsx

@@ -0,0 +1,3 @@
+import Chip from '@heathmont/moon-base-tw/lib/chip/Chip';
+
+export const Default = () => <Chip>Default</Chip>;

docs/app/components/server/chip/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/chip/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 Chip() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.chip.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Chip</h1>
+      <MDX markdown={server.chip.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.chip.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/input/examples/Default.tsx

@@ -1,5 +1,3 @@
 import Input from '@heathmont/moon-base-tw/lib/input/Input';
 
 export const Default = () => <Input aria-label="default" />;
-
-export default Default;

docs/app/components/server/input/page.tsx

@@ -4,7 +4,7 @@ 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 Input() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.input.examples);
   return (

docs/app/components/server/loader/description.md

@@ -0,0 +1 @@
+Loaders provide a visual cue that an action is processing awaiting a course of change or a result.

docs/app/components/server/loader/examples/Default.tsx

@@ -0,0 +1,3 @@
+import Loader from '@heathmont/moon-base-tw/lib/loader/Loader';
+
+export const Default = () => <Loader />;

docs/app/components/server/loader/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/loader/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 Loader() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.loader.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Loader</h1>
+      <MDX markdown={server.loader.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.loader.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/types.ts

@@ -42,12 +42,24 @@ export interface Examples {
         Default: 'string';
       };
     };
+    chip: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
     input: {
       description: 'string';
       examples: {
         Default: 'string';
       };
     };
+    loader: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
     tag: {
       description: 'string';
       examples: {

next-docs/public/examples/combobox/__tests__/__snapshots__/index.test.tsx.snap

@@ -316,7 +316,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   Select label
                 </label>
@@ -387,7 +387,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Select label
               </label>
@@ -515,7 +515,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   Label
                 </label>
@@ -586,7 +586,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Label
               </label>
@@ -714,7 +714,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   Error
                 </label>
@@ -775,7 +775,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   Disabled
                 </label>
@@ -837,7 +837,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   Without placeholder (nullable)
                 </label>
@@ -897,7 +897,7 @@ Object {
                   value=""
                 />
                 <label
-                  class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                  class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
                 >
                   List options width
                 </label>
@@ -968,7 +968,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Error
               </label>
@@ -1029,7 +1029,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Disabled
               </label>
@@ -1091,7 +1091,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Without placeholder (nullable)
               </label>
@@ -1151,7 +1151,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 List options width
               </label>
@@ -3607,7 +3607,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Select label
               </label>
@@ -3674,7 +3674,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               Select label
             </label>
@@ -3798,7 +3798,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Label
               </label>
@@ -3865,7 +3865,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               Label
             </label>
@@ -3989,7 +3989,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Error
               </label>
@@ -4050,7 +4050,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Disabled
               </label>
@@ -4112,7 +4112,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 Without placeholder (nullable)
               </label>
@@ -4172,7 +4172,7 @@ Object {
                 value=""
               />
               <label
-                class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+                class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
               >
                 List options width
               </label>
@@ -4239,7 +4239,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               Error
             </label>
@@ -4300,7 +4300,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               Disabled
             </label>
@@ -4362,7 +4362,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               Without placeholder (nullable)
             </label>
@@ -4422,7 +4422,7 @@ Object {
               value=""
             />
             <label
-              class="absolute text-moon-12 text-trunks z-[2] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
+              class="absolute text-moon-12 text-trunks z-[1] transition-all ease-in-out duration-200 start-4 w-auto -top-0.5 !inset-x-0 whitespace-nowrap overflow-x-hidden"
             >
               List options width
             </label>