@shipfox/react-ui 0.13.0 → 0.15.0

package/dist/components/select/select.stories.js

@@ -0,0 +1,393 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Kbd } from '../kbd/index.js';
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
+const meta = {
+    title: 'Components/Select',
+    component: Select,
+    tags: [
+        'autodocs'
+    ]
+};
+export default meta;
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsxs(Select, {
+            children: [
+                /*#__PURE__*/ _jsx(SelectTrigger, {
+                    className: "w-200",
+                    children: /*#__PURE__*/ _jsx(SelectValue, {
+                        placeholder: "Select an option"
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(SelectContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "option1",
+                            children: "Option 1"
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "option2",
+                            children: "Option 2"
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "option3",
+                            children: "Option 3"
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const WithGroups = {
+    render: ()=>/*#__PURE__*/ _jsxs(Select, {
+            defaultValue: "typescript",
+            children: [
+                /*#__PURE__*/ _jsx(SelectTrigger, {
+                    className: "w-280",
+                    children: /*#__PURE__*/ _jsx(SelectValue, {
+                        placeholder: "Select a technology"
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(SelectContent, {
+                    children: [
+                        /*#__PURE__*/ _jsxs(SelectGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectLabel, {
+                                    children: "Frontend"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "react",
+                                    children: "React"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "vue",
+                                    children: "Vue"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "angular",
+                                    children: "Angular"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "svelte",
+                                    children: "Svelte"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(SelectSeparator, {}),
+                        /*#__PURE__*/ _jsxs(SelectGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectLabel, {
+                                    children: "Backend"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "nodejs",
+                                    children: "Node.js"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "python",
+                                    children: "Python"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "ruby",
+                                    children: "Ruby"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "go",
+                                    children: "Go"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(SelectSeparator, {}),
+                        /*#__PURE__*/ _jsxs(SelectGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectLabel, {
+                                    children: "Languages"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "typescript",
+                                    children: "TypeScript"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "javascript",
+                                    children: "JavaScript"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "rust",
+                                    children: "Rust"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const WithIcons = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-12",
+            children: [
+                /*#__PURE__*/ _jsxs(Select, {
+                    defaultValue: "active",
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Select status"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "active",
+                                    icon: "checkboxCircleLine",
+                                    children: "Active"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "pending",
+                                    icon: "timeLine",
+                                    children: "Pending"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "inactive",
+                                    icon: "closeLine",
+                                    children: "Inactive"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Select, {
+                    defaultValue: "medium",
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Select priority"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "high",
+                                    icon: "arrowUpLine",
+                                    children: "High"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "medium",
+                                    icon: "equalLine",
+                                    children: "Medium"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "low",
+                                    icon: "arrowDownLine",
+                                    children: "Low"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const Sizes = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-12",
+            children: [
+                /*#__PURE__*/ _jsxs(Select, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            size: "small",
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Small"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option1",
+                                    children: "Option 1"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option2",
+                                    children: "Option 2"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Select, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            size: "base",
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Base (default)"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option1",
+                                    children: "Option 1"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option2",
+                                    children: "Option 2"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const Variants = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-12",
+            children: [
+                /*#__PURE__*/ _jsxs(Select, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            variant: "base",
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Base variant"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option1",
+                                    children: "Option 1"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option2",
+                                    children: "Option 2"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Select, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            variant: "component",
+                            className: "w-200",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Component variant"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option1",
+                                    children: "Option 1"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option2",
+                                    children: "Option 2"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const TimeSelector = {
+    render: ()=>/*#__PURE__*/ _jsxs(Select, {
+            defaultValue: "2days",
+            children: [
+                /*#__PURE__*/ _jsx(SelectTrigger, {
+                    className: "w-280",
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "flex items-center gap-8 flex-1 min-w-0",
+                        children: /*#__PURE__*/ _jsx(SelectValue, {
+                            placeholder: "Select time range"
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(SelectContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "1hour",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Kbd, {
+                                        className: "h-16",
+                                        children: "1h"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Past 1 Hour"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "1day",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Kbd, {
+                                        className: "h-16",
+                                        children: "1d"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Past 1 Day"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "2days",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Kbd, {
+                                        className: "h-16",
+                                        children: "2d"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Past 2 Days"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "7days",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Kbd, {
+                                        className: "h-16",
+                                        children: "7d"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Past 7 Days"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(SelectItem, {
+                            value: "30days",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Kbd, {
+                                        className: "h-16",
+                                        children: "30d"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Past 30 Days"
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Kbd} from '../kbd';\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from './select';\n\nconst meta = {\n  title: 'Components/Select',\n  component: Select,\n  tags: ['autodocs'],\n} satisfies Meta<typeof Select>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => (\n    <Select>\n      <SelectTrigger className=\"w-200\">\n        <SelectValue placeholder=\"Select an option\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"option1\">Option 1</SelectItem>\n        <SelectItem value=\"option2\">Option 2</SelectItem>\n        <SelectItem value=\"option3\">Option 3</SelectItem>\n      </SelectContent>\n    </Select>\n  ),\n};\n\nexport const WithGroups: Story = {\n  render: () => (\n    <Select defaultValue=\"typescript\">\n      <SelectTrigger className=\"w-280\">\n        <SelectValue placeholder=\"Select a technology\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Frontend</SelectLabel>\n          <SelectItem value=\"react\">React</SelectItem>\n          <SelectItem value=\"vue\">Vue</SelectItem>\n          <SelectItem value=\"angular\">Angular</SelectItem>\n          <SelectItem value=\"svelte\">Svelte</SelectItem>\n        </SelectGroup>\n        <SelectSeparator />\n        <SelectGroup>\n          <SelectLabel>Backend</SelectLabel>\n          <SelectItem value=\"nodejs\">Node.js</SelectItem>\n          <SelectItem value=\"python\">Python</SelectItem>\n          <SelectItem value=\"ruby\">Ruby</SelectItem>\n          <SelectItem value=\"go\">Go</SelectItem>\n        </SelectGroup>\n        <SelectSeparator />\n        <SelectGroup>\n          <SelectLabel>Languages</SelectLabel>\n          <SelectItem value=\"typescript\">TypeScript</SelectItem>\n          <SelectItem value=\"javascript\">JavaScript</SelectItem>\n          <SelectItem value=\"rust\">Rust</SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  ),\n};\n\nexport const WithIcons: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-12\">\n      <Select defaultValue=\"active\">\n        <SelectTrigger className=\"w-200\">\n          <SelectValue placeholder=\"Select status\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"active\" icon=\"checkboxCircleLine\">\n            Active\n          </SelectItem>\n          <SelectItem value=\"pending\" icon=\"timeLine\">\n            Pending\n          </SelectItem>\n          <SelectItem value=\"inactive\" icon=\"closeLine\">\n            Inactive\n          </SelectItem>\n        </SelectContent>\n      </Select>\n\n      <Select defaultValue=\"medium\">\n        <SelectTrigger className=\"w-200\">\n          <SelectValue placeholder=\"Select priority\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"high\" icon=\"arrowUpLine\">\n            High\n          </SelectItem>\n          <SelectItem value=\"medium\" icon=\"equalLine\">\n            Medium\n          </SelectItem>\n          <SelectItem value=\"low\" icon=\"arrowDownLine\">\n            Low\n          </SelectItem>\n        </SelectContent>\n      </Select>\n    </div>\n  ),\n};\n\nexport const Sizes: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-12\">\n      <Select>\n        <SelectTrigger size=\"small\" className=\"w-200\">\n          <SelectValue placeholder=\"Small\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>\n\n      <Select>\n        <SelectTrigger size=\"base\" className=\"w-200\">\n          <SelectValue placeholder=\"Base (default)\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>\n    </div>\n  ),\n};\n\nexport const Variants: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-12\">\n      <Select>\n        <SelectTrigger variant=\"base\" className=\"w-200\">\n          <SelectValue placeholder=\"Base variant\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>\n\n      <Select>\n        <SelectTrigger variant=\"component\" className=\"w-200\">\n          <SelectValue placeholder=\"Component variant\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>\n    </div>\n  ),\n};\n\nexport const TimeSelector: Story = {\n  render: () => (\n    <Select defaultValue=\"2days\">\n      <SelectTrigger className=\"w-280\">\n        <div className=\"flex items-center gap-8 flex-1 min-w-0\">\n          <SelectValue placeholder=\"Select time range\" />\n        </div>\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"1hour\">\n          <div className=\"flex items-center gap-8\">\n            <Kbd className=\"h-16\">1h</Kbd>\n            <span>Past 1 Hour</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"1day\">\n          <div className=\"flex items-center gap-8\">\n            <Kbd className=\"h-16\">1d</Kbd>\n            <span>Past 1 Day</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"2days\">\n          <div className=\"flex items-center gap-8\">\n            <Kbd className=\"h-16\">2d</Kbd>\n            <span>Past 2 Days</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"7days\">\n          <div className=\"flex items-center gap-8\">\n            <Kbd className=\"h-16\">7d</Kbd>\n            <span>Past 7 Days</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"30days\">\n          <div className=\"flex items-center gap-8\">\n            <Kbd className=\"h-16\">30d</Kbd>\n            <span>Past 30 Days</span>\n          </div>\n        </SelectItem>\n      </SelectContent>\n    </Select>\n  ),\n};\n"],"names":["Kbd","Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","meta","title","component","tags","Default","render","className","placeholder","value","WithGroups","defaultValue","WithIcons","div","icon","Sizes","size","Variants","variant","TimeSelector","span"],"mappings":"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"}

package/dist/components/shiny-text/index.d.ts

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

package/dist/components/shiny-text/index.d.ts.map

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

package/dist/components/shiny-text/index.js

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

package/dist/components/shiny-text/index.js.map

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

package/dist/components/shiny-text/shiny-text.d.ts

@@ -0,0 +1,10 @@
+type ShinyTextProps = {
+    text: string;
+    disabled?: boolean;
+    speed?: number;
+    className?: string;
+};
+declare function ShinyText({ text, disabled, speed, className }: ShinyTextProps): import("react/jsx-runtime").JSX.Element;
+export { ShinyText };
+export type { ShinyTextProps };
+//# sourceMappingURL=shiny-text.d.ts.map

package/dist/components/shiny-text/shiny-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiny-text.d.ts","sourceRoot":"","sources":["../../../src/components/shiny-text/shiny-text.tsx"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAC,IAAI,EAAE,QAAgB,EAAE,KAAS,EAAE,SAAc,EAAC,EAAE,cAAc,2CAQrF;AAED,OAAO,EAAC,SAAS,EAAC,CAAC;AACnB,YAAY,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/shiny-text/shiny-text.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+function ShinyText({ text, disabled = false, speed = 5, className = '' }) {
+    const animationDuration = `${speed}s`;
+    return /*#__PURE__*/ _jsx("span", {
+        className: cn('shiny-text', {
+            disabled: disabled
+        }, className),
+        style: {
+            animationDuration
+        },
+        children: text
+    });
+}
+export { ShinyText };
+
+//# sourceMappingURL=shiny-text.js.map

package/dist/components/shiny-text/shiny-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shiny-text/shiny-text.tsx"],"sourcesContent":["import {cn} from 'utils/cn';\n\ntype ShinyTextProps = {\n  text: string;\n  disabled?: boolean;\n  speed?: number;\n  className?: string;\n};\n\nfunction ShinyText({text, disabled = false, speed = 5, className = ''}: ShinyTextProps) {\n  const animationDuration = `${speed}s`;\n\n  return (\n    <span className={cn('shiny-text', {disabled: disabled}, className)} style={{animationDuration}}>\n      {text}\n    </span>\n  );\n}\n\nexport {ShinyText};\nexport type {ShinyTextProps};\n"],"names":["cn","ShinyText","text","disabled","speed","className","animationDuration","span","style"],"mappings":";AAAA,SAAQA,EAAE,QAAO,WAAW;AAS5B,SAASC,UAAU,EAACC,IAAI,EAAEC,WAAW,KAAK,EAAEC,QAAQ,CAAC,EAAEC,YAAY,EAAE,EAAiB;IACpF,MAAMC,oBAAoB,GAAGF,MAAM,CAAC,CAAC;IAErC,qBACE,KAACG;QAAKF,WAAWL,GAAG,cAAc;YAACG,UAAUA;QAAQ,GAAGE;QAAYG,OAAO;YAACF;QAAiB;kBAC1FJ;;AAGP;AAEA,SAAQD,SAAS,GAAE"}

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

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

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

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

package/dist/components/skeleton/index.js

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

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

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

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+type SkeletonProps = ComponentProps<'div'>;
+export declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,wBAAgB,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,2CAQ5D"}

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+export function Skeleton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "skeleton",
+        className: cn('animate-pulse rounded-6 bg-background-neutral-disabled', className),
+        ...props
+    });
+}
+
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\ntype SkeletonProps = ComponentProps<'div'>;\n\nexport function Skeleton({className, ...props}: SkeletonProps) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('animate-pulse rounded-6 bg-background-neutral-disabled', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","Skeleton","className","props","div","data-slot"],"mappings":";AACA,SAAQA,EAAE,QAAO,WAAW;AAI5B,OAAO,SAASC,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAqB;IAC3D,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWF,GAAG,0DAA0DE;QACvE,GAAGC,KAAK;;AAGf"}