@shipfox/react-ui 0.13.0 → 0.15.0

package/dist/components/dashboard/components/analytics-content.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../../components/icon/index.js';
+import { Skeleton } from '../../../components/skeleton/index.js';
+import { Text } from '../../../components/typography/index.js';
+export function AnalyticsContent() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "min-h-[calc(100vh-48px)] p-12 md:p-24 space-y-16 md:space-y-20 bg-background-neutral-base",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col md:flex-row items-start md:items-center justify-between gap-12 md:gap-0",
+                children: [
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-28 md:h-32 w-120 md:w-160"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-8 md:gap-16",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-28 md:h-32 w-80 md:w-100"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-28 md:h-32 w-100 md:w-160"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex gap-12 md:gap-16 overflow-x-auto scrollbar pb-4 md:pb-0 -mx-12 px-12 md:mx-0 md:px-0",
+                children: [
+                    'Total',
+                    'Success',
+                    'Failed',
+                    'Neutral',
+                    'Failure rate'
+                ].map((label)=>/*#__PURE__*/ _jsxs("div", {
+                        className: "shrink-0 w-100 md:w-auto md:flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-xs text-foreground-neutral-subtle mb-4",
+                                children: label
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-20 w-40"
+                            })
+                        ]
+                    }, label))
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col md:flex-row gap-16 md:gap-20",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-sm font-medium text-foreground-neutral-base mb-12",
+                                children: "Performance over time"
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "h-120 md:h-160 flex items-center justify-center",
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    className: "text-center",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Icon, {
+                                            name: "fileChartLine",
+                                            className: "size-24 text-foreground-neutral-muted mx-auto mb-8"
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            className: "text-sm text-foreground-neutral-subtle",
+                                            children: "Nothing here yet."
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-sm font-medium text-foreground-neutral-base mb-12",
+                                children: "Duration distribution"
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "h-120 md:h-160 flex items-center justify-center",
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    className: "text-center",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Icon, {
+                                            name: "barChartBoxLine",
+                                            className: "size-24 text-foreground-neutral-muted mx-auto mb-8"
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            className: "text-sm text-foreground-neutral-subtle",
+                                            children: "Nothing here yet."
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "rounded-8 bg-background-neutral-base border border-border-neutral-base overflow-hidden",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-col md:flex-row items-start md:items-center justify-between p-12 gap-12 md:gap-0 border-b border-border-neutral-strong",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-sm font-medium text-foreground-neutral-base",
+                                children: "Jobs breakdown"
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8 md:gap-16 w-full md:w-auto",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Skeleton, {
+                                        className: "h-28 flex-1 md:flex-none md:w-200"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Skeleton, {
+                                        className: "h-28 w-28 shrink-0"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "py-48 md:py-64 flex flex-col items-center justify-center gap-12",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "size-32 rounded-6 bg-transparent border border-border-neutral-strong flex items-center justify-center",
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "shipfox",
+                                    className: "size-16 text-foreground-neutral-subtle",
+                                    color: "var(--foreground-neutral-subtle, #a1a1aa)"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "text-center space-y-4 px-16",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        size: "sm",
+                                        className: "text-foreground-neutral-base",
+                                        children: "No jobs yet"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        size: "xs",
+                                        className: "text-foreground-neutral-muted",
+                                        children: "Import past runs or start a runner."
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "space-y-16",
+                children: Array.from({
+                    length: 3
+                }).map((_, i)=>{
+                    const blockId = `analytics-extra-block-${i}`;
+                    return /*#__PURE__*/ _jsxs("div", {
+                        className: "p-12 md:p-16 rounded-8 bg-background-subtle-base border border-border-neutral-strong",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-16 w-full max-w-400 mb-8"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-12 w-full max-w-600"
+                            })
+                        ]
+                    }, blockId);
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=analytics-content.js.map

package/dist/components/dashboard/components/analytics-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/analytics-content.tsx"],"sourcesContent":["import {Icon} from 'components/icon';\nimport {Skeleton} from 'components/skeleton';\nimport {Text} from 'components/typography';\n\nexport function AnalyticsContent() {\n  return (\n    <div className=\"min-h-[calc(100vh-48px)] p-12 md:p-24 space-y-16 md:space-y-20 bg-background-neutral-base\">\n      <div className=\"flex flex-col md:flex-row items-start md:items-center justify-between gap-12 md:gap-0\">\n        <Skeleton className=\"h-28 md:h-32 w-120 md:w-160\" />\n        <div className=\"flex items-center gap-8 md:gap-16\">\n          <Skeleton className=\"h-28 md:h-32 w-80 md:w-100\" />\n          <Skeleton className=\"h-28 md:h-32 w-100 md:w-160\" />\n        </div>\n      </div>\n\n      <div className=\"flex gap-12 md:gap-16 overflow-x-auto scrollbar pb-4 md:pb-0 -mx-12 px-12 md:mx-0 md:px-0\">\n        {['Total', 'Success', 'Failed', 'Neutral', 'Failure rate'].map((label) => (\n          <div\n            key={label}\n            className=\"shrink-0 w-100 md:w-auto md:flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base\"\n          >\n            <p className=\"text-xs text-foreground-neutral-subtle mb-4\">{label}</p>\n            <Skeleton className=\"h-20 w-40\" />\n          </div>\n        ))}\n      </div>\n\n      <div className=\"flex flex-col md:flex-row gap-16 md:gap-20\">\n        <div className=\"flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base\">\n          <p className=\"text-sm font-medium text-foreground-neutral-base mb-12\">\n            Performance over time\n          </p>\n          <div className=\"h-120 md:h-160 flex items-center justify-center\">\n            <div className=\"text-center\">\n              <Icon\n                name=\"fileChartLine\"\n                className=\"size-24 text-foreground-neutral-muted mx-auto mb-8\"\n              />\n              <p className=\"text-sm text-foreground-neutral-subtle\">Nothing here yet.</p>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-1 p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base\">\n          <p className=\"text-sm font-medium text-foreground-neutral-base mb-12\">\n            Duration distribution\n          </p>\n          <div className=\"h-120 md:h-160 flex items-center justify-center\">\n            <div className=\"text-center\">\n              <Icon\n                name=\"barChartBoxLine\"\n                className=\"size-24 text-foreground-neutral-muted mx-auto mb-8\"\n              />\n              <p className=\"text-sm text-foreground-neutral-subtle\">Nothing here yet.</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"rounded-8 bg-background-neutral-base border border-border-neutral-base overflow-hidden\">\n        <div className=\"flex flex-col md:flex-row items-start md:items-center justify-between p-12 gap-12 md:gap-0 border-b border-border-neutral-strong\">\n          <p className=\"text-sm font-medium text-foreground-neutral-base\">Jobs breakdown</p>\n          <div className=\"flex items-center gap-8 md:gap-16 w-full md:w-auto\">\n            <Skeleton className=\"h-28 flex-1 md:flex-none md:w-200\" />\n            <Skeleton className=\"h-28 w-28 shrink-0\" />\n          </div>\n        </div>\n        <div className=\"py-48 md:py-64 flex flex-col items-center justify-center gap-12\">\n          <div className=\"size-32 rounded-6 bg-transparent border border-border-neutral-strong flex items-center justify-center\">\n            <Icon\n              name=\"shipfox\"\n              className=\"size-16 text-foreground-neutral-subtle\"\n              color=\"var(--foreground-neutral-subtle, #a1a1aa)\"\n            />\n          </div>\n          <div className=\"text-center space-y-4 px-16\">\n            <Text size=\"sm\" className=\"text-foreground-neutral-base\">\n              No jobs yet\n            </Text>\n            <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n              Import past runs or start a runner.\n            </Text>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-16\">\n        {Array.from({length: 3}).map((_, i) => {\n          const blockId = `analytics-extra-block-${i}`;\n          return (\n            <div\n              key={blockId}\n              className=\"p-12 md:p-16 rounded-8 bg-background-subtle-base border border-border-neutral-strong\"\n            >\n              <Skeleton className=\"h-16 w-full max-w-400 mb-8\" />\n              <Skeleton className=\"h-12 w-full max-w-600\" />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["Icon","Skeleton","Text","AnalyticsContent","div","className","map","label","p","name","color","size","Array","from","length","_","i","blockId"],"mappings":";AAAA,SAAQA,IAAI,QAAO,kBAAkB;AACrC,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,IAAI,QAAO,wBAAwB;AAE3C,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAACJ;wBAASI,WAAU;;kCACpB,MAACD;wBAAIC,WAAU;;0CACb,KAACJ;gCAASI,WAAU;;0CACpB,KAACJ;gCAASI,WAAU;;;;;;0BAIxB,KAACD;gBAAIC,WAAU;0BACZ;oBAAC;oBAAS;oBAAW;oBAAU;oBAAW;iBAAe,CAACC,GAAG,CAAC,CAACC,sBAC9D,MAACH;wBAECC,WAAU;;0CAEV,KAACG;gCAAEH,WAAU;0CAA+CE;;0CAC5D,KAACN;gCAASI,WAAU;;;uBAJfE;;0BASX,MAACH;gBAAIC,WAAU;;kCACb,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAEH,WAAU;0CAAyD;;0CAGtE,KAACD;gCAAIC,WAAU;0CACb,cAAA,MAACD;oCAAIC,WAAU;;sDACb,KAACL;4CACCS,MAAK;4CACLJ,WAAU;;sDAEZ,KAACG;4CAAEH,WAAU;sDAAyC;;;;;;;kCAI5D,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAEH,WAAU;0CAAyD;;0CAGtE,KAACD;gCAAIC,WAAU;0CACb,cAAA,MAACD;oCAAIC,WAAU;;sDACb,KAACL;4CACCS,MAAK;4CACLJ,WAAU;;sDAEZ,KAACG;4CAAEH,WAAU;sDAAyC;;;;;;;;;0BAM9D,MAACD;gBAAIC,WAAU;;kCACb,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAEH,WAAU;0CAAmD;;0CAChE,MAACD;gCAAIC,WAAU;;kDACb,KAACJ;wCAASI,WAAU;;kDACpB,KAACJ;wCAASI,WAAU;;;;;;kCAGxB,MAACD;wBAAIC,WAAU;;0CACb,KAACD;gCAAIC,WAAU;0CACb,cAAA,KAACL;oCACCS,MAAK;oCACLJ,WAAU;oCACVK,OAAM;;;0CAGV,MAACN;gCAAIC,WAAU;;kDACb,KAACH;wCAAKS,MAAK;wCAAKN,WAAU;kDAA+B;;kDAGzD,KAACH;wCAAKS,MAAK;wCAAKN,WAAU;kDAAgC;;;;;;;;0BAOhE,KAACD;gBAAIC,WAAU;0BACZO,MAAMC,IAAI,CAAC;oBAACC,QAAQ;gBAAC,GAAGR,GAAG,CAAC,CAACS,GAAGC;oBAC/B,MAAMC,UAAU,CAAC,sBAAsB,EAAED,GAAG;oBAC5C,qBACE,MAACZ;wBAECC,WAAU;;0CAEV,KAACJ;gCAASI,WAAU;;0CACpB,KAACJ;gCAASI,WAAU;;;uBAJfY;gBAOX;;;;AAIR"}

package/dist/components/dashboard/components/animated-logo.d.ts

@@ -0,0 +1,4 @@
+export declare function AnimatedLogo({ scrollProgress }: {
+    scrollProgress: number;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=animated-logo.d.ts.map

package/dist/components/dashboard/components/animated-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/animated-logo.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,EAAC,cAAc,EAAC,EAAE;IAAC,cAAc,EAAE,MAAM,CAAA;CAAC,kDAmBtE"}

package/dist/components/dashboard/components/animated-logo.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '../../../components/icon/index.js';
+import { motion } from 'framer-motion';
+const LOGO_HEIGHT = 48;
+export function AnimatedLogo({ scrollProgress }) {
+    const isVisible = scrollProgress > 0;
+    if (!isVisible) return null;
+    const easedProgress = 1 - (1 - scrollProgress) ** 3;
+    return /*#__PURE__*/ _jsx(motion.div, {
+        className: "fixed top-0 left-0 z-50 flex items-center justify-center shrink-0 w-48 h-48 bg-background-neutral-base",
+        style: {
+            opacity: easedProgress,
+            transform: `translateY(${-LOGO_HEIGHT + easedProgress * LOGO_HEIGHT}px)`
+        },
+        initial: false,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            name: "shipfox",
+            className: "size-20 text-foreground-neutral-subtle"
+        })
+    });
+}
+
+//# sourceMappingURL=animated-logo.js.map

package/dist/components/dashboard/components/animated-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/animated-logo.tsx"],"sourcesContent":["import {Icon} from 'components/icon';\nimport {motion} from 'framer-motion';\n\nconst LOGO_HEIGHT = 48;\n\nexport function AnimatedLogo({scrollProgress}: {scrollProgress: number}) {\n  const isVisible = scrollProgress > 0;\n\n  if (!isVisible) return null;\n\n  const easedProgress = 1 - (1 - scrollProgress) ** 3;\n\n  return (\n    <motion.div\n      className=\"fixed top-0 left-0 z-50 flex items-center justify-center shrink-0 w-48 h-48 bg-background-neutral-base\"\n      style={{\n        opacity: easedProgress,\n        transform: `translateY(${-LOGO_HEIGHT + easedProgress * LOGO_HEIGHT}px)`,\n      }}\n      initial={false}\n    >\n      <Icon name=\"shipfox\" className=\"size-20 text-foreground-neutral-subtle\" />\n    </motion.div>\n  );\n}\n"],"names":["Icon","motion","LOGO_HEIGHT","AnimatedLogo","scrollProgress","isVisible","easedProgress","div","className","style","opacity","transform","initial","name"],"mappings":";AAAA,SAAQA,IAAI,QAAO,kBAAkB;AACrC,SAAQC,MAAM,QAAO,gBAAgB;AAErC,MAAMC,cAAc;AAEpB,OAAO,SAASC,aAAa,EAACC,cAAc,EAA2B;IACrE,MAAMC,YAAYD,iBAAiB;IAEnC,IAAI,CAACC,WAAW,OAAO;IAEvB,MAAMC,gBAAgB,IAAI,AAAC,CAAA,IAAIF,cAAa,KAAM;IAElD,qBACE,KAACH,OAAOM,GAAG;QACTC,WAAU;QACVC,OAAO;YACLC,SAASJ;YACTK,WAAW,CAAC,WAAW,EAAE,CAACT,cAAcI,gBAAgBJ,YAAY,GAAG,CAAC;QAC1E;QACAU,SAAS;kBAET,cAAA,KAACZ;YAAKa,MAAK;YAAUL,WAAU;;;AAGrC"}

package/dist/components/dashboard/components/complete-setup-button.d.ts

@@ -0,0 +1,4 @@
+export declare function CompleteSetupButton({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=complete-setup-button.d.ts.map

package/dist/components/dashboard/components/complete-setup-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"complete-setup-button.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/complete-setup-button.tsx"],"names":[],"mappings":"AAMA,wBAAgB,mBAAmB,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,2CAuBpE"}

package/dist/components/dashboard/components/complete-setup-button.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/button/index.js';
+import { ShinyText } from '../../../components/shiny-text/index.js';
+import { useResolvedTheme } from '../../../hooks/useResolvedTheme.js';
+import { ShipfoxLoader } from 'shipfox-loader-react';
+import { cn } from '../../../utils/cn.js';
+export function CompleteSetupButton({ className }) {
+    const resolvedTheme = useResolvedTheme();
+    return /*#__PURE__*/ _jsxs(Button, {
+        type: "button",
+        variant: "transparent",
+        className: cn('flex items-center gap-8 min-w-124 max-w-280 overflow-hidden px-12 py-10 transition-colors rounded-none h-40 border-l border-border-neutral-strong', className),
+        children: [
+            /*#__PURE__*/ _jsx(ShipfoxLoader, {
+                size: 13,
+                animation: "circular",
+                color: resolvedTheme === 'dark' ? 'white' : 'orange',
+                background: resolvedTheme === 'dark' ? 'dark' : 'light'
+            }),
+            /*#__PURE__*/ _jsx(ShinyText, {
+                text: "Complete setup",
+                className: "flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left"
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=complete-setup-button.js.map

package/dist/components/dashboard/components/complete-setup-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/complete-setup-button.tsx"],"sourcesContent":["import {Button} from 'components/button';\nimport {ShinyText} from 'components/shiny-text';\nimport {useResolvedTheme} from 'hooks/useResolvedTheme';\nimport {ShipfoxLoader} from 'shipfox-loader-react';\nimport {cn} from 'utils/cn';\n\nexport function CompleteSetupButton({className}: {className?: string}) {\n  const resolvedTheme = useResolvedTheme();\n  return (\n    <Button\n      type=\"button\"\n      variant=\"transparent\"\n      className={cn(\n        'flex items-center gap-8 min-w-124 max-w-280 overflow-hidden px-12 py-10 transition-colors rounded-none h-40 border-l border-border-neutral-strong',\n        className,\n      )}\n    >\n      <ShipfoxLoader\n        size={13}\n        animation=\"circular\"\n        color={resolvedTheme === 'dark' ? 'white' : 'orange'}\n        background={resolvedTheme === 'dark' ? 'dark' : 'light'}\n      />\n      <ShinyText\n        text=\"Complete setup\"\n        className=\"flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left\"\n      />\n    </Button>\n  );\n}\n"],"names":["Button","ShinyText","useResolvedTheme","ShipfoxLoader","cn","CompleteSetupButton","className","resolvedTheme","type","variant","size","animation","color","background","text"],"mappings":";AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SAAQC,SAAS,QAAO,wBAAwB;AAChD,SAAQC,gBAAgB,QAAO,yBAAyB;AACxD,SAAQC,aAAa,QAAO,uBAAuB;AACnD,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,SAASC,oBAAoB,EAACC,SAAS,EAAuB;IACnE,MAAMC,gBAAgBL;IACtB,qBACE,MAACF;QACCQ,MAAK;QACLC,SAAQ;QACRH,WAAWF,GACT,qJACAE;;0BAGF,KAACH;gBACCO,MAAM;gBACNC,WAAU;gBACVC,OAAOL,kBAAkB,SAAS,UAAU;gBAC5CM,YAAYN,kBAAkB,SAAS,SAAS;;0BAElD,KAACN;gBACCa,MAAK;gBACLR,WAAU;;;;AAIlB"}

package/dist/components/dashboard/components/jobs-content.d.ts

@@ -0,0 +1,2 @@
+export declare function JobsContent(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=jobs-content.d.ts.map

package/dist/components/dashboard/components/jobs-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jobs-content.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/jobs-content.tsx"],"names":[],"mappings":"AASA,wBAAgB,WAAW,4CAyC1B"}

package/dist/components/dashboard/components/jobs-content.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/button/index.js';
+import { Icon } from '../../../components/icon/index.js';
+import { SearchInline } from '../../../components/search/search-inline.js';
+import { DataTable } from '../../../components/table/data-table.js';
+import { jobColumns } from '../../../components/table/table.stories.columns.js';
+import { jobsData } from '../../../components/table/table.stories.data.js';
+import { Header as TypographyHeader } from '../../../components/typography/index.js';
+import { useMemo, useState } from 'react';
+export function JobsContent() {
+    const [searchQuery, setSearchQuery] = useState('');
+    const filteredData = useMemo(()=>jobsData.filter((job)=>job.name.toLowerCase().includes(searchQuery.toLowerCase())), [
+        searchQuery
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "min-h-[calc(100vh-48px)] p-12 md:p-24 bg-background-neutral-base",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "rounded-t-8 overflow-hidden",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col md:flex-row md:items-center md:justify-between gap-12 md:gap-0 p-12 border-t border-x border-border-neutral-base rounded-t-8 bg-background-neutral-base",
+                    children: [
+                        /*#__PURE__*/ _jsx(TypographyHeader, {
+                            variant: "h3",
+                            className: "text-foreground-neutral-base",
+                            children: "Jobs breakdown"
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-8 md:gap-16 w-full md:w-auto",
+                            children: [
+                                /*#__PURE__*/ _jsx(SearchInline, {
+                                    placeholder: "Search...",
+                                    value: searchQuery,
+                                    onChange: (e)=>setSearchQuery(e.target.value),
+                                    onClear: ()=>setSearchQuery(''),
+                                    className: "flex-1 md:w-240"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "secondary",
+                                    "aria-label": "Insert column left",
+                                    className: "shrink-0",
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        name: "insertColumnLeft",
+                                        className: "size-16 text-foreground-neutral-subtle"
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(DataTable, {
+                    columns: jobColumns,
+                    data: filteredData,
+                    pagination: true,
+                    pageSize: 10,
+                    pageSizeOptions: [
+                        10,
+                        20,
+                        50,
+                        100
+                    ],
+                    className: "rounded-t-none"
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=jobs-content.js.map

package/dist/components/dashboard/components/jobs-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/jobs-content.tsx"],"sourcesContent":["import {Button} from 'components/button';\nimport {Icon} from 'components/icon';\nimport {SearchInline} from 'components/search/search-inline';\nimport {DataTable} from 'components/table/data-table';\nimport {jobColumns} from 'components/table/table.stories.columns';\nimport {jobsData} from 'components/table/table.stories.data';\nimport {Header as TypographyHeader} from 'components/typography';\nimport {useMemo, useState} from 'react';\n\nexport function JobsContent() {\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const filteredData = useMemo(\n    () => jobsData.filter((job) => job.name.toLowerCase().includes(searchQuery.toLowerCase())),\n    [searchQuery],\n  );\n\n  return (\n    <div className=\"min-h-[calc(100vh-48px)] p-12 md:p-24 bg-background-neutral-base\">\n      <div className=\"rounded-t-8 overflow-hidden\">\n        <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-12 md:gap-0 p-12 border-t border-x border-border-neutral-base rounded-t-8 bg-background-neutral-base\">\n          <TypographyHeader variant=\"h3\" className=\"text-foreground-neutral-base\">\n            Jobs breakdown\n          </TypographyHeader>\n\n          <div className=\"flex items-center gap-8 md:gap-16 w-full md:w-auto\">\n            <SearchInline\n              placeholder=\"Search...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              onClear={() => setSearchQuery('')}\n              className=\"flex-1 md:w-240\"\n            />\n            <Button variant=\"secondary\" aria-label=\"Insert column left\" className=\"shrink-0\">\n              <Icon name=\"insertColumnLeft\" className=\"size-16 text-foreground-neutral-subtle\" />\n            </Button>\n          </div>\n        </div>\n\n        <DataTable\n          columns={jobColumns}\n          data={filteredData}\n          pagination={true}\n          pageSize={10}\n          pageSizeOptions={[10, 20, 50, 100]}\n          className=\"rounded-t-none\"\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["Button","Icon","SearchInline","DataTable","jobColumns","jobsData","Header","TypographyHeader","useMemo","useState","JobsContent","searchQuery","setSearchQuery","filteredData","filter","job","name","toLowerCase","includes","div","className","variant","placeholder","value","onChange","e","target","onClear","aria-label","columns","data","pagination","pageSize","pageSizeOptions"],"mappings":";AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SAAQC,IAAI,QAAO,kBAAkB;AACrC,SAAQC,YAAY,QAAO,kCAAkC;AAC7D,SAAQC,SAAS,QAAO,8BAA8B;AACtD,SAAQC,UAAU,QAAO,yCAAyC;AAClE,SAAQC,QAAQ,QAAO,sCAAsC;AAC7D,SAAQC,UAAUC,gBAAgB,QAAO,wBAAwB;AACjE,SAAQC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAExC,OAAO,SAASC;IACd,MAAM,CAACC,aAAaC,eAAe,GAAGH,SAAS;IAE/C,MAAMI,eAAeL,QACnB,IAAMH,SAASS,MAAM,CAAC,CAACC,MAAQA,IAAIC,IAAI,CAACC,WAAW,GAAGC,QAAQ,CAACP,YAAYM,WAAW,MACtF;QAACN;KAAY;IAGf,qBACE,KAACQ;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,MAACD;oBAAIC,WAAU;;sCACb,KAACb;4BAAiBc,SAAQ;4BAAKD,WAAU;sCAA+B;;sCAIxE,MAACD;4BAAIC,WAAU;;8CACb,KAAClB;oCACCoB,aAAY;oCACZC,OAAOZ;oCACPa,UAAU,CAACC,IAAMb,eAAea,EAAEC,MAAM,CAACH,KAAK;oCAC9CI,SAAS,IAAMf,eAAe;oCAC9BQ,WAAU;;8CAEZ,KAACpB;oCAAOqB,SAAQ;oCAAYO,cAAW;oCAAqBR,WAAU;8CACpE,cAAA,KAACnB;wCAAKe,MAAK;wCAAmBI,WAAU;;;;;;;8BAK9C,KAACjB;oBACC0B,SAASzB;oBACT0B,MAAMjB;oBACNkB,YAAY;oBACZC,UAAU;oBACVC,iBAAiB;wBAAC;wBAAI;wBAAI;wBAAI;qBAAI;oBAClCb,WAAU;;;;;AAKpB"}

package/dist/components/dashboard/components/mobile-menu.d.ts

@@ -0,0 +1,2 @@
+export declare function MobileMenu(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile-menu.d.ts.map

package/dist/components/dashboard/components/mobile-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/mobile-menu.tsx"],"names":[],"mappings":"AAaA,wBAAgB,UAAU,4CAoCzB"}

package/dist/components/dashboard/components/mobile-menu.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/button/index.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../../components/dropdown-menu/index.js';
+import { Icon } from '../../../components/icon/index.js';
+import { ShinyText } from '../../../components/shiny-text/index.js';
+import { useResolvedTheme } from '../../../hooks/useResolvedTheme.js';
+import { ShipfoxLoader } from 'shipfox-loader-react';
+export function MobileMenu() {
+    const resolvedTheme = useResolvedTheme();
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    variant: "transparent",
+                    className: "flex md:hidden items-center justify-center shrink-0 w-40 h-40 bg-background-subtle-base hover:bg-background-neutral-hover transition-colors rounded-none border-l border-border-neutral-strong",
+                    "aria-label": "Menu",
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        name: "menuLine",
+                        className: "size-18 text-foreground-neutral-subtle"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                align: "end",
+                className: "w-200",
+                children: [
+                    /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-8",
+                            children: [
+                                /*#__PURE__*/ _jsx(ShipfoxLoader, {
+                                    size: 13,
+                                    animation: "circular",
+                                    color: resolvedTheme === 'dark' ? 'white' : 'orange',
+                                    background: resolvedTheme === 'dark' ? 'dark' : 'light'
+                                }),
+                                /*#__PURE__*/ _jsx(ShinyText, {
+                                    text: "Complete setup",
+                                    className: "flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
+                    /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        icon: "searchLine",
+                        children: "Search"
+                    }),
+                    /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        icon: "questionLine",
+                        children: "Help"
+                    }),
+                    /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        icon: "notification3Line",
+                        children: "Notifications"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=mobile-menu.js.map

package/dist/components/dashboard/components/mobile-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/mobile-menu.tsx"],"sourcesContent":["import {Button} from 'components/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'components/dropdown-menu';\nimport {Icon} from 'components/icon';\nimport {ShinyText} from 'components/shiny-text';\nimport {useResolvedTheme} from 'hooks/useResolvedTheme';\nimport {ShipfoxLoader} from 'shipfox-loader-react';\n\nexport function MobileMenu() {\n  const resolvedTheme = useResolvedTheme();\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"transparent\"\n          className=\"flex md:hidden items-center justify-center shrink-0 w-40 h-40 bg-background-subtle-base hover:bg-background-neutral-hover transition-colors rounded-none border-l border-border-neutral-strong\"\n          aria-label=\"Menu\"\n        >\n          <Icon name=\"menuLine\" className=\"size-18 text-foreground-neutral-subtle\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-200\">\n        <DropdownMenuItem>\n          <div className=\"flex items-center gap-8\">\n            <ShipfoxLoader\n              size={13}\n              animation=\"circular\"\n              color={resolvedTheme === 'dark' ? 'white' : 'orange'}\n              background={resolvedTheme === 'dark' ? 'dark' : 'light'}\n            />\n            <ShinyText\n              text=\"Complete setup\"\n              className=\"flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left\"\n            />\n          </div>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem icon=\"searchLine\">Search</DropdownMenuItem>\n        <DropdownMenuItem icon=\"questionLine\">Help</DropdownMenuItem>\n        <DropdownMenuItem icon=\"notification3Line\">Notifications</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","Icon","ShinyText","useResolvedTheme","ShipfoxLoader","MobileMenu","resolvedTheme","asChild","type","variant","className","aria-label","name","align","div","size","animation","color","background","text","icon"],"mappings":";AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,qBAAqB,EACrBC,mBAAmB,QACd,2BAA2B;AAClC,SAAQC,IAAI,QAAO,kBAAkB;AACrC,SAAQC,SAAS,QAAO,wBAAwB;AAChD,SAAQC,gBAAgB,QAAO,yBAAyB;AACxD,SAAQC,aAAa,QAAO,uBAAuB;AAEnD,OAAO,SAASC;IACd,MAAMC,gBAAgBH;IACtB,qBACE,MAACP;;0BACC,KAACI;gBAAoBO,OAAO;0BAC1B,cAAA,KAACZ;oBACCa,MAAK;oBACLC,SAAQ;oBACRC,WAAU;oBACVC,cAAW;8BAEX,cAAA,KAACV;wBAAKW,MAAK;wBAAWF,WAAU;;;;0BAGpC,MAACb;gBAAoBgB,OAAM;gBAAMH,WAAU;;kCACzC,KAACZ;kCACC,cAAA,MAACgB;4BAAIJ,WAAU;;8CACb,KAACN;oCACCW,MAAM;oCACNC,WAAU;oCACVC,OAAOX,kBAAkB,SAAS,UAAU;oCAC5CY,YAAYZ,kBAAkB,SAAS,SAAS;;8CAElD,KAACJ;oCACCiB,MAAK;oCACLT,WAAU;;;;;kCAIhB,KAACX;kCACD,KAACD;wBAAiBsB,MAAK;kCAAa;;kCACpC,KAACtB;wBAAiBsB,MAAK;kCAAe;;kCACtC,KAACtB;wBAAiBsB,MAAK;kCAAoB;;;;;;AAInD"}

package/dist/components/dashboard/components/organization-selector.d.ts

@@ -0,0 +1,2 @@
+export declare function OrganizationSelector(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=organization-selector.d.ts.map

package/dist/components/dashboard/components/organization-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organization-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/organization-selector.tsx"],"names":[],"mappings":"AAYA,wBAAgB,oBAAoB,4CAsCnC"}

package/dist/components/dashboard/components/organization-selector.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from '../../../components/avatar/index.js';
+import { Button } from '../../../components/button/index.js';
+import { Icon } from '../../../components/icon/index.js';
+import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from '../../../components/select/index.js';
+export function OrganizationSelector() {
+    return /*#__PURE__*/ _jsxs(Select, {
+        defaultValue: "stripe",
+        children: [
+            /*#__PURE__*/ _jsx(SelectTrigger, {
+                className: "w-200 h-40 shadow-none bg-background-neutral-base hover:bg-background-neutral-hover rounded-none gap-8 pl-12 border-l min-[321px]:border-r border-border-neutral-strong",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "flex items-center gap-8 flex-1 min-w-0",
+                    children: /*#__PURE__*/ _jsx(SelectValue, {
+                        placeholder: "Select organization"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsxs(SelectContent, {
+                children: [
+                    /*#__PURE__*/ _jsx(SelectItem, {
+                        value: "stripe",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-8",
+                            children: [
+                                /*#__PURE__*/ _jsx(Avatar, {
+                                    size: "3xs",
+                                    content: "logo",
+                                    logoName: "stripe",
+                                    radius: "rounded"
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: "Stripe"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(SelectItem, {
+                        value: "shipfox",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-8",
+                            children: [
+                                /*#__PURE__*/ _jsx(Avatar, {
+                                    size: "3xs",
+                                    content: "logo",
+                                    logoName: "shipfox",
+                                    radius: "rounded"
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: "Shipfox"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(SelectItem, {
+                        value: "github",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-8",
+                            children: [
+                                /*#__PURE__*/ _jsx(Avatar, {
+                                    size: "3xs",
+                                    content: "logo",
+                                    logoName: "github",
+                                    radius: "rounded"
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: "GitHub"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(SelectSeparator, {}),
+                    /*#__PURE__*/ _jsxs(Button, {
+                        variant: "transparent",
+                        className: "w-full justify-start text-foreground-neutral-subtle",
+                        children: [
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: "addLine",
+                                className: "size-16 shrink-0"
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "New organization"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=organization-selector.js.map

package/dist/components/dashboard/components/organization-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/organization-selector.tsx"],"sourcesContent":["import {Avatar} from 'components/avatar';\nimport {Button} from 'components/button';\nimport {Icon} from 'components/icon';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from 'components/select';\n\nexport function OrganizationSelector() {\n  return (\n    <Select defaultValue=\"stripe\">\n      <SelectTrigger className=\"w-200 h-40 shadow-none bg-background-neutral-base hover:bg-background-neutral-hover rounded-none gap-8 pl-12 border-l min-[321px]:border-r border-border-neutral-strong\">\n        <div className=\"flex items-center gap-8 flex-1 min-w-0\">\n          <SelectValue placeholder=\"Select organization\" />\n        </div>\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"stripe\">\n          <div className=\"flex items-center gap-8\">\n            <Avatar size=\"3xs\" content=\"logo\" logoName=\"stripe\" radius=\"rounded\" />\n            <span>Stripe</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"shipfox\">\n          <div className=\"flex items-center gap-8\">\n            <Avatar size=\"3xs\" content=\"logo\" logoName=\"shipfox\" radius=\"rounded\" />\n            <span>Shipfox</span>\n          </div>\n        </SelectItem>\n        <SelectItem value=\"github\">\n          <div className=\"flex items-center gap-8\">\n            <Avatar size=\"3xs\" content=\"logo\" logoName=\"github\" radius=\"rounded\" />\n            <span>GitHub</span>\n          </div>\n        </SelectItem>\n        <SelectSeparator />\n        <Button\n          variant=\"transparent\"\n          className=\"w-full justify-start text-foreground-neutral-subtle\"\n        >\n          <Icon name=\"addLine\" className=\"size-16 shrink-0\" />\n          <span>New organization</span>\n        </Button>\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":["Avatar","Button","Icon","Select","SelectContent","SelectItem","SelectSeparator","SelectTrigger","SelectValue","OrganizationSelector","defaultValue","className","div","placeholder","value","size","content","logoName","radius","span","variant","name"],"mappings":";AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,IAAI,QAAO,kBAAkB;AACrC,SACEC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,eAAe,EACfC,aAAa,EACbC,WAAW,QACN,oBAAoB;AAE3B,OAAO,SAASC;IACd,qBACE,MAACN;QAAOO,cAAa;;0BACnB,KAACH;gBAAcI,WAAU;0BACvB,cAAA,KAACC;oBAAID,WAAU;8BACb,cAAA,KAACH;wBAAYK,aAAY;;;;0BAG7B,MAACT;;kCACC,KAACC;wBAAWS,OAAM;kCAChB,cAAA,MAACF;4BAAID,WAAU;;8CACb,KAACX;oCAAOe,MAAK;oCAAMC,SAAQ;oCAAOC,UAAS;oCAASC,QAAO;;8CAC3D,KAACC;8CAAK;;;;;kCAGV,KAACd;wBAAWS,OAAM;kCAChB,cAAA,MAACF;4BAAID,WAAU;;8CACb,KAACX;oCAAOe,MAAK;oCAAMC,SAAQ;oCAAOC,UAAS;oCAAUC,QAAO;;8CAC5D,KAACC;8CAAK;;;;;kCAGV,KAACd;wBAAWS,OAAM;kCAChB,cAAA,MAACF;4BAAID,WAAU;;8CACb,KAACX;oCAAOe,MAAK;oCAAMC,SAAQ;oCAAOC,UAAS;oCAASC,QAAO;;8CAC3D,KAACC;8CAAK;;;;;kCAGV,KAACb;kCACD,MAACL;wBACCmB,SAAQ;wBACRT,WAAU;;0CAEV,KAACT;gCAAKmB,MAAK;gCAAUV,WAAU;;0CAC/B,KAACQ;0CAAK;;;;;;;;AAKhB"}

package/dist/components/dashboard/components/top-menu.d.ts

@@ -0,0 +1,5 @@
+export declare function TopMenu({ activeTab, onTabChange, }: {
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=top-menu.d.ts.map

package/dist/components/dashboard/components/top-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/top-menu.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,2CAiBA"}

package/dist/components/dashboard/components/top-menu.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs, TabsList, TabsTrigger } from '../../../components/tabs/index.js';
+export function TopMenu({ activeTab, onTabChange }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex items-center justify-between w-full",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "flex items-center flex-1 min-w-0 pl-12 md:pl-20 pr-8",
+            children: /*#__PURE__*/ _jsx(Tabs, {
+                value: activeTab,
+                onValueChange: onTabChange,
+                children: /*#__PURE__*/ _jsxs(TabsList, {
+                    className: "h-48 gap-8 md:gap-12",
+                    children: [
+                        /*#__PURE__*/ _jsx(TabsTrigger, {
+                            value: "analytics",
+                            className: "text-sm font-medium",
+                            children: "Analytics"
+                        }),
+                        /*#__PURE__*/ _jsx(TabsTrigger, {
+                            value: "jobs",
+                            className: "text-sm font-medium",
+                            children: "Jobs"
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=top-menu.js.map

package/dist/components/dashboard/components/top-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dashboard/components/top-menu.tsx"],"sourcesContent":["import {Tabs, TabsList, TabsTrigger} from 'components/tabs';\n\nexport function TopMenu({\n  activeTab,\n  onTabChange,\n}: {\n  activeTab: string;\n  onTabChange: (tab: string) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center flex-1 min-w-0 pl-12 md:pl-20 pr-8\">\n        <Tabs value={activeTab} onValueChange={onTabChange}>\n          <TabsList className=\"h-48 gap-8 md:gap-12\">\n            <TabsTrigger value=\"analytics\" className=\"text-sm font-medium\">\n              Analytics\n            </TabsTrigger>\n            <TabsTrigger value=\"jobs\" className=\"text-sm font-medium\">\n              Jobs\n            </TabsTrigger>\n          </TabsList>\n        </Tabs>\n      </div>\n    </div>\n  );\n}\n"],"names":["Tabs","TabsList","TabsTrigger","TopMenu","activeTab","onTabChange","div","className","value","onValueChange"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,QAAQ,EAAEC,WAAW,QAAO,kBAAkB;AAE5D,OAAO,SAASC,QAAQ,EACtBC,SAAS,EACTC,WAAW,EAIZ;IACC,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,KAACD;YAAIC,WAAU;sBACb,cAAA,KAACP;gBAAKQ,OAAOJ;gBAAWK,eAAeJ;0BACrC,cAAA,MAACJ;oBAASM,WAAU;;sCAClB,KAACL;4BAAYM,OAAM;4BAAYD,WAAU;sCAAsB;;sCAG/D,KAACL;4BAAYM,OAAM;4BAAOD,WAAU;sCAAsB;;;;;;;AAQtE"}

package/dist/components/dashboard/components/topbar-button.d.ts

@@ -0,0 +1,7 @@
+import { type IconName } from '../../../components/icon';
+export declare function TopbarButton({ className, icon, label, }: {
+    className?: string;
+    icon: IconName;
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=topbar-button.d.ts.map