@shipfox/react-ui 0.3.0 → 0.5.0

package/dist/components/item/item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/item/item.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const itemVariants = cva('transition-all duration-150 rounded-8', {\n  variants: {\n    variant: {\n      default:\n        'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral',\n      neutral:\n        'bg-background-neutral-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral',\n    },\n    size: {\n      default: '',\n      sm: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\nexport type ItemProps = ComponentProps<'div'> &\n  VariantProps<typeof itemVariants> & {\n    asChild?: boolean;\n  };\n\nexport function Item({className, variant, size, asChild = false, children, ...props}: ItemProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp data-slot=\"item\" className={cn(itemVariants({variant, size}), className)} {...props}>\n      {children}\n    </Comp>\n  );\n}\n\n// ItemGroup\nexport type ItemGroupProps = ComponentProps<'div'>;\n\nexport function ItemGroup({className, children, ...props}: ItemGroupProps) {\n  return (\n    <div data-slot=\"item-group\" className={cn('flex flex-col', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\n// ItemActions\nexport type ItemActionsProps = ComponentProps<'div'>;\n\nexport function ItemActions({className, children, ...props}: ItemActionsProps) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn('flex shrink-0 items-center gap-8', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ItemContent\nexport type ItemContentProps = ComponentProps<'div'>;\n\nexport function ItemContent({className, children, ...props}: ItemContentProps) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn('flex min-w-0 flex-1 flex-col gap-4', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ItemDescription\nexport type ItemDescriptionProps = ComponentProps<'p'>;\n\nexport function ItemDescription({className, children, ...props}: ItemDescriptionProps) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-xs leading-20 text-foreground-neutral-subtle max-w-250 sm:max-w-fit line-clamp-3',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n\n// ItemFooter\nexport type ItemFooterProps = ComponentProps<'div'>;\n\nexport function ItemFooter({className, children, ...props}: ItemFooterProps) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn('flex shrink-0 items-center gap-8 px-12 py-8', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ItemHeader\nexport type ItemHeaderProps = ComponentProps<'div'>;\n\nexport function ItemHeader({className, children, ...props}: ItemHeaderProps) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn('flex shrink-0 items-center gap-8 px-12 py-8', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ItemMedia\nexport const itemMediaVariants = cva('flex shrink-0 items-center justify-center', {\n  variants: {\n    variant: {\n      default: '',\n      icon: 'text-foreground-neutral-base',\n      image: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type ItemMediaProps = ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>;\n\nexport function ItemMedia({className, variant, children, ...props}: ItemMediaProps) {\n  return (\n    <div data-slot=\"item-media\" className={cn(itemMediaVariants({variant}), className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\n// ItemTitle\nexport type ItemTitleProps = ComponentProps<'h3'>;\n\nexport function ItemTitle({className, children, ...props}: ItemTitleProps) {\n  return (\n    <h3\n      data-slot=\"item-title\"\n      className={cn(\n        'text-sm font-medium leading-20 text-foreground-neutral-base truncate',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\n// ItemSeparator\nexport type ItemSeparatorProps = ComponentProps<'div'>;\n\nexport function ItemSeparator({className, ...props}: ItemSeparatorProps) {\n  return (\n    <div\n      data-slot=\"item-separator\"\n      className={cn('h-px bg-border-neutral-base', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["Slot","cva","cn","itemVariants","variants","variant","default","neutral","size","sm","defaultVariants","Item","className","asChild","children","props","Comp","data-slot","ItemGroup","div","ItemActions","ItemContent","ItemDescription","p","ItemFooter","ItemHeader","itemMediaVariants","icon","image","ItemMedia","ItemTitle","h3","ItemSeparator"],"mappings":";AAAA,SAAQA,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,eAAeF,IAAI,yCAAyC;IACvEG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,SACE;QACJ;QACAC,MAAM;YACJF,SAAS;YACTG,IAAI;QACN;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAOH,OAAO,SAASG,KAAK,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAEK,UAAU,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAiB;IAC7F,MAAMC,OAAOH,UAAUb,OAAO;IAE9B,qBACE,KAACgB;QAAKC,aAAU;QAAOL,WAAWV,GAAGC,aAAa;YAACE;YAASG;QAAI,IAAII;QAAa,GAAGG,KAAK;kBACtFD;;AAGP;AAKA,OAAO,SAASI,UAAU,EAACN,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAsB;IACvE,qBACE,KAACI;QAAIF,aAAU;QAAaL,WAAWV,GAAG,iBAAiBU;QAAa,GAAGG,KAAK;kBAC7ED;;AAGP;AAKA,OAAO,SAASM,YAAY,EAACR,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAwB;IAC3E,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,oCAAoCU;QACjD,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASO,YAAY,EAACT,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAwB;IAC3E,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,sCAAsCU;QACnD,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASQ,gBAAgB,EAACV,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAA4B;IACnF,qBACE,KAACQ;QACCN,aAAU;QACVL,WAAWV,GACT,yFACAU;QAED,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASU,WAAW,EAACZ,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAuB;IACzE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+CAA+CU;QAC5D,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASW,WAAW,EAACb,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAuB;IACzE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+CAA+CU;QAC5D,GAAGG,KAAK;kBAERD;;AAGP;AAEA,YAAY;AACZ,OAAO,MAAMY,oBAAoBzB,IAAI,6CAA6C;IAChFG,UAAU;QACRC,SAAS;YACPC,SAAS;YACTqB,MAAM;YACNC,OAAO;QACT;IACF;IACAlB,iBAAiB;QACfL,SAAS;IACX;AACF,GAAG;AAIH,OAAO,SAASwB,UAAU,EAACjB,SAAS,EAAEP,OAAO,EAAES,QAAQ,EAAE,GAAGC,OAAsB;IAChF,qBACE,KAACI;QAAIF,aAAU;QAAaL,WAAWV,GAAGwB,kBAAkB;YAACrB;QAAO,IAAIO;QAAa,GAAGG,KAAK;kBAC1FD;;AAGP;AAKA,OAAO,SAASgB,UAAU,EAAClB,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAsB;IACvE,qBACE,KAACgB;QACCd,aAAU;QACVL,WAAWV,GACT,wEACAU;QAED,GAAGG,KAAK;kBAERD;;AAGP;AAKA,OAAO,SAASkB,cAAc,EAACpB,SAAS,EAAE,GAAGG,OAA0B;IACrE,qBACE,KAACI;QACCF,aAAU;QACVL,WAAWV,GAAG,+BAA+BU;QAC5C,GAAGG,KAAK;;AAGf"}

package/dist/components/item/item.stories.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../components/button/button.js';
+import { Icon } from '../../components/icon/icon.js';
+import { Input } from '../../components/input/input.js';
+import { Label } from '../../components/label/label.js';
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemSeparator, ItemTitle } from './item.js';
+const meta = {
+    title: 'Components/Item',
+    component: Item,
+    tags: [
+        'autodocs'
+    ],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: [
+                'default',
+                'neutral'
+            ]
+        },
+        size: {
+            control: 'select',
+            options: [
+                'default',
+                'sm'
+            ]
+        }
+    },
+    args: {
+        variant: 'default',
+        size: 'default'
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        variant: 'default'
+    },
+    render: (args)=>/*#__PURE__*/ _jsxs(Item, {
+            ...args,
+            className: "px-12 py-12",
+            children: [
+                /*#__PURE__*/ _jsxs(ItemContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(ItemTitle, {
+                            children: "Basic Item"
+                        }),
+                        /*#__PURE__*/ _jsx(ItemDescription, {
+                            children: "A simple item with title and description."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(ItemActions, {
+                    className: "pt-8",
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "secondary",
+                        size: "sm",
+                        children: "Action"
+                    })
+                })
+            ]
+        })
+};
+export const Variants = {
+    args: {},
+    render: ()=>/*#__PURE__*/ _jsxs(ItemGroup, {
+            className: "flex w-full max-w-md flex-col gap-12",
+            children: [
+                /*#__PURE__*/ _jsxs(Item, {
+                    variant: "default",
+                    className: "px-12 py-12",
+                    children: [
+                        /*#__PURE__*/ _jsxs(ItemContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(ItemTitle, {
+                                    children: "Default Variant"
+                                }),
+                                /*#__PURE__*/ _jsx(ItemDescription, {
+                                    children: "Standard styling with subtle background and borders."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(ItemActions, {
+                            className: "pt-8",
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "secondary",
+                                size: "sm",
+                                children: "Action"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Item, {
+                    variant: "neutral",
+                    className: "px-12 py-12",
+                    children: [
+                        /*#__PURE__*/ _jsxs(ItemContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(ItemTitle, {
+                                    children: "Neutral Variant"
+                                }),
+                                /*#__PURE__*/ _jsx(ItemDescription, {
+                                    children: "Neutral style with subtle background and borders."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(ItemActions, {
+                            className: "pt-8",
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "primary",
+                                size: "sm",
+                                children: "Action"
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const ImportPastJobsModal = {
+    args: {},
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "flex w-full max-w-lg flex-col",
+            children: /*#__PURE__*/ _jsxs(Item, {
+                variant: "neutral",
+                children: [
+                    /*#__PURE__*/ _jsxs(ItemHeader, {
+                        className: "justify-between px-24 py-16",
+                        children: [
+                            /*#__PURE__*/ _jsx(ItemTitle, {
+                                className: "text-lg font-medium text-foreground-neutral-base",
+                                children: "Import past jobs from Github"
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx("kbd", {
+                                        className: "flex items-center justify-center rounded-8 border border-border-neutral-base shadow-button-neutral bg-background-field-base text-xs text-foreground-neutral-subtle px-4",
+                                        children: "esc"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        variant: "transparent",
+                                        size: "xs",
+                                        className: "rounded-4 p-2 cursor-pointer bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 w-24 h-24",
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            name: "close"
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ItemSeparator, {}),
+                    /*#__PURE__*/ _jsxs(ItemContent, {
+                        className: "px-24 py-16",
+                        children: [
+                            /*#__PURE__*/ _jsx(ItemDescription, {
+                                className: "mb-16 text-sm text-foreground-neutral-subtle",
+                                children: "Backfill your CI history by importing past runs from your Github repo. We'll handle the rest by creating a background task to import the data for you."
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex flex-col gap-20",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "repo-owner",
+                                                children: "Repository owner"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "repo-owner",
+                                                type: "text",
+                                                defaultValue: "apache"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "repo-name",
+                                                children: "Repository name"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "repo-name",
+                                                type: "text",
+                                                defaultValue: "kafka"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "start-date",
+                                                children: "Start date"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "start-date",
+                                                type: "datetime-local",
+                                                defaultValue: "September 5th, 2025",
+                                                className: "pl-32"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ItemSeparator, {}),
+                    /*#__PURE__*/ _jsxs(ItemFooter, {
+                        className: "justify-end gap-8 px-24 py-16",
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "transparent",
+                                size: "sm",
+                                children: "Cancel"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "primary",
+                                size: "sm",
+                                children: "Import"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+};
+
+//# sourceMappingURL=item.stories.js.map

package/dist/components/item/item.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/item/item.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button/button';\nimport {Icon} from 'components/icon/icon';\nimport {Input} from 'components/input/input';\nimport {Label} from 'components/label/label';\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemSeparator,\n  ItemTitle,\n} from './item';\n\nconst meta = {\n  title: 'Components/Item',\n  component: Item,\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['default', 'neutral'],\n    },\n    size: {\n      control: 'select',\n      options: ['default', 'sm'],\n    },\n  },\n  args: {\n    variant: 'default',\n    size: 'default',\n  },\n} satisfies Meta<typeof Item>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    variant: 'default',\n  },\n  render: (args) => (\n    <Item {...args} className=\"px-12 py-12\">\n      <ItemContent>\n        <ItemTitle>Basic Item</ItemTitle>\n        <ItemDescription>A simple item with title and description.</ItemDescription>\n      </ItemContent>\n      <ItemActions className=\"pt-8\">\n        <Button variant=\"secondary\" size=\"sm\">\n          Action\n        </Button>\n      </ItemActions>\n    </Item>\n  ),\n};\n\nexport const Variants: Story = {\n  args: {},\n  render: () => (\n    <ItemGroup className=\"flex w-full max-w-md flex-col gap-12\">\n      <Item variant=\"default\" className=\"px-12 py-12\">\n        <ItemContent>\n          <ItemTitle>Default Variant</ItemTitle>\n          <ItemDescription>Standard styling with subtle background and borders.</ItemDescription>\n        </ItemContent>\n        <ItemActions className=\"pt-8\">\n          <Button variant=\"secondary\" size=\"sm\">\n            Action\n          </Button>\n        </ItemActions>\n      </Item>\n      <Item variant=\"neutral\" className=\"px-12 py-12\">\n        <ItemContent>\n          <ItemTitle>Neutral Variant</ItemTitle>\n          <ItemDescription>Neutral style with subtle background and borders.</ItemDescription>\n        </ItemContent>\n        <ItemActions className=\"pt-8\">\n          <Button variant=\"primary\" size=\"sm\">\n            Action\n          </Button>\n        </ItemActions>\n      </Item>\n    </ItemGroup>\n  ),\n};\n\nexport const ImportPastJobsModal: Story = {\n  args: {},\n  render: () => (\n    <div className=\"flex w-full max-w-lg flex-col\">\n      <Item variant=\"neutral\">\n        <ItemHeader className=\"justify-between px-24 py-16\">\n          <ItemTitle className=\"text-lg font-medium text-foreground-neutral-base\">\n            Import past jobs from Github\n          </ItemTitle>\n          <div className=\"flex items-center gap-8\">\n            <kbd className=\"flex items-center justify-center rounded-8 border border-border-neutral-base shadow-button-neutral bg-background-field-base text-xs text-foreground-neutral-subtle px-4\">\n              esc\n            </kbd>\n            <Button\n              variant=\"transparent\"\n              size=\"xs\"\n              className=\"rounded-4 p-2 cursor-pointer bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 w-24 h-24\"\n            >\n              <Icon name=\"close\" />\n            </Button>\n          </div>\n        </ItemHeader>\n        <ItemSeparator />\n        <ItemContent className=\"px-24 py-16\">\n          <ItemDescription className=\"mb-16 text-sm text-foreground-neutral-subtle\">\n            Backfill your CI history by importing past runs from your Github repo. We'll handle the\n            rest by creating a background task to import the data for you.\n          </ItemDescription>\n          <div className=\"flex flex-col gap-20\">\n            <div className=\"flex flex-col gap-8\">\n              <Label htmlFor=\"repo-owner\">Repository owner</Label>\n              <Input id=\"repo-owner\" type=\"text\" defaultValue=\"apache\" />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Label htmlFor=\"repo-name\">Repository name</Label>\n              <Input id=\"repo-name\" type=\"text\" defaultValue=\"kafka\" />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Label htmlFor=\"start-date\">Start date</Label>\n              <Input\n                id=\"start-date\"\n                type=\"datetime-local\"\n                defaultValue=\"September 5th, 2025\"\n                className=\"pl-32\"\n              />\n            </div>\n          </div>\n        </ItemContent>\n        <ItemSeparator />\n        <ItemFooter className=\"justify-end gap-8 px-24 py-16\">\n          <Button variant=\"transparent\" size=\"sm\">\n            Cancel\n          </Button>\n          <Button variant=\"primary\" size=\"sm\">\n            Import\n          </Button>\n        </ItemFooter>\n      </Item>\n    </div>\n  ),\n};\n"],"names":["Button","Icon","Input","Label","Item","ItemActions","ItemContent","ItemDescription","ItemFooter","ItemGroup","ItemHeader","ItemSeparator","ItemTitle","meta","title","component","tags","argTypes","variant","control","options","size","args","Default","render","className","Variants","ImportPastJobsModal","div","kbd","name","htmlFor","id","type","defaultValue"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,SACEC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,aAAa,EACbC,SAAS,QACJ,SAAS;AAEhB,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWX;IACXY,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,SAAS;gBAAC;gBAAW;aAAU;QACjC;QACAC,MAAM;YACJF,SAAS;YACTC,SAAS;gBAAC;gBAAW;aAAK;QAC5B;IACF;IACAE,MAAM;QACJJ,SAAS;QACTG,MAAM;IACR;AACF;AAEA,eAAeR,KAAK;AAGpB,OAAO,MAAMU,UAAiB;IAC5BD,MAAM;QACJJ,SAAS;IACX;IACAM,QAAQ,CAACF,qBACP,MAAClB;YAAM,GAAGkB,IAAI;YAAEG,WAAU;;8BACxB,MAACnB;;sCACC,KAACM;sCAAU;;sCACX,KAACL;sCAAgB;;;;8BAEnB,KAACF;oBAAYoB,WAAU;8BACrB,cAAA,KAACzB;wBAAOkB,SAAQ;wBAAYG,MAAK;kCAAK;;;;;AAM9C,EAAE;AAEF,OAAO,MAAMK,WAAkB;IAC7BJ,MAAM,CAAC;IACPE,QAAQ,kBACN,MAACf;YAAUgB,WAAU;;8BACnB,MAACrB;oBAAKc,SAAQ;oBAAUO,WAAU;;sCAChC,MAACnB;;8CACC,KAACM;8CAAU;;8CACX,KAACL;8CAAgB;;;;sCAEnB,KAACF;4BAAYoB,WAAU;sCACrB,cAAA,KAACzB;gCAAOkB,SAAQ;gCAAYG,MAAK;0CAAK;;;;;8BAK1C,MAACjB;oBAAKc,SAAQ;oBAAUO,WAAU;;sCAChC,MAACnB;;8CACC,KAACM;8CAAU;;8CACX,KAACL;8CAAgB;;;;sCAEnB,KAACF;4BAAYoB,WAAU;sCACrB,cAAA,KAACzB;gCAAOkB,SAAQ;gCAAUG,MAAK;0CAAK;;;;;;;AAO9C,EAAE;AAEF,OAAO,MAAMM,sBAA6B;IACxCL,MAAM,CAAC;IACPE,QAAQ,kBACN,KAACI;YAAIH,WAAU;sBACb,cAAA,MAACrB;gBAAKc,SAAQ;;kCACZ,MAACR;wBAAWe,WAAU;;0CACpB,KAACb;gCAAUa,WAAU;0CAAmD;;0CAGxE,MAACG;gCAAIH,WAAU;;kDACb,KAACI;wCAAIJ,WAAU;kDAA0K;;kDAGzL,KAACzB;wCACCkB,SAAQ;wCACRG,MAAK;wCACLI,WAAU;kDAEV,cAAA,KAACxB;4CAAK6B,MAAK;;;;;;;kCAIjB,KAACnB;kCACD,MAACL;wBAAYmB,WAAU;;0CACrB,KAAClB;gCAAgBkB,WAAU;0CAA+C;;0CAI1E,MAACG;gCAAIH,WAAU;;kDACb,MAACG;wCAAIH,WAAU;;0DACb,KAACtB;gDAAM4B,SAAQ;0DAAa;;0DAC5B,KAAC7B;gDAAM8B,IAAG;gDAAaC,MAAK;gDAAOC,cAAa;;;;kDAElD,MAACN;wCAAIH,WAAU;;0DACb,KAACtB;gDAAM4B,SAAQ;0DAAY;;0DAC3B,KAAC7B;gDAAM8B,IAAG;gDAAYC,MAAK;gDAAOC,cAAa;;;;kDAEjD,MAACN;wCAAIH,WAAU;;0DACb,KAACtB;gDAAM4B,SAAQ;0DAAa;;0DAC5B,KAAC7B;gDACC8B,IAAG;gDACHC,MAAK;gDACLC,cAAa;gDACbT,WAAU;;;;;;;;kCAKlB,KAACd;kCACD,MAACH;wBAAWiB,WAAU;;0CACpB,KAACzB;gCAAOkB,SAAQ;gCAAcG,MAAK;0CAAK;;0CAGxC,KAACrB;gCAAOkB,SAAQ;gCAAUG,MAAK;0CAAK;;;;;;;AAO9C,EAAE"}

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

@@ -0,0 +1,2 @@
+export * from './label';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/label/index.js

@@ -0,0 +1,3 @@
+export * from './label.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/label/index.ts"],"sourcesContent":["export * from './label';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/components/label/label.d.ts

@@ -0,0 +1,7 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+export declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type LabelProps = ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>;
+export declare function Label({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa,oFAEzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,wBAAgB,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAEtD"}

package/dist/components/label/label.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+export const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+export function Label({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(LabelPrimitive.Root, {
+        className: cn(labelVariants(), className),
+        ...props
+    });
+}
+
+//# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = ComponentProps<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants>;\n\nexport function Label({className, ...props}: LabelProps) {\n  return <LabelPrimitive.Root className={cn(labelVariants(), className)} {...props} />;\n}\n"],"names":["LabelPrimitive","cva","cn","labelVariants","Label","className","props","Root"],"mappings":";AAAA,YAAYA,oBAAoB,wBAAwB;AACxD,SAAQC,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,gBAAgBF,IAC3B,8FACA;AAKF,OAAO,SAASG,MAAM,EAACC,SAAS,EAAE,GAAGC,OAAkB;IACrD,qBAAO,KAACN,eAAeO,IAAI;QAACF,WAAWH,GAAGC,iBAAiBE;QAAa,GAAGC,KAAK;;AAClF"}

package/dist/components/label/label.stories.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '../../components/checkbox/index.js';
+import { Input } from '../../components/input/input.js';
+import { Textarea } from '../../components/textarea/index.js';
+import { Label } from './label.js';
+const meta = {
+    title: 'Components/Label',
+    component: Label,
+    tags: [
+        'autodocs'
+    ],
+    argTypes: {
+        htmlFor: {
+            control: 'text'
+        }
+    }
+};
+export default meta;
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "email",
+                    children: "Email"
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "email",
+                    type: "email",
+                    placeholder: "Enter your email"
+                })
+            ]
+        })
+};
+export const WithCheckbox = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Checkbox, {
+                    id: "terms"
+                }),
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "terms",
+                    children: "Accept terms and conditions"
+                })
+            ]
+        })
+};
+export const WithTextarea = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "message",
+                    children: "Message"
+                }),
+                /*#__PURE__*/ _jsx(Textarea, {
+                    id: "message",
+                    placeholder: "Enter your message"
+                })
+            ]
+        })
+};
+export const Required = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsxs(Label, {
+                    htmlFor: "required-field",
+                    children: [
+                        "Required Field ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "text-foreground-highlight-error",
+                            children: "*"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "required-field",
+                    type: "text",
+                    placeholder: "This field is required"
+                })
+            ]
+        })
+};
+export const Disabled = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "disabled-field",
+                    className: "opacity-50",
+                    children: "Disabled Field"
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "disabled-field",
+                    type: "text",
+                    placeholder: "Disabled input",
+                    disabled: true
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=label.stories.js.map

package/dist/components/label/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/label/label.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Checkbox} from 'components/checkbox';\nimport {Input} from 'components/input/input';\nimport {Textarea} from 'components/textarea';\nimport {Label} from './label';\n\nconst meta = {\n  title: 'Components/Label',\n  component: Label,\n  tags: ['autodocs'],\n  argTypes: {\n    htmlFor: {control: 'text'},\n  },\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"email\">Email</Label>\n      <Input id=\"email\" type=\"email\" placeholder=\"Enter your email\" />\n    </div>\n  ),\n};\n\nexport const WithCheckbox: Story = {\n  render: () => (\n    <div className=\"flex items-center gap-8\">\n      <Checkbox id=\"terms\" />\n      <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n    </div>\n  ),\n};\n\nexport const WithTextarea: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"message\">Message</Label>\n      <Textarea id=\"message\" placeholder=\"Enter your message\" />\n    </div>\n  ),\n};\n\nexport const Required: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"required-field\">\n        Required Field <span className=\"text-foreground-highlight-error\">*</span>\n      </Label>\n      <Input id=\"required-field\" type=\"text\" placeholder=\"This field is required\" />\n    </div>\n  ),\n};\n\nexport const Disabled: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"disabled-field\" className=\"opacity-50\">\n        Disabled Field\n      </Label>\n      <Input id=\"disabled-field\" type=\"text\" placeholder=\"Disabled input\" disabled />\n    </div>\n  ),\n};\n"],"names":["Checkbox","Input","Textarea","Label","meta","title","component","tags","argTypes","htmlFor","control","Default","render","div","className","id","type","placeholder","WithCheckbox","WithTextarea","Required","span","Disabled","disabled"],"mappings":";AACA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,UAAU;AAE9B,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWH;IACXI,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,SAAS;YAACC,SAAS;QAAM;IAC3B;AACF;AAEA,eAAeN,KAAK;AAIpB,OAAO,MAAMO,UAAiB;IAC5BC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAQ;;8BACvB,KAACR;oBAAMc,IAAG;oBAAQC,MAAK;oBAAQC,aAAY;;;;AAGjD,EAAE;AAEF,OAAO,MAAMC,eAAsB;IACjCN,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACd;oBAASe,IAAG;;8BACb,KAACZ;oBAAMM,SAAQ;8BAAQ;;;;AAG7B,EAAE;AAEF,OAAO,MAAMU,eAAsB;IACjCP,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAU;;8BACzB,KAACP;oBAASa,IAAG;oBAAUE,aAAY;;;;AAGzC,EAAE;AAEF,OAAO,MAAMG,WAAkB;IAC7BR,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,MAACX;oBAAMM,SAAQ;;wBAAiB;sCACf,KAACY;4BAAKP,WAAU;sCAAkC;;;;8BAEnE,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;;;;AAGzD,EAAE;AAEF,OAAO,MAAMK,WAAkB;IAC7BV,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;oBAAiBK,WAAU;8BAAa;;8BAGvD,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;oBAAiBM,QAAQ;;;;AAGlF,EAAE"}

package/dist/components/moving-border/moving-border.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from 'react';
+export type MovingBorderProps = {
+    children: React.ReactNode;
+    duration?: number;
+    rx?: string;
+    ry?: string;
+} & ComponentProps<'svg'>;
+export declare function MovingBorder({ children, duration, rx, ry, ...otherProps }: MovingBorderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=moving-border.d.ts.map

package/dist/components/moving-border/moving-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moving-border.d.ts","sourceRoot":"","sources":["../../../src/components/moving-border/moving-border.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAe,EACf,EAAE,EACF,EAAE,EACF,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA2CnB"}

package/dist/components/moving-border/moving-border.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion, useAnimationFrame, useMotionTemplate, useMotionValue, useTransform } from 'framer-motion';
+import { useRef } from 'react';
+export function MovingBorder({ children, duration = 3000, rx, ry, ...otherProps }) {
+    const pathRef = useRef(null);
+    const progress = useMotionValue(0);
+    useAnimationFrame((time)=>{
+        const length = pathRef.current?.getTotalLength();
+        if (length) {
+            const pxPerMillisecond = length / duration;
+            progress.set(time * pxPerMillisecond % length);
+        }
+    });
+    const x = useTransform(progress, (val)=>pathRef.current?.getPointAtLength(val)?.x ?? 0);
+    const y = useTransform(progress, (val)=>pathRef.current?.getPointAtLength(val)?.y ?? 0);
+    const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                preserveAspectRatio: "none",
+                className: "absolute h-full w-full",
+                width: "100%",
+                height: "100%",
+                ...otherProps,
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Moving Border"
+                    }),
+                    /*#__PURE__*/ _jsx("rect", {
+                        fill: "none",
+                        width: "100%",
+                        height: "100%",
+                        rx: rx,
+                        ry: ry,
+                        ref: pathRef
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(motion.div, {
+                style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    display: 'inline-block',
+                    transform
+                },
+                children: children
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=moving-border.js.map

package/dist/components/moving-border/moving-border.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/moving-border/moving-border.tsx"],"sourcesContent":["import {\n  motion,\n  useAnimationFrame,\n  useMotionTemplate,\n  useMotionValue,\n  useTransform,\n} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {useRef} from 'react';\n\nexport type MovingBorderProps = {\n  children: React.ReactNode;\n  duration?: number;\n  rx?: string;\n  ry?: string;\n} & ComponentProps<'svg'>;\n\nexport function MovingBorder({\n  children,\n  duration = 3000,\n  rx,\n  ry,\n  ...otherProps\n}: MovingBorderProps) {\n  const pathRef = useRef<SVGRectElement | null>(null);\n  const progress = useMotionValue<number>(0);\n\n  useAnimationFrame((time: number) => {\n    const length = pathRef.current?.getTotalLength();\n    if (length) {\n      const pxPerMillisecond = length / duration;\n      progress.set((time * pxPerMillisecond) % length);\n    }\n  });\n\n  const x = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.x ?? 0);\n  const y = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.y ?? 0);\n\n  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;\n\n  return (\n    <>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"none\"\n        className=\"absolute h-full w-full\"\n        width=\"100%\"\n        height=\"100%\"\n        {...otherProps}\n      >\n        <title>Moving Border</title>\n        <rect fill=\"none\" width=\"100%\" height=\"100%\" rx={rx} ry={ry} ref={pathRef} />\n      </svg>\n      <motion.div\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          display: 'inline-block',\n          transform,\n        }}\n      >\n        {children}\n      </motion.div>\n    </>\n  );\n}\n"],"names":["motion","useAnimationFrame","useMotionTemplate","useMotionValue","useTransform","useRef","MovingBorder","children","duration","rx","ry","otherProps","pathRef","progress","time","length","current","getTotalLength","pxPerMillisecond","set","x","val","getPointAtLength","y","transform","svg","xmlns","preserveAspectRatio","className","width","height","title","rect","fill","ref","div","style","position","top","left","display"],"mappings":";AAAA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,cAAc,EACdC,YAAY,QACP,gBAAgB;AAEvB,SAAQC,MAAM,QAAO,QAAQ;AAS7B,OAAO,SAASC,aAAa,EAC3BC,QAAQ,EACRC,WAAW,IAAI,EACfC,EAAE,EACFC,EAAE,EACF,GAAGC,YACe;IAClB,MAAMC,UAAUP,OAA8B;IAC9C,MAAMQ,WAAWV,eAAuB;IAExCF,kBAAkB,CAACa;QACjB,MAAMC,SAASH,QAAQI,OAAO,EAAEC;QAChC,IAAIF,QAAQ;YACV,MAAMG,mBAAmBH,SAASP;YAClCK,SAASM,GAAG,CAAC,AAACL,OAAOI,mBAAoBH;QAC3C;IACF;IAEA,MAAMK,IAAIhB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAMD,KAAK;IAC/F,MAAMG,IAAInB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAME,KAAK;IAE/F,MAAMC,YAAYtB,iBAAiB,CAAC,WAAW,EAAEkB,EAAE,eAAe,EAAEG,EAAE,qCAAqC,CAAC;IAE5G,qBACE;;0BACE,MAACE;gBACCC,OAAM;gBACNC,qBAAoB;gBACpBC,WAAU;gBACVC,OAAM;gBACNC,QAAO;gBACN,GAAGnB,UAAU;;kCAEd,KAACoB;kCAAM;;kCACP,KAACC;wBAAKC,MAAK;wBAAOJ,OAAM;wBAAOC,QAAO;wBAAOrB,IAAIA;wBAAIC,IAAIA;wBAAIwB,KAAKtB;;;;0BAEpE,KAACZ,OAAOmC,GAAG;gBACTC,OAAO;oBACLC,UAAU;oBACVC,KAAK;oBACLC,MAAM;oBACNC,SAAS;oBACThB;gBACF;0BAECjB;;;;AAIT"}

package/dist/components/textarea/textarea.js

@@ -20,7 +20,7 @@ export const textareaVariants = cva('', {
 export function Textarea({ className, variant, size, ...props }) {
     return /*#__PURE__*/ _jsx("textarea", {
         "data-slot": "textarea",
-        className: cn('textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-border-base transition-[color,box-shadow] outline-none', 'hover:bg-background-field-hover', 'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled', 'focus-visible:shadow-border-interactive-with-active', 'aria-invalid:shadow-border-error', textareaVariants({
+        className: cn('textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none', 'hover:bg-background-field-hover', 'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled', 'focus-visible:shadow-border-interactive-with-active', 'aria-invalid:shadow-border-error', textareaVariants({
             variant,
             size
         }), className),

package/dist/components/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const textareaVariants = cva('', {\n  variants: {\n    variant: {\n      base: 'bg-background-field-base',\n      component: 'bg-background-field-component',\n    },\n    size: {\n      base: 'py-6',\n      small: 'py-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'base',\n    size: 'base',\n  },\n});\n\ntype TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> &\n  VariantProps<typeof textareaVariants>;\n\nexport function Textarea({className, variant, size, ...props}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-border-base transition-[color,box-shadow] outline-none',\n        'hover:bg-background-field-hover',\n        'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n        'focus-visible:shadow-border-interactive-with-active',\n        'aria-invalid:shadow-border-error',\n        textareaVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","textareaVariants","variants","variant","base","component","size","small","defaultVariants","Textarea","className","props","textarea","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,mBAAmBF,IAAI,IAAI;IACtCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAKH,OAAO,SAASG,SAAS,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAE,GAAGK,OAAqB;IAC1E,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWV,GACT,sNACA,mCACA,6FACA,mKACA,uDACA,oCACAC,iBAAiB;YAACE;YAASG;QAAI,IAC/BI;QAED,GAAGC,KAAK;;AAGf"}
+{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const textareaVariants = cva('', {\n  variants: {\n    variant: {\n      base: 'bg-background-field-base',\n      component: 'bg-background-field-component',\n    },\n    size: {\n      base: 'py-6',\n      small: 'py-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'base',\n    size: 'base',\n  },\n});\n\ntype TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> &\n  VariantProps<typeof textareaVariants>;\n\nexport function Textarea({className, variant, size, ...props}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none',\n        'hover:bg-background-field-hover',\n        'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n        'focus-visible:shadow-border-interactive-with-active',\n        'aria-invalid:shadow-border-error',\n        textareaVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","textareaVariants","variants","variant","base","component","size","small","defaultVariants","Textarea","className","props","textarea","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,mBAAmBF,IAAI,IAAI;IACtCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAKH,OAAO,SAASG,SAAS,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAE,GAAGK,OAAqB;IAC1E,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWV,GACT,yNACA,mCACA,6FACA,mKACA,uDACA,oCACAC,iBAAiB;YAACE;YAASG;QAAI,IAC/BI;QAED,GAAGC,KAAK;;AAGf"}

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

@@ -0,0 +1,2 @@
+export * from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/theme/index.js

@@ -0,0 +1,3 @@
+export * from './theme-provider.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["export * from './theme-provider';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/components/{theme-provider.d.ts → theme/theme-provider.d.ts}

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type Theme } from '../state/theme';
+import { type Theme } from '../../state/theme';
 type ThemeProviderProps = {
     children: ReactNode;
     defaultTheme?: Theme;

package/dist/components/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,KAAK,KAAK,EAAuB,MAAM,aAAa,CAAC;AAE7D,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAmCpB"}

package/dist/components/{theme-provider.js → theme/theme-provider.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { ThemeProviderContext } from '../state/theme.js';
+import { ThemeProviderContext } from '../../state/theme.js';
 export function ThemeProvider({ children, defaultTheme = 'system', storageKey = 'shipfox-theme', ...props }) {
     const [theme, setTheme] = useState(()=>localStorage.getItem(storageKey) || defaultTheme);
     useEffect(()=>{

package/dist/components/theme/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/theme-provider.tsx"],"sourcesContent":["import {type ReactNode, useEffect, useState} from 'react';\nimport {type Theme, ThemeProviderContext} from 'state/theme';\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'shipfox-theme',\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme,\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n\n      root.classList.add(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n  }, [theme]);\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n"],"names":["useEffect","useState","ThemeProviderContext","ThemeProvider","children","defaultTheme","storageKey","props","theme","setTheme","localStorage","getItem","root","window","document","documentElement","classList","remove","systemTheme","matchMedia","matches","add","value","setItem","Provider"],"mappings":";AAAA,SAAwBA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAC1D,SAAoBC,oBAAoB,QAAO,cAAc;AAQ7D,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,eAAe,QAAQ,EACvBC,aAAa,eAAe,EAC5B,GAAGC,OACgB;IACnB,MAAM,CAACC,OAAOC,SAAS,GAAGR,SACxB,IAAM,AAACS,aAAaC,OAAO,CAACL,eAAyBD;IAGvDL,UAAU;QACR,MAAMY,OAAOC,OAAOC,QAAQ,CAACC,eAAe;QAE5CH,KAAKI,SAAS,CAACC,MAAM,CAAC,SAAS;QAE/B,IAAIT,UAAU,UAAU;YACtB,MAAMU,cAAcL,OAAOM,UAAU,CAAC,gCAAgCC,OAAO,GACzE,SACA;YAEJR,KAAKI,SAAS,CAACK,GAAG,CAACH;YACnB;QACF;QAEAN,KAAKI,SAAS,CAACK,GAAG,CAACb;IACrB,GAAG;QAACA;KAAM;IAEV,MAAMc,QAAQ;QACZd;QACAC,UAAU,CAACD;YACTE,aAAaa,OAAO,CAACjB,YAAYE;YACjCC,SAASD;QACX;IACF;IAEA,qBACE,KAACN,qBAAqBsB,QAAQ;QAAE,GAAGjB,KAAK;QAAEe,OAAOA;kBAC9ClB;;AAGP"}

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

@@ -0,0 +1,3 @@
+export { Toaster, type ToasterProps, toast } from './toast';
+export { ToastCustom, type ToastCustomProps } from './toast-custom';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,EAAC,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,4 @@
+export { Toaster, toast } from './toast.js';
+export { ToastCustom } from './toast-custom.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export {Toaster, type ToasterProps, toast} from './toast';\nexport {ToastCustom, type ToastCustomProps} from './toast-custom';\n"],"names":["Toaster","toast","ToastCustom"],"mappings":"AAAA,SAAQA,OAAO,EAAqBC,KAAK,QAAO,UAAU;AAC1D,SAAQC,WAAW,QAA8B,iBAAiB"}