@shipfox/react-ui 0.12.0 → 0.14.0

package/dist/components/tabs/tabs.stories.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Tabs, TabsContent, TabsContents, TabsList, TabsTrigger } from './index.js';
+const meta = {
+    title: 'Components/Tabs',
+    component: Tabs,
+    parameters: {
+        layout: 'centered'
+    },
+    tags: [
+        'autodocs'
+    ]
+};
+export default meta;
+export const Default = {
+    args: {
+        defaultValue: 'analytics'
+    },
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "bg-background-neutral-background p-24 w-[80vw]",
+            children: /*#__PURE__*/ _jsx(Tabs, {
+                defaultValue: "analytics",
+                children: /*#__PURE__*/ _jsxs(TabsList, {
+                    className: "gap-12 border-b border-neutral-strong",
+                    children: [
+                        /*#__PURE__*/ _jsx(TabsTrigger, {
+                            value: "analytics",
+                            children: "Analytics"
+                        }),
+                        /*#__PURE__*/ _jsx(TabsTrigger, {
+                            value: "jobs",
+                            children: "Jobs"
+                        })
+                    ]
+                })
+            })
+        })
+};
+export const Controlled = {
+    args: {
+        value: 'analytics',
+        onValueChange: ()=>undefined
+    },
+    render: ()=>{
+        const [value, setValue] = useState('analytics');
+        return /*#__PURE__*/ _jsx("div", {
+            className: "bg-background-neutral-background p-24 w-[80vw]",
+            children: /*#__PURE__*/ _jsxs(Tabs, {
+                value: value,
+                onValueChange: setValue,
+                children: [
+                    /*#__PURE__*/ _jsxs(TabsList, {
+                        className: "gap-12 border-b border-neutral-strong",
+                        children: [
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "analytics",
+                                children: "Analytics"
+                            }),
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "jobs",
+                                children: "Jobs"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(TabsContents, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "analytics",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsxs("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: [
+                                            "Analytics content - Current value: ",
+                                            value
+                                        ]
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "jobs",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsxs("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: [
+                                            "Jobs content - Current value: ",
+                                            value
+                                        ]
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        });
+    }
+};
+export const MultipleTabs = {
+    args: {
+        defaultValue: 'tab1'
+    },
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "bg-background-neutral-background p-24 w-[80vw]",
+            children: /*#__PURE__*/ _jsxs(Tabs, {
+                defaultValue: "tab1",
+                children: [
+                    /*#__PURE__*/ _jsxs(TabsList, {
+                        className: "gap-12 border-b border-neutral-strong",
+                        children: [
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "tab1",
+                                children: "Tab 1"
+                            }),
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "tab2",
+                                children: "Tab 2"
+                            }),
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "tab3",
+                                children: "Tab 3"
+                            }),
+                            /*#__PURE__*/ _jsx(TabsTrigger, {
+                                value: "tab4",
+                                children: "Tab 4"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(TabsContents, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "tab1",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsx("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: "Content for Tab 1"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "tab2",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsx("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: "Content for Tab 2"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "tab3",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsx("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: "Content for Tab 3"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TabsContent, {
+                                value: "tab4",
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "py-16",
+                                    children: /*#__PURE__*/ _jsx("p", {
+                                        className: "text-foreground-neutral-base",
+                                        children: "Content for Tab 4"
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+};
+
+//# sourceMappingURL=tabs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/tabs.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {useState} from 'react';\nimport {Tabs, TabsContent, TabsContents, TabsList, TabsTrigger} from '.';\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {defaultValue: 'analytics'} as never,\n  render: () => (\n    <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n      <Tabs defaultValue=\"analytics\">\n        <TabsList className=\"gap-12 border-b border-neutral-strong\">\n          <TabsTrigger value=\"analytics\">Analytics</TabsTrigger>\n          <TabsTrigger value=\"jobs\">Jobs</TabsTrigger>\n        </TabsList>\n      </Tabs>\n    </div>\n  ),\n};\n\nexport const Controlled: Story = {\n  args: {value: 'analytics', onValueChange: () => undefined} as never,\n  render: () => {\n    const [value, setValue] = useState('analytics');\n    return (\n      <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n        <Tabs value={value} onValueChange={setValue}>\n          <TabsList className=\"gap-12 border-b border-neutral-strong\">\n            <TabsTrigger value=\"analytics\">Analytics</TabsTrigger>\n            <TabsTrigger value=\"jobs\">Jobs</TabsTrigger>\n          </TabsList>\n          <TabsContents>\n            <TabsContent value=\"analytics\">\n              <div className=\"py-16\">\n                <p className=\"text-foreground-neutral-base\">\n                  Analytics content - Current value: {value}\n                </p>\n              </div>\n            </TabsContent>\n            <TabsContent value=\"jobs\">\n              <div className=\"py-16\">\n                <p className=\"text-foreground-neutral-base\">\n                  Jobs content - Current value: {value}\n                </p>\n              </div>\n            </TabsContent>\n          </TabsContents>\n        </Tabs>\n      </div>\n    );\n  },\n};\n\nexport const MultipleTabs: Story = {\n  args: {defaultValue: 'tab1'} as never,\n  render: () => (\n    <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n      <Tabs defaultValue=\"tab1\">\n        <TabsList className=\"gap-12 border-b border-neutral-strong\">\n          <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n          <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n          <TabsTrigger value=\"tab3\">Tab 3</TabsTrigger>\n          <TabsTrigger value=\"tab4\">Tab 4</TabsTrigger>\n        </TabsList>\n        <TabsContents>\n          <TabsContent value=\"tab1\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 1</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab2\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 2</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab3\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 3</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab4\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 4</p>\n            </div>\n          </TabsContent>\n        </TabsContents>\n      </Tabs>\n    </div>\n  ),\n};\n"],"names":["useState","Tabs","TabsContent","TabsContents","TabsList","TabsTrigger","meta","title","component","parameters","layout","tags","Default","args","defaultValue","render","div","className","value","Controlled","onValueChange","undefined","setValue","p","MultipleTabs"],"mappings":";AACA,SAAQA,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,IAAI,EAAEC,WAAW,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,WAAW,QAAO,IAAI;AAEzE,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWP;IACXQ,YAAY;QACVC,QAAQ;IACV;IACAC,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC5BC,MAAM;QAACC,cAAc;IAAW;IAChCC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,KAAChB;gBAAKa,cAAa;0BACjB,cAAA,MAACV;oBAASa,WAAU;;sCAClB,KAACZ;4BAAYa,OAAM;sCAAY;;sCAC/B,KAACb;4BAAYa,OAAM;sCAAO;;;;;;AAKpC,EAAE;AAEF,OAAO,MAAMC,aAAoB;IAC/BN,MAAM;QAACK,OAAO;QAAaE,eAAe,IAAMC;IAAS;IACzDN,QAAQ;QACN,MAAM,CAACG,OAAOI,SAAS,GAAGtB,SAAS;QACnC,qBACE,KAACgB;YAAIC,WAAU;sBACb,cAAA,MAAChB;gBAAKiB,OAAOA;gBAAOE,eAAeE;;kCACjC,MAAClB;wBAASa,WAAU;;0CAClB,KAACZ;gCAAYa,OAAM;0CAAY;;0CAC/B,KAACb;gCAAYa,OAAM;0CAAO;;;;kCAE5B,MAACf;;0CACC,KAACD;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,MAACM;wCAAEN,WAAU;;4CAA+B;4CACNC;;;;;0CAI1C,KAAChB;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,MAACM;wCAAEN,WAAU;;4CAA+B;4CACXC;;;;;;;;;;IAQ/C;AACF,EAAE;AAEF,OAAO,MAAMM,eAAsB;IACjCX,MAAM;QAACC,cAAc;IAAM;IAC3BC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,MAAChB;gBAAKa,cAAa;;kCACjB,MAACV;wBAASa,WAAU;;0CAClB,KAACZ;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;;;kCAE5B,MAACf;;0CACC,KAACD;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;;;;;;AAO1D,EAAE"}

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

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

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

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

package/dist/components/toast/index.js

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

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

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

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { ShipfoxLoader } from 'shipfox-loader-react';
 export * from './components';
 export * from './hooks';
 export * from './utils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACnD,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
+export { ShipfoxLoader } from 'shipfox-loader-react';
 export * from './components/index.js';
 export * from './hooks/index.js';
 export * from './utils/index.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components';\nexport * from './hooks';\nexport * from './utils';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,UAAU"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {ShipfoxLoader} from 'shipfox-loader-react';\nexport * from './components';\nexport * from './hooks';\nexport * from './utils';\n"],"names":["ShipfoxLoader"],"mappings":"AAAA,SAAQA,aAAa,QAAO,uBAAuB;AACnD,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,UAAU"}