@new-black/lyra 0.0.25 → 0.0.28

package/README.md

@@ -82,6 +82,7 @@ Overall, SVG sprites offer a lightweight, flexible, and performant solution for
 // Some root component
 import { Provider } from "@new-black/lyra";
 import "./index.css";
+import "@new-black/lyra/dist/style.css";
 
 export const Root = () => {
   return (

package/dist/components/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EASV,MAAM,OAAO,CAAC;AAcf,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiDF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AA4GF,eAAO,MAAM,SAAS,mKAA8B,CAAC;AACrD,eAAO,MAAM,aAAa,uKAAkC,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EASV,MAAM,OAAO,CAAC;AAcf,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiDF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AA4GF,eAAO,MAAM,SAAS,mKAA8B,CAAC;AACrD,eAAO,MAAM,aAAa,uKAAkC,CAAC"}

package/dist/components/accordion/accordion.stories.d.ts

@@ -0,0 +1,186 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Accordion } from "./accordion";
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+/**
+ * ## CSS Variables
+ * ```css
+ * :root {
+ *  --accordion-divider-color: theme(colors.neutral.3);
+ *  --accordion-title-color: theme(colors.neutral.foreground-1);
+ *  --accordion-title-is-open-color: theme(colors.primary.DEFAULT);
+ *  --accordion-title-is-disabled-color: theme(colors.neutral.4);
+ *  --accordion-title-font-family: theme(fontFamily.sans);
+ *  --accordion-title-font-size: theme(fontSize.base);
+ *  --accordion-title-font-weight: theme(fontWeight.normal);
+ *  --accordion-title-padding-x: theme(spacing.4);
+ *  --accordion-title-padding-y: theme(spacing.2);
+ *  --accordion-content-font-family: theme(fontFamily.sans);
+ *  --accordion-content-font-size: theme(fontSize.base);
+ *  --accordion-content-font-weight: theme(fontWeight.normal);
+ *  --accordion-content-padding-x: theme(spacing.4);
+ *  --accordion-content-padding-y: theme(spacing.2);
+ *  --accordion-content-color: theme(colors.neutral.foreground-1);
+ *  --accordion-focus-visible-color: theme(colors.primary.1);
+ * }
+ * ```
+ *
+ * ## Usage
+ *
+ * ```tsx
+ *
+ * const AccordionExample = () => {
+ *  return (
+ *    <Accordion>
+ *     <AccordionItem title="Item 1">Item content 1</AccordionItem>
+ *     <AccordionItem title="Item 2">Item content 2</AccordionItem>
+ *     <AccordionItem title="Item 3">Item content 3</AccordionItem>
+ *     <AccordionItem title="Item 4">Item content 4</AccordionItem>
+ *   </Accordion>
+ *  );
+ * }
+ * ```
+ */
+export declare const Dynamic: Story;
+/**
+ * ```tsx
+ *
+ * const AccordionExample = () => {
+ *  return (
+ *    <Accordion>
+ *     <AccordionItem title="Item 1">Item content 1</AccordionItem>
+ *     <AccordionItem title="Item 2" isDisabled>Item content 2</AccordionItem>
+ *     <AccordionItem title="Item 3">Item content 3</AccordionItem>
+ *     <AccordionItem title="Item 4" isDisabled>Item content 4</AccordionItem>
+ *   </Accordion>
+ *  );
+ * }
+ * ```
+ */
+export declare const DisabledAccordionItems: Story;
+/**
+ * ```tsx
+ *
+ * const AccordionExample = () => {
+ *  return (
+ *    <Accordion items={[...]} defaultExpandedKeys: ["shared"] {...args}>
+ *     {(item) => (
+ *       <AccordionItem key={item.key} title={item.title}>
+ *         {item.content}
+ *       </AccordionItem>
+ *     )}
+ *   </Accordion>
+ *  );
+ * }
+ * ```
+ */
+export declare const DefaultOpenAccordionItems: Story;
+/**
+ *
+ * ```tsx
+ * const AccordionExample = () => {
+ *  return (
+ *       <Accordion {...args}>
+ *         <AccordionItem
+ *           title={
+ *             <div className="flex items-center gap-x-4">
+ *               <Badge color="danger">
+ *                 5
+ *               </Badge>
+ *               Item 1
+ *             </div>
+ *           }
+ *         >
+ *           Content item 1
+ *         </AccordionItem>
+ *         <AccordionItem
+ *           title={
+ *             <div className="flex items-center gap-x-4">
+ *               <Badge color="danger">
+ *                 3
+ *               </Badge>
+ *               Item 2
+ *             </div>
+ *           }
+ *         >
+ *           Content item 2
+ *         </AccordionItem>
+ *         <AccordionItem
+ *           title={
+ *             <div className="flex items-center gap-x-4">
+ *               <Badge color="danger">
+ *                6
+ *               </Badge>
+ *               Item 3
+ *             </div>
+ *           }
+ *         >
+ *           Content item 3
+ *         </AccordionItem>
+ *     </Accordion>
+ *   )
+ * }
+ * ```
+ */
+export declare const StartElement: Story;
+/**
+ *
+ * ```tsx
+ * const AccordionExample = () => {
+ *  return (
+ *   <Accordion {...args}>
+ *     <AccordionItem
+ *       title={
+ *         <div className="flex w-full items-center justify-between gap-x-4">
+ *           Item 1
+ *           <Badge color="danger">5</Badge>
+ *         </div>
+ *       }
+ *     >
+ *       Content item 1
+ *     </AccordionItem>
+ *     <AccordionItem
+ *       title={
+ *         <div className="flex w-full items-center justify-between gap-x-4">
+ *           Item 2
+ *           <Badge color="danger">3</Badge>
+ *         </div>
+ *       }
+ *     >
+ *       Content item 2
+ *     </AccordionItem>
+ *     <AccordionItem
+ *       title={
+ *         <div className="flex w-full items-center justify-between gap-x-4">
+ *           Item 3
+ *           <Badge color="danger">6</Badge>
+ *         </div>
+ *       }
+ *     >
+ *       Content item 3
+ *     </AccordionItem>
+ *   </Accordion>
+ *   )
+ * }
+ * ```
+ */
+export declare const EndElement: Story;
+/**
+ * ```tsx
+ * const SingleItemExpandedExample = () => {
+ *   const [expandedKey, setExpandedKey] = useState<string | undefined>();
+ *
+ *   return (
+ *     <Accordion mode="single">
+ *       <AccordionItem title="Item 1">Item content 1</AccordionItem>
+ *       <AccordionItem title="Item 2">Item content 2</AccordionItem>
+ *       <AccordionItem title="Item 3">Item content 3</AccordionItem>
+ *       <AccordionItem title="Item 4">Item content 4</AccordionItem>
+ *     </Accordion>
+ *   );
+ * };
+ * ```
+ */
+export declare const SingleItemExpanded: Story;
+//# sourceMappingURL=accordion.stories.d.ts.map

package/dist/components/accordion/accordion.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAiB,MAAM,aAAa,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,UAAU,EAAE,KAuCxB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAYhC,CAAC"}

package/dist/components/accordion/accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB;;0FAS9B,CAAC;AACH,eAAO,MAAM,yBAAyB;;;0FA8BrC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;0FAoBtC,CAAC"}
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB;;0FAS9B,CAAC;AACH,eAAO,MAAM,yBAAyB;;;0FA8BrC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;0FAoBtC,CAAC"}

package/dist/components/accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

package/dist/components/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAGpE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAClC,CACI;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CACJ,CAAC;AAEJ,eAAO,MAAM,KAAK,kGASf,UAAU,4CAkBZ,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAGpE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAClC,CACI;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CACJ,CAAC;AAEJ,eAAO,MAAM,KAAK,kGASf,UAAU,4CAkBZ,CAAC"}

package/dist/components/alert/alert.stories.d.ts

@@ -0,0 +1,43 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Alert } from "./alert";
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+/**
+ * ### Button CSS variables
+ *
+ * ```css
+ * :root {
+ *   --alert-padding-y: theme(padding.3);
+ *   --alert-padding-x: theme(padding.3);
+ *   --alert-gap-x: theme(spacing.3);
+ *   --alert-gap-y: theme(spacing.2);
+ *   --alert-radius: theme(borderRadius.base);
+ *   --alert-monochrome-1: theme(colors.neutral.2);
+ *   --alert-monochrome-2: theme(colors.neutral.foreground-1);
+ *   --alert-primary-1: theme(colors.primary.1);
+ *   --alert-primary-2: theme(colors.primary.foreground-1);
+ *   --alert-success-1: theme(colors.success.1);
+ *   --alert-success-2: theme(colors.success.foreground-1);
+ *   --alert-warning-1: theme(colors.warning.1);
+ *   --alert-warning-2: theme(colors.warning.foreground-1);
+ *   --alert-danger-1: theme(colors.danger.1);
+ *   --alert-danger-2: theme(colors.danger.foreground-1);
+ *   --alert-outline-width: theme(borderWidth.DEFAULT);
+ * }
+ *
+ * ```
+ *
+ * ### Solid
+ */
+export declare const Solid: Story;
+export declare const Outlined: Story;
+export declare const Ghost: Story;
+export declare const Monochrome: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const StartElement: Story;
+export declare const Title: Story;
+export declare const TitleVariant: Story;
+//# sourceMappingURL=alert.stories.d.ts.map

package/dist/components/alert/alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAepC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC"}

package/dist/components/alert/alert.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const alertStyles: (props?: ({
     variant?: "outline" | "solid" | "ghost" | null | undefined;
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=alert.styles.d.ts.map

package/dist/components/alert/alert.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAkDvB,CAAC"}
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAkDvB,CAAC"}

package/dist/components/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,4CAA6C,UAAU,4CASxE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,4CAA6C,UAAU,4CASxE,CAAC"}

package/dist/components/badge/badge.stories.d.ts

@@ -0,0 +1,45 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Badge } from "./badge";
+declare const meta: Meta<typeof Badge>;
+export default meta;
+export type BadgeStory = StoryObj<typeof Badge>;
+/**
+ * ## CSS Variables
+ *
+ * ```css
+ * :root {
+ * --badge-radius: theme(borderRadius.base);
+ * --badge-padding-x: theme(spacing.2);
+ * --badge-height: theme(spacing[6]);
+ * --badge-font-size: theme(fontSize.xs);
+ * --badge-line-height: theme(lineHeight.6);
+ * --badge-font-weight: theme(fontWeight.normal);
+ * --badge-font-family: theme(fontFamily.sans);
+ * --badge-letter-spacing: theme(letterSpacing.wider);
+ * --badge-dot-size: theme(spacing[1]);
+ * --badge-color-primary: theme(colors.primary.DEFAULT);
+ * --badge-color-primary-foreground: theme(colors.primary.foreground-2);
+ * --badge-color-monochrome: theme(colors.neutral.9);
+ * --badge-color-monochrome-foreground: theme(colors.neutral.foreground-2);
+ * --badge-color-success: theme(colors.success.DEFAULT);
+ * --badge-color-success-foreground: theme(colors.success.foreground-2);
+ * --badge-color-warning: theme(colors.warning.DEFAULT);
+ * --badge-color-warning-foreground: theme(colors.warning.foreground-2);
+ * --badge-color-danger: theme(colors.danger.DEFAULT);
+ * --badge-color-danger-foreground: theme(colors.danger.foreground-2);
+ * }
+ * ```
+ *
+ * ## Usage
+ */
+export declare const Default: BadgeStory;
+export declare const Primary: BadgeStory;
+export declare const Monochrome: BadgeStory;
+export declare const Success: BadgeStory;
+export declare const Warning: BadgeStory;
+export declare const Danger: BadgeStory;
+export declare const Outline: BadgeStory;
+export declare const Dot: BadgeStory;
+export declare const CustomColor: BadgeStory;
+export declare const ExtraWeight: BadgeStory;
+//# sourceMappingURL=badge.stories.d.ts.map

package/dist/components/badge/badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,UAGrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,UAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,UAKjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAKzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAMzB,CAAC"}

package/dist/components/badge/badge.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const badgeStyles: (props?: ({
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
     variant?: "outline" | "solid" | "dot" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=badge.styles.d.ts.map

package/dist/components/badge/badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAsEvB,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAsEvB,CAAC"}

package/dist/components/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/button/button.d.ts

@@ -51,9 +51,9 @@ export declare const ButtonInner: ({ children, startIcon, endIcon, isLoading, si
  * </Button>
  */
 export declare const Button: import("react").ForwardRefExoticComponent<AriaButtonProps & VariantProps<(props?: ({
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
     variant?: "outline" | "solid" | "ghost" | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
     isFocusVisible?: boolean | null | undefined;
     isFocused?: boolean | null | undefined;
     isHovered?: boolean | null | undefined;

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAEL,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAiC,MAAM,iBAAiB,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,YAAY,CAAC,OAAO,YAAY,CAAC,GACjC,eAAe,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,uDAMrB,gBAAgB,4CAalB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;iKA6GlB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAEL,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAiC,MAAM,iBAAiB,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,YAAY,CAAC,OAAO,YAAY,CAAC,GACjC,eAAe,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,uDAMrB,gBAAgB,4CAalB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;iKA6GlB,CAAC"}

package/dist/components/button/button.stories.d.ts

@@ -0,0 +1,104 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+/**
+ * ### Button CSS variables
+ *
+ * ```css
+ * // radius of the corners
+ * --button-radius: theme(borderRadius.md);
+ * // font weight of the text
+ * --button-text-weight: theme(fontWeight.normal);
+ * // font size of the text in a small button
+ * --button-size-small-text-size: theme(fontSize.base);
+ * // size of the icon in a small button
+ * --button-size-small-icon-size: theme(width.5);
+ * // horizontal padding of a small button
+ * --button-size-small-padding-x: theme(spacing.3);
+ *  // vertical padding of a small button
+ * --button-size-small-padding-y: theme(spacing[2.5]);
+ * // font size of the text in a medium button
+ * --button-size-medium-text-size: theme(fontSize.base);
+ * // size of the icon in a medium button
+ * --button-size-medium-icon-size: theme(width.5);
+ * // horizontal padding of a medium button
+ * --button-size-medium-padding-x: theme(spacing.4);
+ * // vertical padding of a medium button
+ * --button-size-medium-padding-y: theme(spacing[3.5]);
+ * // font size of the text in a large button
+ * --button-size-large-text-size: theme(fontSize.base);
+ * // size of the icon in a large button
+ * --button-size-large-icon-size: theme(width.5);
+ * // horizontal padding of a large button
+ * --button-size-large-padding-x: theme(spacing.5);
+ * // vertical padding of a large button
+ * --button-size-large-padding-y: 18px;
+ * // font family of the text
+ * --button-font-family: theme(fontFamily.display);
+ * // width of the ring around an outlined button
+ * --button-outlined-ring-size: theme(ringWidth.1);
+ *
+ * // Colors
+ * // Monochrome
+ * --button-monochrome-1: theme(colors.neutral.8);
+ * --button-monochrome-2: theme(colors.neutral.9);
+ * --button-monochrome-3: theme(colors.neutral.10);
+ * --button-monochrome-inverted: theme(colors.neutral.foreground-2);
+ * --button-monochrome-opacity-1: theme(colors.neutral.opacity-1);
+ * --button-monochrome-opacity-2: theme(colors.neutral.opacity-2);
+ *
+ * // Primary
+ * --button-primary-1: theme(colors.primary.2.DEFAULT);
+ * --button-primary-2: theme(colors.primary.DEFAULT);
+ * --button-primary-3: theme(colors.primary.4.DEFAULT);
+ * --button-primary-inverted: theme(colors.primary.3.foreground);
+ * --button-primary-opacity-1: theme(colors.primary.3.DEFAULT / 10%);
+ * --button-primary-opacity-2: theme(colors.primary.3.DEFAULT / 25%);
+ *
+ * // Warning
+ * --button-warning-1: theme(colors.warning.2.DEFAULT);
+ * --button-warning-2: theme(colors.warning.DEFAULT);
+ * --button-warning-3: theme(colors.warning.4.DEFAULT);
+ * --button-warning-inverted: theme(colors.warning.3.foreground);
+ * --button-warning-opacity-1: theme(colors.warning.3.DEFAULT / 10%);
+ * --button-warning-opacity-2: theme(colors.warning.3.DEFAULT / 25%);
+ *
+ * // Danger
+ * --button-danger-1: theme(colors.danger.2.DEFAULT);
+ * --button-danger-2: theme(colors.danger.DEFAULT);
+ * --button-danger-3: theme(colors.danger.4.DEFAULT);
+ * --button-danger-inverted: theme(colors.danger.3.foreground);
+ * --button-danger-opacity-1: theme(colors.danger.3.DEFAULT / 10%);
+ * --button-danger-opacity-2: theme(colors.danger.3.DEFAULT / 25%);
+ *
+ * // Success
+ * --button-success-1: theme(colors.success.2.DEFAULT);
+ * --button-success-2: theme(colors.success.DEFAULT);
+ * --button-success-3: theme(colors.success.4.DEFAULT);
+ * --button-success-inverted: theme(colors.success.3.foreground);
+ * --button-success-opacity-1: theme(colors.success.3.DEFAULT / 10%);
+ * --button-success-opacity-2: theme(colors.success.3.DEFAULT / 25%);
+ * ```
+ *
+ * ### Solid
+ */
+export declare const Solid: Story;
+export declare const Outlined: Story;
+export declare const Ghost: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const FullWidth: Story;
+export declare const Monochrome: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const StartIcon: Story;
+export declare const EndIcon: Story;
+export declare const IconButton: Story;
+export declare const NakedButton: Story;
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/components/button/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAMrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}

package/dist/components/button/button.styles.d.ts

@@ -7,9 +7,9 @@ export declare const nakedButtonStyles: (props?: ({
  * Styles that can be applied to any button.
  */
 export declare const buttonStyles: (props?: ({
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
     variant?: "outline" | "solid" | "ghost" | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
     isFocusVisible?: boolean | null | undefined;
     isFocused?: boolean | null | undefined;
     isHovered?: boolean | null | undefined;
@@ -19,6 +19,6 @@ export declare const buttonStyles: (props?: ({
     fullWidth?: boolean | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const iconStyles: (props?: ({
-    size?: "medium" | "small" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=button.styles.d.ts.map

package/dist/components/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;;;0FAuB5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;0FAsLxB,CAAC;AAEF,eAAO,MAAM,UAAU;;0FAcrB,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;;;0FAuB5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;0FA6KxB,CAAC;AAEF,eAAO,MAAM,UAAU;;0FAWrB,CAAC"}

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/codebox/index.d.ts

@@ -0,0 +1,5 @@
+export declare const CodeBox: ({ data, className, }: {
+    data: any;
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/codebox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/codebox/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;UAIZ,GAAG;;6CAQV,CAAC"}

package/dist/components/inputs/checkbox-group/checkbox-group.d.ts

@@ -12,7 +12,7 @@ export type CheckboxGroupProps = AriaCheckboxGroupProps & VariantProps<typeof ch
 };
 export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<AriaCheckboxGroupProps & VariantProps<(props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & {
     label?: string | undefined;
     labelClassName?: string | undefined;

package/dist/components/inputs/checkbox-group/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,EAC5C,aAAa,IAAI,iBAAiB,EAGnC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAM,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EACL,mBAAmB,EACnB,cAAc,EAEf,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;kDAkFzB,CAAC;AAIF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,QAAQ;;oDAkDnB,CAAC"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,EAC5C,aAAa,IAAI,iBAAiB,EAGnC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAM,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EACL,mBAAmB,EACnB,cAAc,EAEf,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;kDAkFzB,CAAC;AAIF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,QAAQ;;oDAkDnB,CAAC"}

package/dist/components/inputs/checkbox-group/checkbox-group.stories.d.ts

@@ -0,0 +1,38 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { CheckboxGroup } from "./checkbox-group";
+declare const meta: Meta<typeof CheckboxGroup>;
+export default meta;
+type CheckboxGroupStory = StoryObj<typeof CheckboxGroup>;
+export declare const Default: CheckboxGroupStory;
+export declare const Color: CheckboxGroupStory;
+export declare const Disabled: CheckboxGroupStory;
+export declare const DisabledOption: CheckboxGroupStory;
+export declare const Required: CheckboxGroupStory;
+export declare const Uncontrolled: CheckboxGroupStory;
+/**
+ *
+ * ```tsx
+ * const ControlledTemplate = (args: CheckboxGroupProps) => {
+ *   const [value, setValue] = useState(["1"]);
+ *
+ *   return (
+ *     <CheckboxGroup
+ *       label="Checkbox group label"
+ *       value={value}
+ *       onChange={(changedValue) => setValue(changedValue)}
+ *       {...args}
+ *     >
+ *       <Checkbox value="1">Item 1</Checkbox>
+ *       <Checkbox value="2">Item 2</Checkbox>
+ *       <Checkbox value="3">Item 3</Checkbox>
+ *       <Checkbox value="4">Item 4</Checkbox>
+ *     </CheckboxGroup>
+ *   );
+ * }
+ * ```
+ */
+export declare const Controlled: CheckboxGroupStory;
+export declare const WithDescription: CheckboxGroupStory;
+export declare const WithError: CheckboxGroupStory;
+export declare const Horizontal: CheckboxGroupStory;
+//# sourceMappingURL=checkbox-group.stories.d.ts.map

package/dist/components/inputs/checkbox-group/checkbox-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-group/checkbox-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAY,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAE/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAmCpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAEzD,eAAO,MAAM,OAAO,EAAE,kBASrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,kBAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAMtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAc5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAKtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAM1B,CAAC;AAwBF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,kBAExB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAK7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,kBAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,kBAKxB,CAAC"}

package/dist/components/inputs/checkbox-group/checkbox-group.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const checkboxGroupStyles: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxWrapperStyles: (props?: import("../../../utils/class-variance-authority/types").ClassProp | undefined) => string;
 export declare const checkboxStyles: (props?: ({
-    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    color?: "primary" | "monochrome" | "success" | "warning" | "danger" | null | undefined;
     isSelected?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
     isHovered?: boolean | null | undefined;

package/dist/components/inputs/checkbox-group/checkbox-group.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/checkbox-group/checkbox-group.styles.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAEnC,eAAO,MAAM,mBAAmB;;;6FA6D/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mGAKhC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;6FA8I1B,CAAC"}
+{"version":3,"file":"checkbox-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-group/checkbox-group.styles.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAEnC,eAAO,MAAM,mBAAmB;;;6FA6D/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mGAKhC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;6FA8I1B,CAAC"}