@shipfox/react-ui 0.2.0 → 0.3.0

package/dist/components/index.js

@@ -1,5 +1,8 @@
+export * from './alert/index.js';
+export * from './avatar/index.js';
 export * from './button.js';
 export * from './icon/index.js';
+export * from './inline-tips/index.js';
 export * from './textarea/index.js';
 export * from './theme-provider.js';
 export * from './typography/index.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './button';\nexport * from './icon';\nexport * from './textarea';\nexport * from './theme-provider';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,eAAe"}
+{"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"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+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';
+};
+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;
+declare function InlineTipsTitle({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function InlineTipsDescription({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function InlineTipsActions({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const inlineTipsActionVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InlineTipsAction({ className, variant, ...props }: ComponentProps<'button'> & VariantProps<typeof inlineTipsActionVariants>): import("react/jsx-runtime").JSX.Element;
+export { InlineTips, InlineTipsContent, InlineTipsTitle, InlineTipsDescription, InlineTipsActions, InlineTipsAction, };
+//# sourceMappingURL=inline-tips.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+const inlineTipsBaseVariants = cva('w-full text-sm flex gap-12 items-center', {
+    variants: {
+        variant: {
+            primary: 'bg-background-components-base text-foreground-neutral-base border border-border-neutral-base shadow-button-neutral rounded-8 px-12 py-8',
+            secondary: 'bg-transparent text-foreground-neutral-base'
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+const inlineTipsLineVariants = cva('w-4 self-stretch my-4 rounded-full', {
+    variants: {
+        type: {
+            default: 'bg-tag-neutral-icon',
+            info: 'bg-tag-warning-icon',
+            success: 'bg-tag-success-icon',
+            destructive: 'bg-tag-error-icon'
+        }
+    },
+    defaultVariants: {
+        type: 'default'
+    }
+});
+function InlineTips({ className, variant, type = 'default', children, ...props }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "inline-tips",
+        className: cn(inlineTipsBaseVariants({
+            variant
+        }), className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "inline-tips-line",
+                className: cn(inlineTipsLineVariants({
+                    type
+                })),
+                "aria-hidden": "true"
+            }),
+            children
+        ]
+    });
+}
+function InlineTipsContent({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "inline-tips-content",
+        className: cn('flex-1 min-w-0', className),
+        ...props
+    });
+}
+function InlineTipsTitle({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "inline-tips-title",
+        className: cn('font-medium text-sm leading-20 text-foreground-neutral-base mb-4', className),
+        ...props
+    });
+}
+function InlineTipsDescription({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "inline-tips-description",
+        className: cn('text-xs leading-20 text-foreground-neutral-muted [&_p]:leading-relaxed', className),
+        ...props
+    });
+}
+function InlineTipsActions({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "inline-tips-actions",
+        className: cn('flex items-center gap-8 shrink-0', className),
+        ...props
+    });
+}
+const inlineTipsActionVariants = cva('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', {
+    variants: {
+        variant: {
+            primary: '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 ',
+            secondary: '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'
+        }
+    },
+    defaultVariants: {
+        variant: 'primary'
+    }
+});
+function InlineTipsAction({ className, variant, ...props }) {
+    return /*#__PURE__*/ _jsx("button", {
+        "data-slot": "inline-tips-action",
+        type: "button",
+        className: cn(inlineTipsActionVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+export { InlineTips, InlineTipsContent, InlineTipsTitle, InlineTipsDescription, InlineTipsActions, InlineTipsAction };
+
+//# sourceMappingURL=inline-tips.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,214 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Code, Header } from '../../components/typography/index.js';
+import { InlineTips, InlineTipsAction, InlineTipsActions, InlineTipsContent, InlineTipsDescription, InlineTipsTitle } from './inline-tips.js';
+const meta = {
+    title: 'Components/InlineTips',
+    component: InlineTips,
+    tags: [
+        'autodocs'
+    ],
+    argTypes: {
+        type: {
+            control: 'select',
+            options: [
+                'default',
+                'info',
+                'success',
+                'destructive'
+            ]
+        },
+        variant: {
+            control: 'select',
+            options: [
+                'primary',
+                'secondary'
+            ]
+        }
+    },
+    args: {
+        type: 'default',
+        variant: 'primary'
+    }
+};
+export default meta;
+const types = [
+    'default',
+    'info',
+    'success',
+    'destructive'
+];
+const variants = [
+    'primary',
+    'secondary'
+];
+export const Default = {
+    render: (args)=>{
+        return /*#__PURE__*/ _jsxs(InlineTips, {
+            ...args,
+            children: [
+                /*#__PURE__*/ _jsxs(InlineTipsContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(InlineTipsTitle, {
+                            children: "Title"
+                        }),
+                        /*#__PURE__*/ _jsx(InlineTipsDescription, {
+                            children: "Description"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(InlineTipsActions, {
+                    children: [
+                        /*#__PURE__*/ _jsx(InlineTipsAction, {
+                            variant: args.variant,
+                            children: "Label"
+                        }),
+                        /*#__PURE__*/ _jsx(InlineTipsAction, {
+                            variant: args.variant,
+                            children: "Label"
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+};
+export const Variants = {
+    render: ()=>{
+        return /*#__PURE__*/ _jsx("div", {
+            className: "flex flex-col gap-16",
+            children: variants.map((variant)=>/*#__PURE__*/ _jsxs(InlineTips, {
+                    type: "default",
+                    variant: variant,
+                    children: [
+                        /*#__PURE__*/ _jsxs(InlineTipsContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(InlineTipsTitle, {
+                                    children: "Title"
+                                }),
+                                /*#__PURE__*/ _jsx(InlineTipsDescription, {
+                                    children: "Description"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(InlineTipsActions, {
+                            children: [
+                                /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                    variant: "primary",
+                                    children: "Label"
+                                }),
+                                /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                    variant: "secondary",
+                                    children: "Label"
+                                })
+                            ]
+                        })
+                    ]
+                }, variant))
+        });
+    }
+};
+export const DesignMock = {
+    render: ()=>{
+        const content = {
+            default: {
+                title: 'Title',
+                description: 'Description'
+            },
+            info: {
+                title: 'Title',
+                description: 'Description'
+            },
+            success: {
+                title: 'Title',
+                description: 'Description'
+            },
+            destructive: {
+                title: "Don't's",
+                description: 'Title'
+            }
+        };
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base",
+            children: [
+                /*#__PURE__*/ _jsx(Header, {
+                    variant: "h3",
+                    className: "text-foreground-neutral-subtle",
+                    children: "INLINE TIPS"
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col gap-16",
+                    children: [
+                        /*#__PURE__*/ _jsx(Code, {
+                            variant: "label",
+                            className: "text-foreground-neutral-subtle",
+                            children: "Primary"
+                        }),
+                        types.map((type)=>/*#__PURE__*/ _jsxs(InlineTips, {
+                                type: type,
+                                variant: "primary",
+                                children: [
+                                    /*#__PURE__*/ _jsxs(InlineTipsContent, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(InlineTipsTitle, {
+                                                children: content[type].title
+                                            }),
+                                            /*#__PURE__*/ _jsx(InlineTipsDescription, {
+                                                children: content[type].description
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs(InlineTipsActions, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                                variant: "primary",
+                                                children: "Label"
+                                            }),
+                                            /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                                variant: "secondary",
+                                                children: "Label"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, type)),
+                        /*#__PURE__*/ _jsx(Code, {
+                            variant: "label",
+                            className: "text-foreground-neutral-subtle",
+                            children: "Secondary"
+                        }),
+                        types.map((type)=>/*#__PURE__*/ _jsxs(InlineTips, {
+                                type: type,
+                                variant: "secondary",
+                                children: [
+                                    /*#__PURE__*/ _jsxs(InlineTipsContent, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(InlineTipsTitle, {
+                                                children: content[type].title
+                                            }),
+                                            /*#__PURE__*/ _jsx(InlineTipsDescription, {
+                                                children: content[type].description
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs(InlineTipsActions, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                                variant: "primary",
+                                                children: "Label"
+                                            }),
+                                            /*#__PURE__*/ _jsx(InlineTipsAction, {
+                                                variant: "secondary",
+                                                children: "Label"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, type))
+                    ]
+                })
+            ]
+        });
+    }
+};
+
+//# sourceMappingURL=inline-tips.stories.js.map

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

@@ -0,0 +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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"}

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAM9E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAgBvD;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../../utils/cn.js';
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Provider, {
+        "data-slot": "tooltip-provider",
+        delayDuration: delayDuration,
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        children: /*#__PURE__*/ _jsx(TooltipPrimitive.Root, {
+            "data-slot": "tooltip",
+            ...props
+        })
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsx(TooltipPrimitive.Content, {
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            className: cn('rounded-8 bg-background-components-base text-foreground-neutral-base px-8 py-4 text-xs font-medium leading-20 shadow-button-neutral animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md text-balance', className),
+            ...props,
+            children: children
+        })
+    });
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cn} from 'utils/cn';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({...props}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({...props}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'rounded-8 bg-background-components-base text-foreground-neutral-base px-8 py-4 text-xs font-medium leading-20 shadow-button-neutral animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport {Tooltip, TooltipTrigger, TooltipContent, TooltipProvider};\n"],"names":["TooltipPrimitive","cn","TooltipProvider","delayDuration","props","Provider","data-slot","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","className","sideOffset","children","Portal","Content"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAAQC,EAAE,QAAO,WAAW;AAE5B,SAASC,gBAAgB,EACvBC,gBAAgB,CAAC,EACjB,GAAGC,OACoD;IACvD,qBACE,KAACJ,iBAAiBK,QAAQ;QACxBC,aAAU;QACVH,eAAeA;QACd,GAAGC,KAAK;;AAGf;AAEA,SAASG,QAAQ,EAAC,GAAGH,OAA0D;IAC7E,qBACE,KAACF;kBACC,cAAA,KAACF,iBAAiBQ,IAAI;YAACF,aAAU;YAAW,GAAGF,KAAK;;;AAG1D;AAEA,SAASK,eAAe,EAAC,GAAGL,OAA6D;IACvF,qBAAO,KAACJ,iBAAiBU,OAAO;QAACJ,aAAU;QAAmB,GAAGF,KAAK;;AACxE;AAEA,SAASO,eAAe,EACtBC,SAAS,EACTC,aAAa,CAAC,EACdC,QAAQ,EACR,GAAGV,OACmD;IACtD,qBACE,KAACJ,iBAAiBe,MAAM;kBACtB,cAAA,KAACf,iBAAiBgB,OAAO;YACvBV,aAAU;YACVO,YAAYA;YACZD,WAAWX,GACT,ufACAW;YAED,GAAGR,KAAK;sBAERU;;;AAIT;AAEA,SAAQP,OAAO,EAAEE,cAAc,EAAEE,cAAc,EAAET,eAAe,GAAE"}

package/dist/utils/avatar.d.ts

@@ -0,0 +1,3 @@
+export declare const getPlaceholderImageUrl: (name?: string) => string;
+export declare const getInitial: (name?: string) => string;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/utils/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/utils/avatar.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,MAStD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAK1C,CAAC"}

package/dist/utils/avatar.js

@@ -0,0 +1,32 @@
+const hashString = (str)=>{
+    let hash = 0;
+    for(let i = 0; i < str.length; i++){
+        const char = str.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash;
+    }
+    return Math.abs(hash);
+};
+export const getPlaceholderImageUrl = (name)=>{
+    const backgroundColors = [
+        'BFDFFF',
+        'BFEAFF',
+        'CFBFFF',
+        'FFBFC3',
+        'FFEABF',
+        'E3E6EA',
+        'EAEAEA'
+    ];
+    const seed = name?.trim() || 'avatar';
+    const colorIndex = hashString(seed) % backgroundColors.length;
+    const backgroundColor = backgroundColors[colorIndex];
+    return `https://api.dicebear.com/9.x/micah/svg?backgroundColor=${backgroundColor}&seed=${encodeURIComponent(seed)}`;
+};
+export const getInitial = (name)=>{
+    if (name) {
+        return name.trim()[0]?.toUpperCase() ?? 'L';
+    }
+    return 'L';
+};
+
+//# sourceMappingURL=avatar.js.map

package/dist/utils/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/avatar.ts"],"sourcesContent":["const hashString = (str: string): number => {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return Math.abs(hash);\n};\n\nexport const getPlaceholderImageUrl = (name?: string): string => {\n  const backgroundColors = ['BFDFFF', 'BFEAFF', 'CFBFFF', 'FFBFC3', 'FFEABF', 'E3E6EA', 'EAEAEA'];\n\n  const seed = name?.trim() || 'avatar';\n\n  const colorIndex = hashString(seed) % backgroundColors.length;\n  const backgroundColor = backgroundColors[colorIndex];\n\n  return `https://api.dicebear.com/9.x/micah/svg?backgroundColor=${backgroundColor}&seed=${encodeURIComponent(seed)}`;\n};\n\nexport const getInitial = (name?: string): string => {\n  if (name) {\n    return name.trim()[0]?.toUpperCase() ?? 'L';\n  }\n  return 'L';\n};\n"],"names":["hashString","str","hash","i","length","char","charCodeAt","Math","abs","getPlaceholderImageUrl","name","backgroundColors","seed","trim","colorIndex","backgroundColor","encodeURIComponent","getInitial","toUpperCase"],"mappings":"AAAA,MAAMA,aAAa,CAACC;IAClB,IAAIC,OAAO;IACX,IAAK,IAAIC,IAAI,GAAGA,IAAIF,IAAIG,MAAM,EAAED,IAAK;QACnC,MAAME,OAAOJ,IAAIK,UAAU,CAACH;QAC5BD,OAAO,AAACA,CAAAA,QAAQ,CAAA,IAAKA,OAAOG;QAC5BH,OAAOA,OAAOA;IAChB;IACA,OAAOK,KAAKC,GAAG,CAACN;AAClB;AAEA,OAAO,MAAMO,yBAAyB,CAACC;IACrC,MAAMC,mBAAmB;QAAC;QAAU;QAAU;QAAU;QAAU;QAAU;QAAU;KAAS;IAE/F,MAAMC,OAAOF,MAAMG,UAAU;IAE7B,MAAMC,aAAad,WAAWY,QAAQD,iBAAiBP,MAAM;IAC7D,MAAMW,kBAAkBJ,gBAAgB,CAACG,WAAW;IAEpD,OAAO,CAAC,uDAAuD,EAAEC,gBAAgB,MAAM,EAAEC,mBAAmBJ,OAAO;AACrH,EAAE;AAEF,OAAO,MAAMK,aAAa,CAACP;IACzB,IAAIA,MAAM;QACR,OAAOA,KAAKG,IAAI,EAAE,CAAC,EAAE,EAAEK,iBAAiB;IAC1C;IACA,OAAO;AACT,EAAE"}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './avatar';
 export * from './clipboard';
 export * from './cn';
 export * from './date';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/utils/index.js

@@ -1,3 +1,4 @@
+export * from './avatar.js';
 export * from './clipboard.js';
 export * from './cn.js';
 export * from './date.js';

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './clipboard';\nexport * from './cn';\nexport * from './date';\nexport * from './format';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,WAAW"}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './avatar';\nexport * from './clipboard';\nexport * from './cn';\nexport * from './date';\nexport * from './format';\n"],"names":[],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,WAAW"}

package/index.css

@@ -290,6 +290,37 @@
   /* Alpha */
   --alpha-250: var(--color-alpha-black-10);
   --alpha-400: var(--color-alpha-black-24);
+
+  /* Shadow */
+  --shadow-border-base:
+    0 -1px 0 0 var(--color-alpha-white-6), 0 0 0 1px var(--color-alpha-white-6), 0 0 0 1px
+    var(--color-neutral-800), 0 0 1px 1.5px var(--color-alpha-black-24), 0 2px 2px 0
+    var(--color-alpha-black-24);
+  --shadow-border-interactive-with-active: 0 0 0 1px #ff8b16, 0 0 0 4px rgba(255, 49, 0, 0.25);
+  --shadow-border-error: 0 0 0 1px #ff1f5a, 0 0 0 3px rgba(246, 0, 67, 0.25);
+  --shadow-button-inverted:
+    0 -1px 0 0 var(--color-alpha-white-12), 0 0 0 1px var(--color-alpha-white-10), 0 0 0 1px
+    var(--color-neutral-600), 0 0 1px 1.5px var(--color-alpha-black-24), 0 2px 2px 0
+    var(--color-alpha-black-24);
+  --shadow-button-inverted-focus:
+    0 -1px 0 0 var(--color-alpha-white-12), 0 0 0 1px var(--color-alpha-white-12), 0 0 0 1px
+    var(--color-neutral-600), 0 0 0 2px var(--color-alpha-white-88), 0 0 0 4px
+    var(--color-primary-500);
+  --shadow-button-neutral:
+    0 -1px 0 0 var(--color-alpha-white-6), 0 0 0 1px var(--color-alpha-white-6), 0 0 0 1px
+    var(--color-neutral-800), 0 0 1px 1.5px var(--color-alpha-black-24), 0 2px 2px 0
+    var(--color-alpha-black-24);
+  --shadow-button-neutral-focus:
+    0 -1px 0 0 var(--color-alpha-white-6), 0 0 0 1px var(--color-alpha-white-6), 0 0 0 1px
+    var(--color-neutral-800), 0 0 0 2px var(--color-alpha-white-88), 0 0 0 4px
+    var(--color-primary-500);
+  --shadow-button-danger:
+    0 -1px 0 0 var(--color-alpha-white-16), 0 0 0 1px var(--color-alpha-white-12), 0 0 0 1px
+    var(--color-red-700), 0 0 1px 1.5px var(--color-alpha-black-24), 0 2px 2px 0
+    var(--color-alpha-black-24);
+  --shadow-button-danger-focus:
+    0 -1px 0 0 var(--color-alpha-white-16), 0 0 0 1px var(--color-alpha-white-12), 0 0 0 1px
+    var(--color-red-700), 0 0 0 2px var(--color-alpha-white-88), 0 0 0 4px var(--color-primary-500);
 }
 
 .dark {
@@ -307,7 +338,7 @@
   --background-highlight-base: var(--color-primary-950);
   --background-neutral-hover: var(--color-neutral-800);
   --background-neutral-overlay: var(--color-neutral-800);
-  --background-components-base: var(--color-neutral-900);
+  --background-components-base: var(--color-neutral-800);
   --background-field-component: var(--color-neutral-900);
   --background-switch-off-hover: var(--color-neutral-600);
   --background-field-component-hover: var(--color-neutral-800);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/react-ui",
   "license": "MIT",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -56,7 +56,7 @@
     "storybook-addon-pseudo-states": "^9.1.8",
     "tailwindcss": "^4.1.13",
     "tw-animate-css": "^1.4.0",
-    "@shipfox/biome": "1.2.2",
+    "@shipfox/biome": "1.3.0",
     "@shipfox/swc": "1.2.1",
     "@shipfox/ts-config": "1.3.5",
     "@shipfox/typescript": "1.1.2",
@@ -65,7 +65,7 @@
   },
   "scripts": {
     "build": "swc",
-    "check": "biome",
+    "check": "biome-check",
     "storybook": "storybook dev",
     "storybook:build": "storybook build -o storybook-static",
     "test": "vitest-run",