@shipfox/react-ui 0.3.0 → 0.5.0

package/dist/components/icon/custom/stripe-logo.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StripeLogo({ color = '#6772E5', ...props }) {
+    return /*#__PURE__*/ _jsxs("svg", {
+        viewBox: "0 0 28 28",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        focusable: "false",
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("title", {
+                children: "Stripe Logo"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M12.3115 9.17663C12.3115 8.15771 13.1593 7.76352 14.5293 7.76352C16.7967 7.81251 19.0215 8.38821 21.0281 9.44512V3.29438C18.959 2.48126 16.7523 2.07592 14.5293 2.10068C9.24873 2.10068 5.70703 4.86665 5.70703 9.48529C5.70703 16.7115 15.63 15.5379 15.63 18.6526C15.63 19.8709 14.5888 20.2487 13.1236 20.2487C10.9631 20.2487 8.17253 19.3547 5.9837 18.1647V24.3958C8.23725 25.3764 10.6668 25.888 13.1244 25.8997C18.5514 25.8997 22.2925 23.2185 22.2925 18.5195C22.2925 10.7206 12.3115 12.1137 12.3115 9.17812V9.17663Z",
+                fill: color
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=stripe-logo.js.map

package/dist/components/icon/custom/stripe-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icon/custom/stripe-logo.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\ntype StripeLogoProps = ComponentProps<RemixiconComponentType> & {\n  color?: string;\n};\n\nexport function StripeLogo({color = '#6772E5', ...props}: StripeLogoProps) {\n  return (\n    <svg\n      viewBox=\"0 0 28 28\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    >\n      <title>Stripe Logo</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12.3115 9.17663C12.3115 8.15771 13.1593 7.76352 14.5293 7.76352C16.7967 7.81251 19.0215 8.38821 21.0281 9.44512V3.29438C18.959 2.48126 16.7523 2.07592 14.5293 2.10068C9.24873 2.10068 5.70703 4.86665 5.70703 9.48529C5.70703 16.7115 15.63 15.5379 15.63 18.6526C15.63 19.8709 14.5888 20.2487 13.1236 20.2487C10.9631 20.2487 8.17253 19.3547 5.9837 18.1647V24.3958C8.23725 25.3764 10.6668 25.888 13.1244 25.8997C18.5514 25.8997 22.2925 23.2185 22.2925 18.5195C22.2925 10.7206 12.3115 12.1137 12.3115 9.17812V9.17663Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n"],"names":["StripeLogo","color","props","svg","viewBox","fill","xmlns","aria-hidden","focusable","title","path","fillRule","clipRule","d"],"mappings":";AAOA,OAAO,SAASA,WAAW,EAACC,QAAQ,SAAS,EAAE,GAAGC,OAAuB;IACvE,qBACE,MAACC;QACCC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,eAAY;QACZC,WAAU;QACT,GAAGN,KAAK;;0BAET,KAACO;0BAAM;;0BACP,KAACC;gBACCC,UAAS;gBACTC,UAAS;gBACTC,GAAE;gBACFR,MAAMJ;;;;AAId"}

package/dist/components/icon/icon.d.ts

@@ -1,6 +1,6 @@
 import { type RemixiconComponentType, RiGoogleFill } from '@remixicon/react';
 import type { ComponentProps } from 'react';
-import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIcon, ComponentLineIcon, EllipseMiniSolidIcon, InfoTooltipFillIcon, ResizeIcon, ShipfoxLogo, SpinnerIcon, ThunderIcon, XCircleSolidIcon } from './custom';
+import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIcon, ComponentLineIcon, EllipseMiniSolidIcon, InfoTooltipFillIcon, ResizeIcon, ShipfoxLogo, SlackLogo, SpinnerIcon, StripeLogo, ThunderIcon, XCircleSolidIcon } from './custom';
 declare const iconsMap: {
     readonly google: RemixiconComponentType;
     readonly microsoft: RemixiconComponentType;
@@ -17,7 +17,18 @@ declare const iconsMap: {
     readonly componentLine: typeof ComponentLineIcon;
     readonly imageAdd: RemixiconComponentType;
     readonly close: RemixiconComponentType;
-    readonly shipfoxLogo: typeof ShipfoxLogo;
+    readonly shipfox: typeof ShipfoxLogo;
+    readonly slack: typeof SlackLogo;
+    readonly stripe: typeof StripeLogo;
+    readonly github: RemixiconComponentType;
+    readonly check: RemixiconComponentType;
+    readonly subtractLine: RemixiconComponentType;
+    readonly info: RemixiconComponentType;
+    readonly money: RemixiconComponentType;
+    readonly homeSmile: RemixiconComponentType;
+    readonly copy: RemixiconComponentType;
+    readonly addLine: RemixiconComponentType;
+    readonly chevronRight: RemixiconComponentType;
 };
 export type IconName = keyof typeof iconsMap;
 export declare const iconNames: IconName[];

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAE3B,YAAY,EAGb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAiB6C,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,eAAO,MAAM,SAAS,EAA4B,QAAQ,EAAE,CAAC;AAE7D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAEhE,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAG/C"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAO3B,YAAY,EAOb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B6C,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,eAAO,MAAM,SAAS,EAA4B,QAAQ,EAAE,CAAC;AAE7D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAEhE,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAG/C"}

package/dist/components/icon/icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RiCloseLine, RiGoogleFill, RiImageAddFill, RiMicrosoftFill } from '@remixicon/react';
-import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIcon, ComponentLineIcon, EllipseMiniSolidIcon, InfoTooltipFillIcon, ResizeIcon, ShipfoxLogo, SpinnerIcon, ThunderIcon, XCircleSolidIcon } from './custom/index.js';
+import { RiAddLine, RiArrowRightSLine, RiCheckLine, RiCloseLine, RiFileCopyLine, RiGithubFill, RiGoogleFill, RiHomeSmileFill, RiImageAddFill, RiInformationFill, RiMicrosoftFill, RiMoneyDollarCircleLine, RiSubtractLine } from '@remixicon/react';
+import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIcon, ComponentLineIcon, EllipseMiniSolidIcon, InfoTooltipFillIcon, ResizeIcon, ShipfoxLogo, SlackLogo, SpinnerIcon, StripeLogo, ThunderIcon, XCircleSolidIcon } from './custom/index.js';
 const iconsMap = {
     google: RiGoogleFill,
     microsoft: RiMicrosoftFill,
@@ -17,7 +17,18 @@ const iconsMap = {
     componentLine: ComponentLineIcon,
     imageAdd: RiImageAddFill,
     close: RiCloseLine,
-    shipfoxLogo: ShipfoxLogo
+    shipfox: ShipfoxLogo,
+    slack: SlackLogo,
+    stripe: StripeLogo,
+    github: RiGithubFill,
+    check: RiCheckLine,
+    subtractLine: RiSubtractLine,
+    info: RiInformationFill,
+    money: RiMoneyDollarCircleLine,
+    homeSmile: RiHomeSmileFill,
+    copy: RiFileCopyLine,
+    addLine: RiAddLine,
+    chevronRight: RiArrowRightSLine
 };
 export const iconNames = Object.keys(iconsMap);
 export function Icon({ name, ...props }) {

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import {\n  type RemixiconComponentType,\n  RiCloseLine,\n  RiGoogleFill,\n  RiImageAddFill,\n  RiMicrosoftFill,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SpinnerIcon,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\n\nconst iconsMap = {\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  xCircleSolid: XCircleSolidIcon,\n  thunder: ThunderIcon,\n  resize: ResizeIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  spinner: SpinnerIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  componentLine: ComponentLineIcon,\n  imageAdd: RiImageAddFill,\n  close: RiCloseLine,\n  shipfoxLogo: ShipfoxLogo,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<typeof RiGoogleFill>;\ntype IconProps = {name: IconName} & Omit<BaseIconProps, 'name'>;\n\nexport function Icon({name, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  return <IconComponent {...props} />;\n}\n"],"names":["RiCloseLine","RiGoogleFill","RiImageAddFill","RiMicrosoftFill","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SpinnerIcon","ThunderIcon","XCircleSolidIcon","iconsMap","google","microsoft","badge","checkCircleSolid","circleDottedLine","componentFill","xCircleSolid","thunder","resize","infoTooltipFill","spinner","ellipseMiniSolid","componentLine","imageAdd","close","shipfoxLogo","iconNames","Object","keys","Icon","name","props","IconComponent"],"mappings":";AAAA,SAEEA,WAAW,EACXC,YAAY,EACZC,cAAc,EACdC,eAAe,QACV,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAElB,MAAMC,WAAW;IACfC,QAAQhB;IACRiB,WAAWf;IACXgB,OAAOf;IACPgB,kBAAkBf;IAClBgB,kBAAkBf;IAClBgB,eAAef;IACfgB,cAAcR;IACdS,SAASV;IACTW,QAAQd;IACRe,iBAAiBhB;IACjBiB,SAASd;IACTe,kBAAkBnB;IAClBoB,eAAerB;IACfsB,UAAU5B;IACV6B,OAAO/B;IACPgC,aAAapB;AACf;AAGA,OAAO,MAAMqB,YAAYC,OAAOC,IAAI,CAACnB,UAAwB;AAK7D,OAAO,SAASoB,KAAK,EAACC,IAAI,EAAE,GAAGC,OAAiB;IAC9C,MAAMC,gBAAgBvB,QAAQ,CAACqB,KAAK;IACpC,qBAAO,KAACE;QAAe,GAAGD,KAAK;;AACjC"}
+{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import {\n  type RemixiconComponentType,\n  RiAddLine,\n  RiArrowRightSLine,\n  RiCheckLine,\n  RiCloseLine,\n  RiFileCopyLine,\n  RiGithubFill,\n  RiGoogleFill,\n  RiHomeSmileFill,\n  RiImageAddFill,\n  RiInformationFill,\n  RiMicrosoftFill,\n  RiMoneyDollarCircleLine,\n  RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SlackLogo,\n  SpinnerIcon,\n  StripeLogo,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\n\nconst iconsMap = {\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  xCircleSolid: XCircleSolidIcon,\n  thunder: ThunderIcon,\n  resize: ResizeIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  spinner: SpinnerIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  componentLine: ComponentLineIcon,\n  imageAdd: RiImageAddFill,\n  close: RiCloseLine,\n  shipfox: ShipfoxLogo,\n  slack: SlackLogo,\n  stripe: StripeLogo,\n  github: RiGithubFill,\n  check: RiCheckLine,\n  subtractLine: RiSubtractLine,\n  info: RiInformationFill,\n  money: RiMoneyDollarCircleLine,\n  homeSmile: RiHomeSmileFill,\n  copy: RiFileCopyLine,\n  addLine: RiAddLine,\n  chevronRight: RiArrowRightSLine,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<typeof RiGoogleFill>;\ntype IconProps = {name: IconName} & Omit<BaseIconProps, 'name'>;\n\nexport function Icon({name, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  return <IconComponent {...props} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","iconsMap","google","microsoft","badge","checkCircleSolid","circleDottedLine","componentFill","xCircleSolid","thunder","resize","infoTooltipFill","spinner","ellipseMiniSolid","componentLine","imageAdd","close","shipfox","slack","stripe","github","check","subtractLine","info","money","homeSmile","copy","addLine","chevronRight","iconNames","Object","keys","Icon","name","props","IconComponent"],"mappings":";AAAA,SAEEA,SAAS,EACTC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAElB,MAAMC,WAAW;IACfC,QAAQtB;IACRuB,WAAWnB;IACXoB,OAAOjB;IACPkB,kBAAkBjB;IAClBkB,kBAAkBjB;IAClBkB,eAAejB;IACfkB,cAAcR;IACdS,SAASV;IACTW,QAAQhB;IACRiB,iBAAiBlB;IACjBmB,SAASf;IACTgB,kBAAkBrB;IAClBsB,eAAevB;IACfwB,UAAUjC;IACVkC,OAAOvC;IACPwC,SAAStB;IACTuB,OAAOtB;IACPuB,QAAQrB;IACRsB,QAAQzC;IACR0C,OAAO7C;IACP8C,cAAcpC;IACdqC,MAAMxC;IACNyC,OAAOvC;IACPwC,WAAW5C;IACX6C,MAAMhD;IACNiD,SAASrD;IACTsD,cAAcrD;AAChB;AAGA,OAAO,MAAMsD,YAAYC,OAAOC,IAAI,CAAC9B,UAAwB;AAK7D,OAAO,SAAS+B,KAAK,EAACC,IAAI,EAAE,GAAGC,OAAiB;IAC9C,MAAMC,gBAAgBlC,QAAQ,CAACgC,KAAK;IACpC,qBAAO,KAACE;QAAe,GAAGD,KAAK;;AACjC"}

package/dist/components/icon/icon.stories.js

@@ -17,9 +17,12 @@ export const Gallery = {
                 children: iconNames.toSorted().map((name)=>/*#__PURE__*/ _jsxs("div", {
                         className: "flex flex-col items-center gap-4",
                         children: [
-                            /*#__PURE__*/ _jsx(Icon, {
-                                ...args,
-                                name: name
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "flex items-center justify-center w-20 h-20",
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    ...args,
+                                    name: name
+                                })
                             }),
                             /*#__PURE__*/ _jsx(Code, {
                                 variant: "label",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/icon.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from 'components/typography';\nimport {Icon, iconNames} from './icon';\n\nconst meta = {\n  title: 'Components/Icon',\n  component: Icon,\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Gallery: Story = {\n  args: {name: 'google'},\n  render: (args) => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"grid grid-cols-8 gap-16\">\n        {iconNames.toSorted().map((name) => (\n          <div key={name} className=\"flex flex-col items-center gap-4\">\n            <Icon {...args} name={name} />\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {name}\n            </Code>\n          </div>\n        ))}\n      </div>\n    </div>\n  ),\n};\n"],"names":["Code","Icon","iconNames","meta","title","component","Gallery","args","name","render","div","className","toSorted","map","variant"],"mappings":";AACA,SAAQA,IAAI,QAAO,wBAAwB;AAC3C,SAAQC,IAAI,EAAEC,SAAS,QAAO,SAAS;AAEvC,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;AACb;AAEA,eAAeE,KAAK;AAGpB,OAAO,MAAMG,UAAiB;IAC5BC,MAAM;QAACC,MAAM;IAAQ;IACrBC,QAAQ,CAACF,qBACP,KAACG;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACZT,UAAUU,QAAQ,GAAGC,GAAG,CAAC,CAACL,qBACzB,MAACE;wBAAeC,WAAU;;0CACxB,KAACV;gCAAM,GAAGM,IAAI;gCAAEC,MAAMA;;0CACtB,KAACR;gCAAKc,SAAQ;gCAAQH,WAAU;0CAC7BH;;;uBAHKA;;;AAUpB,EAAE"}
+{"version":3,"sources":["../../../src/components/icon/icon.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from 'components/typography';\nimport {Icon, iconNames} from './icon';\n\nconst meta = {\n  title: 'Components/Icon',\n  component: Icon,\n} satisfies Meta<typeof Icon>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Gallery: Story = {\n  args: {name: 'google'},\n  render: (args) => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"grid grid-cols-8 gap-16\">\n        {iconNames.toSorted().map((name) => (\n          <div key={name} className=\"flex flex-col items-center gap-4\">\n            <div className=\"flex items-center justify-center w-20 h-20\">\n              <Icon {...args} name={name} />\n            </div>\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {name}\n            </Code>\n          </div>\n        ))}\n      </div>\n    </div>\n  ),\n};\n"],"names":["Code","Icon","iconNames","meta","title","component","Gallery","args","name","render","div","className","toSorted","map","variant"],"mappings":";AACA,SAAQA,IAAI,QAAO,wBAAwB;AAC3C,SAAQC,IAAI,EAAEC,SAAS,QAAO,SAAS;AAEvC,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;AACb;AAEA,eAAeE,KAAK;AAGpB,OAAO,MAAMG,UAAiB;IAC5BC,MAAM;QAACC,MAAM;IAAQ;IACrBC,QAAQ,CAACF,qBACP,KAACG;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACZT,UAAUU,QAAQ,GAAGC,GAAG,CAAC,CAACL,qBACzB,MAACE;wBAAeC,WAAU;;0CACxB,KAACD;gCAAIC,WAAU;0CACb,cAAA,KAACV;oCAAM,GAAGM,IAAI;oCAAEC,MAAMA;;;0CAExB,KAACR;gCAAKc,SAAQ;gCAAQH,WAAU;0CAC7BH;;;uBALKA;;;AAYpB,EAAE"}

package/dist/components/index.d.ts

@@ -1,9 +1,17 @@
 export * from './alert';
 export * from './avatar';
+export * from './badge';
 export * from './button';
+export * from './checkbox';
+export * from './code-block';
+export * from './dynamic-item';
 export * from './icon';
 export * from './inline-tips';
+export * from './input';
+export * from './item';
+export * from './label';
 export * from './textarea';
-export * from './theme-provider';
+export * from './theme';
+export * from './toast';
 export * from './typography';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/components/index.js

@@ -1,10 +1,18 @@
 export * from './alert/index.js';
 export * from './avatar/index.js';
-export * from './button.js';
+export * from './badge/index.js';
+export * from './button/index.js';
+export * from './checkbox/index.js';
+export * from './code-block/index.js';
+export * from './dynamic-item/index.js';
 export * from './icon/index.js';
 export * from './inline-tips/index.js';
+export * from './input/index.js';
+export * from './item/index.js';
+export * from './label/index.js';
 export * from './textarea/index.js';
-export * from './theme-provider.js';
+export * from './theme/index.js';
+export * from './toast/index.js';
 export * from './typography/index.js';
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './button';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './textarea';\nexport * from './theme-provider';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,eAAe"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './dynamic-item';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './label';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe"}

package/dist/components/inline-tips/inline-tips.d.ts

@@ -4,7 +4,7 @@ declare const inlineTipsBaseVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InlineTipsProps = ComponentProps<'div'> & VariantProps<typeof inlineTipsBaseVariants> & {
-    type?: 'default' | 'info' | 'success' | 'destructive';
+    type?: 'default' | 'info' | 'success' | 'error';
 };
 declare function InlineTips({ className, variant, type, children, ...props }: InlineTipsProps): import("react/jsx-runtime").JSX.Element;
 declare function InlineTipsContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inline-tips/inline-tips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-tips.d.ts","sourceRoot":"","sources":["../../../src/components/inline-tips/inline-tips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,sBAAsB;;8EAW1B,CAAC;AAgBH,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;CACvD,CAAC;AAEJ,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAe9F;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAItE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQpE;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,QAAA,MAAM,wBAAwB;;8EAe7B,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAS1E;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"inline-tips.d.ts","sourceRoot":"","sources":["../../../src/components/inline-tips/inline-tips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,sBAAsB;;8EAW1B,CAAC;AAgBH,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACjD,CAAC;AAEJ,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAe9F;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAItE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQpE;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,QAAA,MAAM,wBAAwB;;8EAe7B,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAS1E;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}

package/dist/components/inline-tips/inline-tips.js

@@ -18,7 +18,7 @@ const inlineTipsLineVariants = cva('w-4 self-stretch my-4 rounded-full', {
             default: 'bg-tag-neutral-icon',
             info: 'bg-tag-warning-icon',
             success: 'bg-tag-success-icon',
-            destructive: 'bg-tag-error-icon'
+            error: 'bg-tag-error-icon'
         }
     },
     defaultVariants: {

package/dist/components/inline-tips/inline-tips.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst inlineTipsBaseVariants = cva('w-full text-sm flex gap-12 items-center', {\n  variants: {\n    variant: {\n      primary:\n        'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral rounded-8 px-12 py-8',\n      secondary: 'bg-transparent text-foreground-neutral-base',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nconst inlineTipsLineVariants = cva('w-4 self-stretch my-4 rounded-full', {\n  variants: {\n    type: {\n      default: 'bg-tag-neutral-icon',\n      info: 'bg-tag-warning-icon',\n      success: 'bg-tag-success-icon',\n      destructive: 'bg-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\ntype InlineTipsProps = ComponentProps<'div'> &\n  VariantProps<typeof inlineTipsBaseVariants> & {\n    type?: 'default' | 'info' | 'success' | 'destructive';\n  };\n\nfunction InlineTips({className, variant, type = 'default', children, ...props}: InlineTipsProps) {\n  return (\n    <div\n      data-slot=\"inline-tips\"\n      className={cn(inlineTipsBaseVariants({variant}), className)}\n      {...props}\n    >\n      <div\n        data-slot=\"inline-tips-line\"\n        className={cn(inlineTipsLineVariants({type}))}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </div>\n  );\n}\n\nfunction InlineTipsContent({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"inline-tips-content\" className={cn('flex-1 min-w-0', className)} {...props} />\n  );\n}\n\nfunction InlineTipsTitle({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-title\"\n      className={cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction InlineTipsDescription({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-description\"\n      className={cn(\n        'text-xs leading-20 text-foreground-neutral-muted [&_p]:leading-relaxed',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InlineTipsActions({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-actions\"\n      className={cn('flex items-center gap-8 shrink-0', className)}\n      {...props}\n    />\n  );\n}\n\nconst inlineTipsActionVariants = cva(\n  'rounded-6 px-10 py-6 text-xs font-medium leading-20 transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-background-button-inverted-default text-foreground-contrast-primary shadow-button-inverted hover:bg-background-button-inverted-hover active:bg-background-button-inverted-pressed focus-visible:shadow-button-inverted-focus disabled:bg-background-neutral-disabled disabled:text-foreground-neutral-disabled disabled:shadow-none ',\n        secondary:\n          'bg-background-button-neutral-default text-foreground-neutral-base shadow-button-neutral hover:bg-background-button-neutral-hover active:bg-background-button-neutral-pressed disabled:bg-background-neutral-disabled focus-visible:shadow-button-neutral-focus disabled:text-foreground-neutral-disabled disabled:shadow-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  },\n);\n\nfunction InlineTipsAction({\n  className,\n  variant,\n  ...props\n}: ComponentProps<'button'> & VariantProps<typeof inlineTipsActionVariants>) {\n  return (\n    <button\n      data-slot=\"inline-tips-action\"\n      type=\"button\"\n      className={cn(inlineTipsActionVariants({variant}), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InlineTips,\n  InlineTipsContent,\n  InlineTipsTitle,\n  InlineTipsDescription,\n  InlineTipsActions,\n  InlineTipsAction,\n};\n"],"names":["cva","cn","inlineTipsBaseVariants","variants","variant","primary","secondary","defaultVariants","inlineTipsLineVariants","type","default","info","success","destructive","InlineTips","className","children","props","div","data-slot","aria-hidden","InlineTipsContent","InlineTipsTitle","InlineTipsDescription","InlineTipsActions","inlineTipsActionVariants","InlineTipsAction","button"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,yBAAyBF,IAAI,2CAA2C;IAC5EG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WAAW;QACb;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAEA,MAAMI,yBAAyBR,IAAI,sCAAsC;IACvEG,UAAU;QACRM,MAAM;YACJC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,aAAa;QACf;IACF;IACAN,iBAAiB;QACfE,MAAM;IACR;AACF;AAOA,SAASK,WAAW,EAACC,SAAS,EAAEX,OAAO,EAAEK,OAAO,SAAS,EAAEO,QAAQ,EAAE,GAAGC,OAAuB;IAC7F,qBACE,MAACC;QACCC,aAAU;QACVJ,WAAWd,GAAGC,uBAAuB;YAACE;QAAO,IAAIW;QAChD,GAAGE,KAAK;;0BAET,KAACC;gBACCC,aAAU;gBACVJ,WAAWd,GAAGO,uBAAuB;oBAACC;gBAAI;gBAC1CW,eAAY;;YAEbJ;;;AAGP;AAEA,SAASK,kBAAkB,EAACN,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QAAIC,aAAU;QAAsBJ,WAAWd,GAAG,kBAAkBc;QAAa,GAAGE,KAAK;;AAE9F;AAEA,SAASK,gBAAgB,EAACP,SAAS,EAAE,GAAGE,OAA6B;IACnE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oEAAoEc;QACjF,GAAGE,KAAK;;AAGf;AAEA,SAASM,sBAAsB,EAACR,SAAS,EAAE,GAAGE,OAA6B;IACzE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GACT,0EACAc;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASO,kBAAkB,EAACT,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oCAAoCc;QACjD,GAAGE,KAAK;;AAGf;AAEA,MAAMQ,2BAA2BzB,IAC/B,mMACA;IACEG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WACE;QACJ;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAGF,SAASsB,iBAAiB,EACxBX,SAAS,EACTX,OAAO,EACP,GAAGa,OACsE;IACzE,qBACE,KAACU;QACCR,aAAU;QACVV,MAAK;QACLM,WAAWd,GAAGwB,yBAAyB;YAACrB;QAAO,IAAIW;QAClD,GAAGE,KAAK;;AAGf;AAEA,SACEH,UAAU,EACVO,iBAAiB,EACjBC,eAAe,EACfC,qBAAqB,EACrBC,iBAAiB,EACjBE,gBAAgB,GAChB"}
+{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst inlineTipsBaseVariants = cva('w-full text-sm flex gap-12 items-center', {\n  variants: {\n    variant: {\n      primary:\n        'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral rounded-8 px-12 py-8',\n      secondary: 'bg-transparent text-foreground-neutral-base',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nconst inlineTipsLineVariants = cva('w-4 self-stretch my-4 rounded-full', {\n  variants: {\n    type: {\n      default: 'bg-tag-neutral-icon',\n      info: 'bg-tag-warning-icon',\n      success: 'bg-tag-success-icon',\n      error: 'bg-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\ntype InlineTipsProps = ComponentProps<'div'> &\n  VariantProps<typeof inlineTipsBaseVariants> & {\n    type?: 'default' | 'info' | 'success' | 'error';\n  };\n\nfunction InlineTips({className, variant, type = 'default', children, ...props}: InlineTipsProps) {\n  return (\n    <div\n      data-slot=\"inline-tips\"\n      className={cn(inlineTipsBaseVariants({variant}), className)}\n      {...props}\n    >\n      <div\n        data-slot=\"inline-tips-line\"\n        className={cn(inlineTipsLineVariants({type}))}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </div>\n  );\n}\n\nfunction InlineTipsContent({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"inline-tips-content\" className={cn('flex-1 min-w-0', className)} {...props} />\n  );\n}\n\nfunction InlineTipsTitle({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-title\"\n      className={cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction InlineTipsDescription({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-description\"\n      className={cn(\n        'text-xs leading-20 text-foreground-neutral-muted [&_p]:leading-relaxed',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InlineTipsActions({className, ...props}: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"inline-tips-actions\"\n      className={cn('flex items-center gap-8 shrink-0', className)}\n      {...props}\n    />\n  );\n}\n\nconst inlineTipsActionVariants = cva(\n  'rounded-6 px-10 py-6 text-xs font-medium leading-20 transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-background-button-inverted-default text-foreground-contrast-primary shadow-button-inverted hover:bg-background-button-inverted-hover active:bg-background-button-inverted-pressed focus-visible:shadow-button-inverted-focus disabled:bg-background-neutral-disabled disabled:text-foreground-neutral-disabled disabled:shadow-none ',\n        secondary:\n          'bg-background-button-neutral-default text-foreground-neutral-base shadow-button-neutral hover:bg-background-button-neutral-hover active:bg-background-button-neutral-pressed disabled:bg-background-neutral-disabled focus-visible:shadow-button-neutral-focus disabled:text-foreground-neutral-disabled disabled:shadow-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  },\n);\n\nfunction InlineTipsAction({\n  className,\n  variant,\n  ...props\n}: ComponentProps<'button'> & VariantProps<typeof inlineTipsActionVariants>) {\n  return (\n    <button\n      data-slot=\"inline-tips-action\"\n      type=\"button\"\n      className={cn(inlineTipsActionVariants({variant}), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InlineTips,\n  InlineTipsContent,\n  InlineTipsTitle,\n  InlineTipsDescription,\n  InlineTipsActions,\n  InlineTipsAction,\n};\n"],"names":["cva","cn","inlineTipsBaseVariants","variants","variant","primary","secondary","defaultVariants","inlineTipsLineVariants","type","default","info","success","error","InlineTips","className","children","props","div","data-slot","aria-hidden","InlineTipsContent","InlineTipsTitle","InlineTipsDescription","InlineTipsActions","inlineTipsActionVariants","InlineTipsAction","button"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,yBAAyBF,IAAI,2CAA2C;IAC5EG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WAAW;QACb;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAEA,MAAMI,yBAAyBR,IAAI,sCAAsC;IACvEG,UAAU;QACRM,MAAM;YACJC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,OAAO;QACT;IACF;IACAN,iBAAiB;QACfE,MAAM;IACR;AACF;AAOA,SAASK,WAAW,EAACC,SAAS,EAAEX,OAAO,EAAEK,OAAO,SAAS,EAAEO,QAAQ,EAAE,GAAGC,OAAuB;IAC7F,qBACE,MAACC;QACCC,aAAU;QACVJ,WAAWd,GAAGC,uBAAuB;YAACE;QAAO,IAAIW;QAChD,GAAGE,KAAK;;0BAET,KAACC;gBACCC,aAAU;gBACVJ,WAAWd,GAAGO,uBAAuB;oBAACC;gBAAI;gBAC1CW,eAAY;;YAEbJ;;;AAGP;AAEA,SAASK,kBAAkB,EAACN,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QAAIC,aAAU;QAAsBJ,WAAWd,GAAG,kBAAkBc;QAAa,GAAGE,KAAK;;AAE9F;AAEA,SAASK,gBAAgB,EAACP,SAAS,EAAE,GAAGE,OAA6B;IACnE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oEAAoEc;QACjF,GAAGE,KAAK;;AAGf;AAEA,SAASM,sBAAsB,EAACR,SAAS,EAAE,GAAGE,OAA6B;IACzE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GACT,0EACAc;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASO,kBAAkB,EAACT,SAAS,EAAE,GAAGE,OAA6B;IACrE,qBACE,KAACC;QACCC,aAAU;QACVJ,WAAWd,GAAG,oCAAoCc;QACjD,GAAGE,KAAK;;AAGf;AAEA,MAAMQ,2BAA2BzB,IAC/B,mMACA;IACEG,UAAU;QACRC,SAAS;YACPC,SACE;YACFC,WACE;QACJ;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF;AAGF,SAASsB,iBAAiB,EACxBX,SAAS,EACTX,OAAO,EACP,GAAGa,OACsE;IACzE,qBACE,KAACU;QACCR,aAAU;QACVV,MAAK;QACLM,WAAWd,GAAGwB,yBAAyB;YAACrB;QAAO,IAAIW;QAClD,GAAGE,KAAK;;AAGf;AAEA,SACEH,UAAU,EACVO,iBAAiB,EACjBC,eAAe,EACfC,qBAAqB,EACrBC,iBAAiB,EACjBE,gBAAgB,GAChB"}

package/dist/components/inline-tips/inline-tips.stories.js

@@ -14,7 +14,7 @@ const meta = {
                 'default',
                 'info',
                 'success',
-                'destructive'
+                'error'
             ]
         },
         variant: {
@@ -35,7 +35,7 @@ const types = [
     'default',
     'info',
     'success',
-    'destructive'
+    'error'
 ];
 const variants = [
     'primary',
@@ -122,9 +122,9 @@ export const DesignMock = {
                 title: 'Title',
                 description: 'Description'
             },
-            destructive: {
-                title: "Don't's",
-                description: 'Title'
+            error: {
+                title: 'Title',
+                description: 'Description'
             }
         };
         return /*#__PURE__*/ _jsxs("div", {

package/dist/components/inline-tips/inline-tips.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {\n  InlineTips,\n  InlineTipsAction,\n  InlineTipsActions,\n  InlineTipsContent,\n  InlineTipsDescription,\n  InlineTipsTitle,\n} from './inline-tips';\n\nconst meta = {\n  title: 'Components/InlineTips',\n  component: InlineTips,\n  tags: ['autodocs'],\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['default', 'info', 'success', 'destructive'],\n    },\n    variant: {\n      control: 'select',\n      options: ['primary', 'secondary'],\n    },\n  },\n  args: {\n    type: 'default',\n    variant: 'primary',\n  },\n} satisfies Meta<typeof InlineTips>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst types = ['default', 'info', 'success', 'destructive'] as const;\nconst variants = ['primary', 'secondary'] as const;\n\nexport const Default: Story = {\n  render: (args) => {\n    return (\n      <InlineTips {...args}>\n        <InlineTipsContent>\n          <InlineTipsTitle>Title</InlineTipsTitle>\n          <InlineTipsDescription>Description</InlineTipsDescription>\n        </InlineTipsContent>\n        <InlineTipsActions>\n          <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n          <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n        </InlineTipsActions>\n      </InlineTips>\n    );\n  },\n};\n\nexport const Variants: Story = {\n  render: () => {\n    return (\n      <div className=\"flex flex-col gap-16\">\n        {variants.map((variant) => (\n          <InlineTips key={variant} type=\"default\" variant={variant}>\n            <InlineTipsContent>\n              <InlineTipsTitle>Title</InlineTipsTitle>\n              <InlineTipsDescription>Description</InlineTipsDescription>\n            </InlineTipsContent>\n            <InlineTipsActions>\n              <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n              <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n            </InlineTipsActions>\n          </InlineTips>\n        ))}\n      </div>\n    );\n  },\n};\n\nexport const DesignMock: Story = {\n  render: () => {\n    const content = {\n      default: {title: 'Title', description: 'Description'},\n      info: {title: 'Title', description: 'Description'},\n      success: {title: 'Title', description: 'Description'},\n      destructive: {title: \"Don't's\", description: 'Title'},\n    };\n\n    return (\n      <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n        <Header variant=\"h3\" className=\"text-foreground-neutral-subtle\">\n          INLINE TIPS\n        </Header>\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Primary\n          </Code>\n          {types.map((type) => (\n            <InlineTips key={type} type={type} variant=\"primary\">\n              <InlineTipsContent>\n                <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n                <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n              </InlineTipsContent>\n              <InlineTipsActions>\n                <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n                <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n              </InlineTipsActions>\n            </InlineTips>\n          ))}\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Secondary\n          </Code>\n          {types.map((type) => (\n            <InlineTips key={type} type={type} variant=\"secondary\">\n              <InlineTipsContent>\n                <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n                <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n              </InlineTipsContent>\n              <InlineTipsActions>\n                <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n                <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n              </InlineTipsActions>\n            </InlineTips>\n          ))}\n        </div>\n      </div>\n    );\n  },\n};\n"],"names":["Code","Header","InlineTips","InlineTipsAction","InlineTipsActions","InlineTipsContent","InlineTipsDescription","InlineTipsTitle","meta","title","component","tags","argTypes","type","control","options","variant","args","types","variants","Default","render","Variants","div","className","map","DesignMock","content","default","description","info","success","destructive"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/inline-tips/inline-tips.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {\n  InlineTips,\n  InlineTipsAction,\n  InlineTipsActions,\n  InlineTipsContent,\n  InlineTipsDescription,\n  InlineTipsTitle,\n} from './inline-tips';\n\nconst meta = {\n  title: 'Components/InlineTips',\n  component: InlineTips,\n  tags: ['autodocs'],\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['default', 'info', 'success', 'error'],\n    },\n    variant: {\n      control: 'select',\n      options: ['primary', 'secondary'],\n    },\n  },\n  args: {\n    type: 'default',\n    variant: 'primary',\n  },\n} satisfies Meta<typeof InlineTips>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst types = ['default', 'info', 'success', 'error'] as const;\nconst variants = ['primary', 'secondary'] as const;\n\nexport const Default: Story = {\n  render: (args) => {\n    return (\n      <InlineTips {...args}>\n        <InlineTipsContent>\n          <InlineTipsTitle>Title</InlineTipsTitle>\n          <InlineTipsDescription>Description</InlineTipsDescription>\n        </InlineTipsContent>\n        <InlineTipsActions>\n          <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n          <InlineTipsAction variant={args.variant}>Label</InlineTipsAction>\n        </InlineTipsActions>\n      </InlineTips>\n    );\n  },\n};\n\nexport const Variants: Story = {\n  render: () => {\n    return (\n      <div className=\"flex flex-col gap-16\">\n        {variants.map((variant) => (\n          <InlineTips key={variant} type=\"default\" variant={variant}>\n            <InlineTipsContent>\n              <InlineTipsTitle>Title</InlineTipsTitle>\n              <InlineTipsDescription>Description</InlineTipsDescription>\n            </InlineTipsContent>\n            <InlineTipsActions>\n              <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n              <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n            </InlineTipsActions>\n          </InlineTips>\n        ))}\n      </div>\n    );\n  },\n};\n\nexport const DesignMock: Story = {\n  render: () => {\n    const content = {\n      default: {title: 'Title', description: 'Description'},\n      info: {title: 'Title', description: 'Description'},\n      success: {title: 'Title', description: 'Description'},\n      error: {title: 'Title', description: 'Description'},\n    };\n\n    return (\n      <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n        <Header variant=\"h3\" className=\"text-foreground-neutral-subtle\">\n          INLINE TIPS\n        </Header>\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Primary\n          </Code>\n          {types.map((type) => (\n            <InlineTips key={type} type={type} variant=\"primary\">\n              <InlineTipsContent>\n                <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n                <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n              </InlineTipsContent>\n              <InlineTipsActions>\n                <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n                <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n              </InlineTipsActions>\n            </InlineTips>\n          ))}\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Secondary\n          </Code>\n          {types.map((type) => (\n            <InlineTips key={type} type={type} variant=\"secondary\">\n              <InlineTipsContent>\n                <InlineTipsTitle>{content[type].title}</InlineTipsTitle>\n                <InlineTipsDescription>{content[type].description}</InlineTipsDescription>\n              </InlineTipsContent>\n              <InlineTipsActions>\n                <InlineTipsAction variant=\"primary\">Label</InlineTipsAction>\n                <InlineTipsAction variant=\"secondary\">Label</InlineTipsAction>\n              </InlineTipsActions>\n            </InlineTips>\n          ))}\n        </div>\n      </div>\n    );\n  },\n};\n"],"names":["Code","Header","InlineTips","InlineTipsAction","InlineTipsActions","InlineTipsContent","InlineTipsDescription","InlineTipsTitle","meta","title","component","tags","argTypes","type","control","options","variant","args","types","variants","Default","render","Variants","div","className","map","DesignMock","content","default","description","info","success","error"],"mappings":"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"}

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

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

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

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

package/dist/components/input/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,aAAa;;;8EAexB,CAAC;AAEH,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7F,wBAAgB,KAAK,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAmB3E"}

package/dist/components/{input.js → input/input.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '../utils/cn.js';
+import { cn } from '../../utils/cn.js';
 export const inputVariants = cva('', {
     variants: {
         variant: {
@@ -21,7 +21,7 @@ export function Input({ className, type, variant, size, ...props }) {
     return /*#__PURE__*/ _jsx("input", {
         type: type,
         "data-slot": "input",
-        className: cn('placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 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', 'file:text-foreground-neutral-base file:inline-flex file:font-medium', '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', inputVariants({
+        className: cn('placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 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', 'file:text-foreground-neutral-base file:inline-flex file:font-medium', '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', inputVariants({
             variant,
             size
         }), className),

package/dist/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const inputVariants = 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 InputProps = Omit<ComponentProps<'input'>, 'size'> & VariantProps<typeof inputVariants>;\n\nexport function Input({className, type, variant, size, ...props}: InputProps) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 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        'file:text-foreground-neutral-base file:inline-flex file:font-medium',\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        inputVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","inputVariants","variants","variant","base","component","size","small","defaultVariants","Input","className","type","props","input","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,gBAAgBF,IAAI,IAAI;IACnCG,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;AAIH,OAAO,SAASG,MAAM,EAACC,SAAS,EAAEC,IAAI,EAAER,OAAO,EAAEG,IAAI,EAAE,GAAGM,OAAkB;IAC1E,qBACE,KAACC;QACCF,MAAMA;QACNG,aAAU;QACVJ,WAAWV,GACT,4LACA,mCACA,6FACA,uEACA,mKACA,uDACA,oCACAC,cAAc;YAACE;YAASG;QAAI,IAC5BI;QAED,GAAGE,KAAK;;AAGf"}

package/dist/components/{input.stories.js → input/input.stories.js}

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Code, Header } from '../components/typography/index.js';
+import { Code, Header } from '../../components/typography/index.js';
 import { Input } from './input.js';
 const typeOptions = [
     'text',

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/input.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {Input} from './input';\n\nconst typeOptions = [\n  'text',\n  'email',\n  'password',\n  'number',\n  'search',\n  'url',\n  'tel',\n  'date',\n  'time',\n  'datetime-local',\n  'month',\n  'week',\n  'color',\n  'file',\n] as const;\n\nconst meta = {\n  title: 'Components/Input',\n  component: Input,\n  tags: ['autodocs'],\n  argTypes: {\n    type: {\n      control: 'select',\n      options: typeOptions,\n    },\n    placeholder: {control: 'text'},\n    disabled: {control: 'boolean'},\n    'aria-invalid': {control: 'boolean'},\n  },\n  args: {\n    type: 'text',\n    placeholder: 'Type something…',\n    disabled: false,\n    'aria-invalid': false,\n  },\n} satisfies Meta<typeof Input>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {};\n\nconst variants = ['base', 'component'] as const;\nconst sizes = ['base', 'small'] as const;\n\nexport const States: Story = {\n  render: (args) => (\n    <div className=\"flex flex-col gap-32\">\n      {variants.map((variant) =>\n        sizes.map((size) => (\n          <div key={variant + size} className=\"flex flex-col gap-16\">\n            <Header variant=\"h3\">\n              {variant} {size}\n            </Header>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Default\n              </Code>\n\n              <Input {...args} variant={variant} size={size} />\n            </div>\n\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Hover\n              </Code>\n\n              <Input {...args} className=\"hover\" variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Active\n              </Code>\n\n              <Input\n                {...args}\n                className=\"active\"\n                defaultValue=\"The quick brown fox jumps over the lazy dog\"\n                variant={variant}\n                size={size}\n              />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Focus\n              </Code>\n\n              <Input {...args} className=\"focus\" variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Disabled\n              </Code>\n\n              <Input {...args} disabled variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Invalid\n              </Code>\n\n              <Input {...args} aria-invalid variant={variant} size={size} />\n            </div>\n          </div>\n        )),\n      )}\n    </div>\n  ),\n};\n\nStates.parameters = {\n  pseudo: {\n    hover: '.hover',\n    active: '.active',\n    focusVisible: '.focus',\n  },\n};\n\nexport const Types: Story = {\n  render: (args) => (\n    <div className=\"flex flex-col gap-32\">\n      {typeOptions.map((t) => (\n        <div key={t} className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            {t}\n          </Code>\n          <Input {...args} type={t} />\n        </div>\n      ))}\n    </div>\n  ),\n};\n"],"names":["Code","Header","Input","typeOptions","meta","title","component","tags","argTypes","type","control","options","placeholder","disabled","args","Default","variants","sizes","States","render","div","className","map","variant","size","defaultValue","aria-invalid","parameters","pseudo","hover","active","focusVisible","Types","t"],"mappings":";AACA,SAAQA,IAAI,EAAEC,MAAM,QAAO,wBAAwB;AACnD,SAAQC,KAAK,QAAO,UAAU;AAE9B,MAAMC,cAAc;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;IACXK,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,MAAM;YACJC,SAAS;YACTC,SAASR;QACX;QACAS,aAAa;YAACF,SAAS;QAAM;QAC7BG,UAAU;YAACH,SAAS;QAAS;QAC7B,gBAAgB;YAACA,SAAS;QAAS;IACrC;IACAI,MAAM;QACJL,MAAM;QACNG,aAAa;QACbC,UAAU;QACV,gBAAgB;IAClB;AACF;AAEA,eAAeT,KAAK;AAIpB,OAAO,MAAMW,UAAiB,CAAC,EAAE;AAEjC,MAAMC,WAAW;IAAC;IAAQ;CAAY;AACtC,MAAMC,QAAQ;IAAC;IAAQ;CAAQ;AAE/B,OAAO,MAAMC,SAAgB;IAC3BC,QAAQ,CAACL,qBACP,KAACM;YAAIC,WAAU;sBACZL,SAASM,GAAG,CAAC,CAACC,UACbN,MAAMK,GAAG,CAAC,CAACE,qBACT,MAACJ;wBAAyBC,WAAU;;0CAClC,MAACpB;gCAAOsB,SAAQ;;oCACbA;oCAAQ;oCAAEC;;;0CAEb,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAES,SAASA;wCAASC,MAAMA;;;;0CAG3C,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEO,WAAU;wCAAQE,SAASA;wCAASC,MAAMA;;;;0CAE7D,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCACE,GAAGY,IAAI;wCACRO,WAAU;wCACVI,cAAa;wCACbF,SAASA;wCACTC,MAAMA;;;;0CAGV,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEO,WAAU;wCAAQE,SAASA;wCAASC,MAAMA;;;;0CAE7D,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAED,QAAQ;wCAACU,SAASA;wCAASC,MAAMA;;;;0CAEpD,MAACJ;gCAAIC,WAAU;;kDACb,KAACrB;wCAAKuB,SAAQ;wCAAQF,WAAU;kDAAiC;;kDAIjE,KAACnB;wCAAO,GAAGY,IAAI;wCAAEY,cAAY;wCAACH,SAASA;wCAASC,MAAMA;;;;;uBAnDhDD,UAAUC;;AA0D9B,EAAE;AAEFN,OAAOS,UAAU,GAAG;IAClBC,QAAQ;QACNC,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;AACF;AAEA,OAAO,MAAMC,QAAe;IAC1Bb,QAAQ,CAACL,qBACP,KAACM;YAAIC,WAAU;sBACZlB,YAAYmB,GAAG,CAAC,CAACW,kBAChB,MAACb;oBAAYC,WAAU;;sCACrB,KAACrB;4BAAKuB,SAAQ;4BAAQF,WAAU;sCAC7BY;;sCAEH,KAAC/B;4BAAO,GAAGY,IAAI;4BAAEL,MAAMwB;;;mBAJfA;;AASlB,EAAE"}

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

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

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

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

package/dist/components/item/index.js

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

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

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

package/dist/components/item/item.d.ts

@@ -0,0 +1,32 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+export declare const itemVariants: (props?: ({
+    variant?: "default" | "neutral" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ItemProps = ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+};
+export declare function Item({ className, variant, size, asChild, children, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+export type ItemGroupProps = ComponentProps<'div'>;
+export declare function ItemGroup({ className, children, ...props }: ItemGroupProps): import("react/jsx-runtime").JSX.Element;
+export type ItemActionsProps = ComponentProps<'div'>;
+export declare function ItemActions({ className, children, ...props }: ItemActionsProps): import("react/jsx-runtime").JSX.Element;
+export type ItemContentProps = ComponentProps<'div'>;
+export declare function ItemContent({ className, children, ...props }: ItemContentProps): import("react/jsx-runtime").JSX.Element;
+export type ItemDescriptionProps = ComponentProps<'p'>;
+export declare function ItemDescription({ className, children, ...props }: ItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export type ItemFooterProps = ComponentProps<'div'>;
+export declare function ItemFooter({ className, children, ...props }: ItemFooterProps): import("react/jsx-runtime").JSX.Element;
+export type ItemHeaderProps = ComponentProps<'div'>;
+export declare function ItemHeader({ className, children, ...props }: ItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ItemMediaProps = ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>;
+export declare function ItemMedia({ className, variant, children, ...props }: ItemMediaProps): import("react/jsx-runtime").JSX.Element;
+export type ItemTitleProps = ComponentProps<'h3'>;
+export declare function ItemTitle({ className, children, ...props }: ItemTitleProps): import("react/jsx-runtime").JSX.Element;
+export type ItemSeparatorProps = ComponentProps<'div'>;
+export declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/item/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,YAAY;;;8EAiBvB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAQ9F;AAGD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAMxE;AAGD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAU5E;AAGD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAU5E;AAGD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEvD,wBAAgB,eAAe,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,2CAapF;AAGD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAU1E;AAGD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAU1E;AAGD,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5F,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAMjF;AAGD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAElD,wBAAgB,SAAS,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,2CAaxE;AAGD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,2CAQtE"}

package/dist/components/item/item.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+export const itemVariants = cva('transition-all duration-150 rounded-8', {
+    variants: {
+        variant: {
+            default: 'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral',
+            neutral: 'bg-background-neutral-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral'
+        },
+        size: {
+            default: '',
+            sm: ''
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+export function Item({ className, variant, size, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "item",
+        className: cn(itemVariants({
+            variant,
+            size
+        }), className),
+        ...props,
+        children: children
+    });
+}
+export function ItemGroup({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-group",
+        className: cn('flex flex-col', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemActions({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-actions",
+        className: cn('flex shrink-0 items-center gap-8', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemContent({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-content",
+        className: cn('flex min-w-0 flex-1 flex-col gap-4', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemDescription({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("p", {
+        "data-slot": "item-description",
+        className: cn('text-xs leading-20 text-foreground-neutral-subtle max-w-250 sm:max-w-fit line-clamp-3', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemFooter({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-footer",
+        className: cn('flex shrink-0 items-center gap-8 px-12 py-8', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemHeader({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-header",
+        className: cn('flex shrink-0 items-center gap-8 px-12 py-8', className),
+        ...props,
+        children: children
+    });
+}
+// ItemMedia
+export const itemMediaVariants = cva('flex shrink-0 items-center justify-center', {
+    variants: {
+        variant: {
+            default: '',
+            icon: 'text-foreground-neutral-base',
+            image: ''
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+export function ItemMedia({ className, variant, children, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-media",
+        className: cn(itemMediaVariants({
+            variant
+        }), className),
+        ...props,
+        children: children
+    });
+}
+export function ItemTitle({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("h3", {
+        "data-slot": "item-title",
+        className: cn('text-sm font-medium leading-20 text-foreground-neutral-base truncate', className),
+        ...props,
+        children: children
+    });
+}
+export function ItemSeparator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "item-separator",
+        className: cn('h-px bg-border-neutral-base', className),
+        ...props
+    });
+}
+
+//# sourceMappingURL=item.js.map