@health-samurai/react-components 0.0.0-alpha.3 → 0.0.0-alpha.5

package/dist/src/shadcn/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Switch({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n\treturn (\n\t\t<SwitchPrimitive.Root\n\t\t\tdata-slot=\"switch\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<SwitchPrimitive.Thumb\n\t\t\t\tdata-slot=\"switch-thumb\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\",\n\t\t\t\t)}\n\t\t\t/>\n\t\t</SwitchPrimitive.Root>\n\t);\n}\n\nexport { Switch };\n"],"names":["SwitchPrimitive","cn","Switch","className","props","Root","data-slot","Thumb"],"mappings":"AAAA;;AACA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACJ,gBAAgBK,IAAI;QACpBC,aAAU;QACVH,WAAWF,GACV,6WACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACJ,gBAAgBO,KAAK;YACrBD,aAAU;YACVH,WAAWF,GACV;;;AAKL;AAEA,SAASC,MAAM,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Switch root styles\nconst switchRootStyles = cn(\n\t// Layout\n\t\"peer\",\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"shrink-0\",\n\t// Size\n\t\"h-[1.15rem]\",\n\t\"w-8\",\n\t// Shape\n\t\"rounded-full\",\n\t\"border\",\n\t\"border-transparent\",\n\t// Interaction\n\t\"transition-all\",\n\t\"outline-none\",\n\t\"cursor-pointer\",\n\t// States\n\t\"data-[state=unchecked]:bg-bg-quaternary\",\n\t\"data-[state=checked]:bg-bg-link\",\n\t\"hover:data-[state=unchecked]:bg-bg-tertiary\",\n\t\"hover:data-[state=checked]:bg-bg-link_hover\",\n\t// Focus\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t// Disabled\n\t\"disabled:cursor-not-allowed\",\n\t\"disabled:opacity-50\",\n\t\"disabled:data-[state=checked]:bg-bg-disabled\",\n\t\"disabled:data-[state=unchecked]:bg-bg-disabled\",\n);\n\n// Switch thumb styles\nconst switchThumbStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"block\",\n\t// Size\n\t\"size-4\",\n\t// Shape\n\t\"rounded-full\",\n\t\"ring-0\",\n\t// Color\n\t\"bg-bg-primary\",\n\t// Animation\n\t\"transition-transform\",\n\t\"data-[state=checked]:translate-x-[calc(100%-2px)]\",\n\t\"data-[state=unchecked]:translate-x-0\",\n);\n\nfunction Switch({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n\treturn (\n\t\t<SwitchPrimitive.Root\n\t\t\tdata-slot=\"switch\"\n\t\t\tclassName={cn(switchRootStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<SwitchPrimitive.Thumb\n\t\t\t\tdata-slot=\"switch-thumb\"\n\t\t\t\tclassName={switchThumbStyles}\n\t\t\t/>\n\t\t</SwitchPrimitive.Root>\n\t);\n}\n\nexport { Switch };\n"],"names":["SwitchPrimitive","cn","switchRootStyles","switchThumbStyles","Switch","className","props","Root","data-slot","Thumb"],"mappings":"AAAA;;AACA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,qBAAqB;AACrB,MAAMC,mBAAmBD,GACxB,SAAS;AACT,QACA,eACA,gBACA,YACA,OAAO;AACP,eACA,OACA,QAAQ;AACR,gBACA,UACA,sBACA,cAAc;AACd,kBACA,gBACA,kBACA,SAAS;AACT,2CACA,mCACA,+CACA,+CACA,QAAQ;AACR,wBACA,sCACA,WAAW;AACX,+BACA,uBACA,gDACA;AAGD,sBAAsB;AACtB,MAAME,oBAAoBF,GACzB,SAAS;AACT,uBACA,SACA,OAAO;AACP,UACA,QAAQ;AACR,gBACA,UACA,QAAQ;AACR,iBACA,YAAY;AACZ,wBACA,qDACA;AAGD,SAASG,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACN,gBAAgBO,IAAI;QACpBC,aAAU;QACVH,WAAWJ,GAAGC,kBAAkBG;QAC/B,GAAGC,KAAK;kBAET,cAAA,KAACN,gBAAgBS,KAAK;YACrBD,aAAU;YACVH,WAAWF;;;AAIf;AAEA,SAASC,MAAM,GAAG"}

package/dist/src/shadcn/components/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAUpE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAY1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAe1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAepE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAmBrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAerE;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,CAAC"}

package/dist/src/shadcn/components/ui/table.js

@@ -1,12 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
+// Table container styles
+const tableContainerStyles = cn("relative", "w-full", "overflow-x-auto");
+// Table styles
+const tableStyles = cn("w-full", "caption-bottom", "text-sm");
 function Table({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "table-container",
-        className: "relative w-full overflow-x-auto",
+        className: tableContainerStyles,
         children: /*#__PURE__*/ _jsx("table", {
             "data-slot": "table",
-            className: cn("w-full caption-bottom text-sm", className),
+            className: cn(tableStyles, className),
             ...props
         })
     });
@@ -14,7 +18,7 @@ function Table({ className, ...props }) {
 function TableHeader({ className, ...props }) {
     return /*#__PURE__*/ _jsx("thead", {
         "data-slot": "table-header",
-        className: cn("[&_tr]:border-b", className),
+        className: cn("[&_tr]:border-b", "[&_tr]:border-border-primary", className),
         ...props
     });
 }
@@ -28,35 +32,35 @@ function TableBody({ className, ...props }) {
 function TableFooter({ className, ...props }) {
     return /*#__PURE__*/ _jsx("tfoot", {
         "data-slot": "table-footer",
-        className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+        className: cn("bg-bg-tertiary/50", "border-t", "border-border-primary", "font-medium", "[&>tr]:last:border-b-0", className),
         ...props
     });
 }
 function TableRow({ className, ...props }) {
     return /*#__PURE__*/ _jsx("tr", {
         "data-slot": "table-row",
-        className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+        className: cn("hover:bg-bg-tertiary/50", "data-[state=selected]:bg-bg-tertiary", "border-b", "border-border-primary", "transition-colors", className),
         ...props
     });
 }
 function TableHead({ className, ...props }) {
     return /*#__PURE__*/ _jsx("th", {
         "data-slot": "table-head",
-        className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        className: cn("text-text-primary", "h-10", "px-2", "text-left", "align-middle", "font-medium", "whitespace-nowrap", "[&:has([role=checkbox])]:pr-0", "[&>[role=checkbox]]:translate-y-[2px]", className),
         ...props
     });
 }
 function TableCell({ className, ...props }) {
     return /*#__PURE__*/ _jsx("td", {
         "data-slot": "table-cell",
-        className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        className: cn("p-2", "align-middle", "whitespace-nowrap", "[&:has([role=checkbox])]:pr-0", "[&>[role=checkbox]]:translate-y-[2px]", className),
         ...props
     });
 }
 function TableCaption({ className, ...props }) {
     return /*#__PURE__*/ _jsx("caption", {
         "data-slot": "table-caption",
-        className: cn("text-muted-foreground mt-4 text-sm", className),
+        className: cn("text-text-secondary", "mt-4", "text-sm", className),
         ...props
     });
 }

package/dist/src/shadcn/components/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/table.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"table-container\"\n\t\t\tclassName=\"relative w-full overflow-x-auto\"\n\t\t>\n\t\t\t<table\n\t\t\t\tdata-slot=\"table\"\n\t\t\t\tclassName={cn(\"w-full caption-bottom text-sm\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n\treturn (\n\t\t<thead\n\t\t\tdata-slot=\"table-header\"\n\t\t\tclassName={cn(\"[&_tr]:border-b\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n\treturn (\n\t\t<tbody\n\t\t\tdata-slot=\"table-body\"\n\t\t\tclassName={cn(\"[&_tr:last-child]:border-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n\treturn (\n\t\t<tfoot\n\t\t\tdata-slot=\"table-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n\treturn (\n\t\t<tr\n\t\t\tdata-slot=\"table-row\"\n\t\t\tclassName={cn(\n\t\t\t\t\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n\treturn (\n\t\t<th\n\t\t\tdata-slot=\"table-head\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n\treturn (\n\t\t<td\n\t\t\tdata-slot=\"table-cell\"\n\t\t\tclassName={cn(\n\t\t\t\t\"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCaption({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"caption\">) {\n\treturn (\n\t\t<caption\n\t\t\tdata-slot=\"table-caption\"\n\t\t\tclassName={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tTable,\n\tTableHeader,\n\tTableBody,\n\tTableFooter,\n\tTableHead,\n\tTableRow,\n\tTableCell,\n\tTableCaption,\n};\n"],"names":["cn","Table","className","props","div","data-slot","table","TableHeader","thead","TableBody","tbody","TableFooter","tfoot","TableRow","tr","TableHead","th","TableCell","td","TableCaption","caption"],"mappings":";AAEA,SAASA,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,MAAM,EAAEC,SAAS,EAAE,GAAGC,OAAsC;IACpE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAU;kBAEV,cAAA,KAACI;YACAD,aAAU;YACVH,WAAWF,GAAG,iCAAiCE;YAC9C,GAAGC,KAAK;;;AAIb;AAEA,SAASI,YAAY,EAAEL,SAAS,EAAE,GAAGC,OAAsC;IAC1E,qBACC,KAACK;QACAH,aAAU;QACVH,WAAWF,GAAG,mBAAmBE;QAChC,GAAGC,KAAK;;AAGZ;AAEA,SAASM,UAAU,EAAEP,SAAS,EAAE,GAAGC,OAAsC;IACxE,qBACC,KAACO;QACAL,aAAU;QACVH,WAAWF,GAAG,8BAA8BE;QAC3C,GAAGC,KAAK;;AAGZ;AAEA,SAASQ,YAAY,EAAET,SAAS,EAAE,GAAGC,OAAsC;IAC1E,qBACC,KAACS;QACAP,aAAU;QACVH,WAAWF,GACV,2DACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASU,SAAS,EAAEX,SAAS,EAAE,GAAGC,OAAmC;IACpE,qBACC,KAACW;QACAT,aAAU;QACVH,WAAWF,GACV,+EACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASY,UAAU,EAAEb,SAAS,EAAE,GAAGC,OAAmC;IACrE,qBACC,KAACa;QACAX,aAAU;QACVH,WAAWF,GACV,sJACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASc,UAAU,EAAEf,SAAS,EAAE,GAAGC,OAAmC;IACrE,qBACC,KAACe;QACAb,aAAU;QACVH,WAAWF,GACV,0GACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASgB,aAAa,EACrBjB,SAAS,EACT,GAAGC,OAC8B;IACjC,qBACC,KAACiB;QACAf,aAAU;QACVH,WAAWF,GAAG,sCAAsCE;QACnD,GAAGC,KAAK;;AAGZ;AAEA,SACCF,KAAK,EACLM,WAAW,EACXE,SAAS,EACTE,WAAW,EACXI,SAAS,EACTF,QAAQ,EACRI,SAAS,EACTE,YAAY,GACX"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/table.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Table container styles\nconst tableContainerStyles = cn(\"relative\", \"w-full\", \"overflow-x-auto\");\n\n// Table styles\nconst tableStyles = cn(\"w-full\", \"caption-bottom\", \"text-sm\");\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n\treturn (\n\t\t<div data-slot=\"table-container\" className={tableContainerStyles}>\n\t\t\t<table\n\t\t\t\tdata-slot=\"table\"\n\t\t\t\tclassName={cn(tableStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n\treturn (\n\t\t<thead\n\t\t\tdata-slot=\"table-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"[&_tr]:border-b\",\n\t\t\t\t\"[&_tr]:border-border-primary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n\treturn (\n\t\t<tbody\n\t\t\tdata-slot=\"table-body\"\n\t\t\tclassName={cn(\"[&_tr:last-child]:border-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n\treturn (\n\t\t<tfoot\n\t\t\tdata-slot=\"table-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-tertiary/50\",\n\t\t\t\t\"border-t\",\n\t\t\t\t\"border-border-primary\",\n\t\t\t\t\"font-medium\",\n\t\t\t\t\"[&>tr]:last:border-b-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n\treturn (\n\t\t<tr\n\t\t\tdata-slot=\"table-row\"\n\t\t\tclassName={cn(\n\t\t\t\t\"hover:bg-bg-tertiary/50\",\n\t\t\t\t\"data-[state=selected]:bg-bg-tertiary\",\n\t\t\t\t\"border-b\",\n\t\t\t\t\"border-border-primary\",\n\t\t\t\t\"transition-colors\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n\treturn (\n\t\t<th\n\t\t\tdata-slot=\"table-head\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-primary\",\n\t\t\t\t\"h-10\",\n\t\t\t\t\"px-2\",\n\t\t\t\t\"text-left\",\n\t\t\t\t\"align-middle\",\n\t\t\t\t\"font-medium\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"[&:has([role=checkbox])]:pr-0\",\n\t\t\t\t\"[&>[role=checkbox]]:translate-y-[2px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n\treturn (\n\t\t<td\n\t\t\tdata-slot=\"table-cell\"\n\t\t\tclassName={cn(\n\t\t\t\t\"p-2\",\n\t\t\t\t\"align-middle\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"[&:has([role=checkbox])]:pr-0\",\n\t\t\t\t\"[&>[role=checkbox]]:translate-y-[2px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCaption({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"caption\">) {\n\treturn (\n\t\t<caption\n\t\t\tdata-slot=\"table-caption\"\n\t\t\tclassName={cn(\"text-text-secondary\", \"mt-4\", \"text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tTable,\n\tTableHeader,\n\tTableBody,\n\tTableFooter,\n\tTableHead,\n\tTableRow,\n\tTableCell,\n\tTableCaption,\n};\n"],"names":["cn","tableContainerStyles","tableStyles","Table","className","props","div","data-slot","table","TableHeader","thead","TableBody","tbody","TableFooter","tfoot","TableRow","tr","TableHead","th","TableCell","td","TableCaption","caption"],"mappings":";AAEA,SAASA,EAAE,QAAQ,qBAAoB;AAEvC,yBAAyB;AACzB,MAAMC,uBAAuBD,GAAG,YAAY,UAAU;AAEtD,eAAe;AACf,MAAME,cAAcF,GAAG,UAAU,kBAAkB;AAEnD,SAASG,MAAM,EAAEC,SAAS,EAAE,GAAGC,OAAsC;IACpE,qBACC,KAACC;QAAIC,aAAU;QAAkBH,WAAWH;kBAC3C,cAAA,KAACO;YACAD,aAAU;YACVH,WAAWJ,GAAGE,aAAaE;YAC1B,GAAGC,KAAK;;;AAIb;AAEA,SAASI,YAAY,EAAEL,SAAS,EAAE,GAAGC,OAAsC;IAC1E,qBACC,KAACK;QACAH,aAAU;QACVH,WAAWJ,GACV,mBACA,gCACAI;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASM,UAAU,EAAEP,SAAS,EAAE,GAAGC,OAAsC;IACxE,qBACC,KAACO;QACAL,aAAU;QACVH,WAAWJ,GAAG,8BAA8BI;QAC3C,GAAGC,KAAK;;AAGZ;AAEA,SAASQ,YAAY,EAAET,SAAS,EAAE,GAAGC,OAAsC;IAC1E,qBACC,KAACS;QACAP,aAAU;QACVH,WAAWJ,GACV,qBACA,YACA,yBACA,eACA,0BACAI;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASU,SAAS,EAAEX,SAAS,EAAE,GAAGC,OAAmC;IACpE,qBACC,KAACW;QACAT,aAAU;QACVH,WAAWJ,GACV,2BACA,wCACA,YACA,yBACA,qBACAI;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASY,UAAU,EAAEb,SAAS,EAAE,GAAGC,OAAmC;IACrE,qBACC,KAACa;QACAX,aAAU;QACVH,WAAWJ,GACV,qBACA,QACA,QACA,aACA,gBACA,eACA,qBACA,iCACA,yCACAI;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASc,UAAU,EAAEf,SAAS,EAAE,GAAGC,OAAmC;IACrE,qBACC,KAACe;QACAb,aAAU;QACVH,WAAWJ,GACV,OACA,gBACA,qBACA,iCACA,yCACAI;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASgB,aAAa,EACrBjB,SAAS,EACT,GAAGC,OAC8B;IACjC,qBACC,KAACiB;QACAf,aAAU;QACVH,WAAWJ,GAAG,uBAAuB,QAAQ,WAAWI;QACvD,GAAGC,KAAK;;AAGZ;AAEA,SACCF,KAAK,EACLM,WAAW,EACXE,SAAS,EACTE,WAAW,EACXI,SAAS,EACTF,QAAQ,EACRI,SAAS,EACTE,YAAY,GACX"}

package/dist/src/shadcn/components/ui/tabs.d.ts

@@ -1,16 +1,34 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
+import * as React from "react";
 import { Button } from "./button";
 declare const tabsVariants: (props?: ({
     variant?: "browser" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Tabs({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.Root> & VariantProps<typeof tabsVariants>): import("react/jsx-runtime").JSX.Element;
 export declare function TabsAddButton(props: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+type EdgeScrollPosition = "touch" | "depart";
+type FlowType = "overflow" | "underflow";
+type TabsListProps = {
+    onLeftEdge?: (position: EdgeScrollPosition) => void;
+    onRightEdge?: (position: EdgeScrollPosition) => void;
+    onFlow?: (flow: FlowType) => void;
+    onResize?: (entries: ResizeObserverEntry[]) => void;
+    onTabChange?: (mutationRecords: MutationRecord[]) => void;
+} & React.ComponentProps<typeof TabsPrimitive.List>;
+declare function TabsList({ className, onLeftEdge, onRightEdge, onResize, onFlow, onTabChange, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+declare function TabsBrowserList({ className, children, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+export declare function TabsListDropdown({ tabs, handleTabSelect, handleCloseTab, }: {
+    tabs: {
+        id: string;
+        content: React.ReactNode;
+    }[];
+    handleTabSelect?: (tabId: string) => void;
+    handleCloseTab?: (tabId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
 declare function TabsTrigger({ className, onClose, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger> & {
     onClose?: (value: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent, TabsBrowserList };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/src/shadcn/components/ui/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,YAAY;;8EAsBhB,CAAC;AAEH,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,YAAY,CAAC,2CAQjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAavE;AAED,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CAsCA;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA2ElC,QAAA,MAAM,YAAY;;8EAuBhB,CAAC;AAEH,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,YAAY,CAAC,2CAQjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAavE;AAiDD,KAAK,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7C,KAAK,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzC,KAAK,aAAa,GAAG;IACpB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CAC1D,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAEpD,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,UAAU,EACV,WAAW,EACX,QAAQ,EACR,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACR,EAAE,aAAa,2CA6If;AAyCD,iBAAS,eAAe,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAsEjD;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,eAAe,EACf,cAAc,GACd,EAAE;IACF,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,2CA4CA;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CA+BA;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/tabs.js

@@ -2,9 +2,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cva } from "class-variance-authority";
-import { Plus, X } from "lucide-react";
+import { ChevronDownIcon, ChevronLeft, ChevronRight, Plus, X } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../lib/utils.js";
 import { Button } from "./button.js";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "./command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+// Base tabs styles
+const baseTabsStyles = cn("flex", "flex-col", "h-full");
+// Tabs add button container styles
+const tabsAddButtonContainerStyles = cn("grow", "h-full", "bg-bg-secondary", "border-l", "border-b");
+// Tabs list styles
+const tabsListStyles = cn("inline-flex", "w-fit", "items-center", "no-scrollbar");
+// Base tabs trigger styles
+const baseTabsTriggerStyles = cn(// Layout & Sizing
+"box-border", "flex-1", "h-10", "inline-flex", "items-center", "justify-center", "px-3", "whitespace-nowrap", // Spacing & Padding
+"pb-2", "pt-2.5", // Typography
+"typo-body", // Colors & States
+"cursor-pointer", "text-text-tertiary", "hover:bg-bg-secondary/60", "hover:text-text-tertiary_hover", "data-[state=active]:text-text-primary", "data-[state=active]:border-b-border-brand", "disabled:opacity-50", "disabled:pointer-events-none", // Borders
+"border-b-2", "border-b-transparent", // Focus & Accessibility
+"focus-visible:ring-2", "focus-visible:ring-utility-blue/70", "focus-visible:outline-1", // Transitions
+"transition-[color,box-shadow]", // Icons
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // Groups
+"group/tabs-trigger");
+// Tabs content styles
+const tabsContentStyles = cn("grow", "outline-none", "overflow-auto");
 const tabsVariants = cva("", {
     variants: {
         variant: {
@@ -16,6 +38,7 @@ const tabsVariants = cva("", {
             `**:data-[slot=tabs-list]:overflow-x-auto
 				 **:data-[slot=tabs-list]:divide-x`, // TabsTrigger
             `**:data-[slot=tabs-trigger]:max-w-80 
+				 **:data-[slot=tabs-trigger]:w-60
 				 **:data-[slot=tabs-trigger]:min-w-40
 				 **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1
 				 **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary
@@ -27,7 +50,7 @@ const tabsVariants = cva("", {
 function Tabs({ className, variant, ...props }) {
     return /*#__PURE__*/ _jsx(TabsPrimitive.Root, {
         "data-slot": "tabs",
-        className: cn("flex flex-col", tabsVariants({
+        className: cn(baseTabsStyles, tabsVariants({
             variant
         }), className),
         ...props
@@ -35,7 +58,7 @@ function Tabs({ className, variant, ...props }) {
 }
 export function TabsAddButton(props) {
     return /*#__PURE__*/ _jsx("div", {
-        className: "grow h-full bg-bg-secondary border-l border-b",
+        className: tabsAddButtonContainerStyles,
         children: /*#__PURE__*/ _jsx(Button, {
             "data-slot": "tabs-add-button",
             variant: "link",
@@ -45,17 +68,299 @@ export function TabsAddButton(props) {
         })
     });
 }
-function TabsList({ className, ...props }) {
+const horizontalScroll = (event)=>{
+    const mode = event.deltaMode;
+    let deltaPx = 0;
+    if (mode === 0) {
+        deltaPx = event.deltaY;
+    } else if (mode === 1) {
+        deltaPx = event.deltaY * 160;
+    } else if (mode === 2) {
+        deltaPx = event.currentTarget.clientWidth;
+    }
+    const newScrollLeft = event.currentTarget.scrollLeft + deltaPx;
+    event.currentTarget.scrollTo({
+        left: newScrollLeft,
+        behavior: "smooth"
+    });
+};
+const performHorizontalScroll = (tabsListRef, direction)=>{
+    if (!tabsListRef.current) return;
+    const scrollAmount = 160;
+    let newScrollLeft = tabsListRef.current.scrollLeft;
+    if (direction === "left") {
+        newScrollLeft -= scrollAmount;
+        newScrollLeft -= newScrollLeft % scrollAmount;
+    } else {
+        newScrollLeft += scrollAmount;
+        const rightCoord = newScrollLeft + tabsListRef.current.clientWidth;
+        if (rightCoord % scrollAmount !== 0) {
+            newScrollLeft += scrollAmount - rightCoord % scrollAmount;
+        }
+    }
+    tabsListRef.current.scrollTo({
+        left: newScrollLeft,
+        behavior: "smooth"
+    });
+};
+function TabsList({ className, onLeftEdge, onRightEdge, onResize, onFlow, onTabChange, ...props }) {
+    const tabListRef = React.useRef(null);
+    const onLeftEdgeRef = React.useRef(onLeftEdge);
+    React.useEffect(()=>{
+        onLeftEdgeRef.current = onLeftEdge;
+    }, [
+        onLeftEdge
+    ]);
+    const onResizeRef = React.useRef(onResize);
+    React.useEffect(()=>{
+        onResizeRef.current = onResize;
+    }, [
+        onResize
+    ]);
+    const onRightEdgeRef = React.useRef(onRightEdge);
+    React.useEffect(()=>{
+        onRightEdgeRef.current = onRightEdge;
+    }, [
+        onRightEdge
+    ]);
+    const onFlowRef = React.useRef(onFlow);
+    React.useEffect(()=>{
+        onFlowRef.current = onFlow;
+    }, [
+        onFlow
+    ]);
+    const onTabChangeRef = React.useRef(onTabChange);
+    React.useEffect(()=>{
+        onTabChangeRef.current = onTabChange;
+    }, [
+        onTabChange
+    ]);
+    React.useEffect(()=>{
+        if (tabListRef.current === null) {
+            return;
+        }
+        const tabList = tabListRef.current;
+        let last = null;
+        const handleScroll = ()=>{
+            if (onLeftEdgeRef.current) {
+                const newState = tabList.scrollLeft < 1 ? "touch" : "depart";
+                if (last === null) {
+                    onLeftEdgeRef.current(newState);
+                } else {
+                    const lastState = last.scrollLeft < 1 ? "touch" : "depart";
+                    if (lastState !== newState) {
+                        onLeftEdgeRef.current(newState);
+                    }
+                }
+            }
+            if (onRightEdgeRef.current) {
+                const newState = tabList.scrollWidth - tabList.clientWidth - tabList.scrollLeft < 1 ? "touch" : "depart";
+                if (last === null) {
+                    onRightEdgeRef.current(newState);
+                } else {
+                    const lastState = last.scrollWidth - last.clientWidth - last.scrollLeft < 1 ? "touch" : "depart";
+                    if (lastState !== newState) {
+                        onRightEdgeRef.current(newState);
+                    }
+                }
+            }
+            if (onFlowRef.current) {
+                const newState = tabList.scrollWidth > tabList.clientWidth ? "overflow" : "underflow";
+                if (last === null) {
+                    onFlowRef.current(newState);
+                } else {
+                    const lastState = last.scrollWidth > last.clientWidth ? "overflow" : "underflow";
+                    if (lastState !== newState) {
+                        onFlowRef.current(newState);
+                    }
+                }
+            }
+            last = {
+                scrollLeft: tabList.scrollLeft,
+                scrollWidth: tabList.scrollWidth,
+                clientWidth: tabList.clientWidth
+            };
+        };
+        const scrollCallback = (_ev)=>handleScroll();
+        const resizeObserver = new ResizeObserver((entries)=>{
+            handleScroll();
+            if (onResizeRef.current) {
+                onResizeRef.current(entries);
+            }
+        });
+        const mutationObserver = new MutationObserver((mutationRecords)=>{
+            handleScroll();
+            if (onTabChangeRef.current) {
+                onTabChangeRef.current(mutationRecords);
+            }
+        });
+        tabList.addEventListener("scroll", scrollCallback, {
+            passive: true
+        });
+        resizeObserver.observe(tabList);
+        mutationObserver.observe(tabList, {
+            childList: true
+        });
+        return ()=>{
+            tabList.removeEventListener("scroll", scrollCallback);
+            resizeObserver.disconnect();
+            mutationObserver.disconnect();
+        };
+    }, []);
     return /*#__PURE__*/ _jsx(TabsPrimitive.List, {
         "data-slot": "tabs-list",
         className: cn("inline-flex w-fit items-center", className),
-        ...props
+        ...props,
+        ref: (element)=>{
+            tabListRef.current = element;
+            if (props.ref !== undefined && props.ref !== null) {
+                if (typeof props.ref === "function") {
+                    props.ref(element);
+                } else {
+                    props.ref.current = element;
+                }
+            }
+        }
+    });
+}
+function TabScrollLeftButton({ disabled, onClick }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "link",
+        size: "small",
+        disabled: disabled,
+        className: "h-full border-r border-b bg-bg-secondary",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(ChevronLeft, {})
+    });
+}
+function TabScrollRightButton({ disabled, onClick }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "link",
+        size: "small",
+        disabled: disabled,
+        className: "h-full border-l border-b bg-bg-secondary",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(ChevronRight, {})
+    });
+}
+function TabsBrowserList({ className, children, ...props }) {
+    const tabsListRef = React.useRef(null);
+    const [showScrollButtons, setShowScrollButtons] = React.useState(false);
+    const [canScrollLeft, setCanScrollLeft] = React.useState(false);
+    const [canScrollRight, setCanScrollRight] = React.useState(false);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            showScrollButtons && /*#__PURE__*/ _jsx(TabScrollLeftButton, {
+                disabled: !canScrollLeft,
+                onClick: ()=>performHorizontalScroll(tabsListRef, "left")
+            }),
+            /*#__PURE__*/ _jsx(TabsList, {
+                onLeftEdge: (edgeState)=>{
+                    if (edgeState === "touch") {
+                        setCanScrollLeft(false);
+                    } else {
+                        setCanScrollLeft(true);
+                    }
+                },
+                onRightEdge: (edgeState)=>{
+                    if (edgeState === "touch") {
+                        setCanScrollRight(false);
+                    } else {
+                        setCanScrollRight(true);
+                    }
+                },
+                onFlow: (flow)=>{
+                    if (flow === "overflow") {
+                        setShowScrollButtons(true);
+                    } else {
+                        setShowScrollButtons(false);
+                    }
+                },
+                onResize: ()=>{
+                    tabsListRef.current?.querySelector('button[data-state="active"]')?.scrollIntoView();
+                },
+                onTabChange: (entries)=>{
+                    if (entries.filter((entry)=>entry.addedNodes.length !== 0).length !== 0) {
+                        tabsListRef.current?.querySelector('button[data-state="active"]')?.scrollIntoView();
+                    }
+                },
+                "data-slot": "tabs-list",
+                className: cn(tabsListStyles, className),
+                onWheel: (event)=>horizontalScroll(event),
+                ...props,
+                ref: tabsListRef,
+                children: children
+            }),
+            showScrollButtons && /*#__PURE__*/ _jsx(TabScrollRightButton, {
+                disabled: !canScrollRight,
+                onClick: ()=>performHorizontalScroll(tabsListRef, "right")
+            })
+        ]
+    });
+}
+export function TabsListDropdown({ tabs, handleTabSelect, handleCloseTab }) {
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    return /*#__PURE__*/ _jsxs(Popover, {
+        open: isMenuOpen,
+        onOpenChange: setIsMenuOpen,
+        children: [
+            /*#__PURE__*/ _jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "link",
+                    className: "bg-bg-secondary h-full border-b pr-6",
+                    children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(PopoverContent, {
+                className: "w-80 p-0 mr-3",
+                align: "end",
+                children: /*#__PURE__*/ _jsxs(Command, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CommandInput, {
+                            placeholder: "Search tabs..."
+                        }),
+                        /*#__PURE__*/ _jsxs(CommandList, {
+                            children: [
+                                /*#__PURE__*/ _jsx(CommandEmpty, {
+                                    children: "Not tabs found."
+                                }),
+                                tabs.map((tab)=>/*#__PURE__*/ _jsxs(CommandItem, {
+                                        onSelect: ()=>{
+                                            handleTabSelect?.(tab.id);
+                                            setIsMenuOpen(false);
+                                        },
+                                        className: "group flex items-center justify-between",
+                                        children: [
+                                            tab.content,
+                                            tabs.length > 1 && /*#__PURE__*/ _jsx(Button, {
+                                                variant: "ghost",
+                                                size: "small",
+                                                className: "opacity-0 group-hover:opacity-100 transition-opacity p-1 ml-2",
+                                                onClick: (e)=>{
+                                                    e.stopPropagation();
+                                                    handleCloseTab?.(tab.id);
+                                                },
+                                                children: /*#__PURE__*/ _jsx(X, {
+                                                    className: "size-3"
+                                                })
+                                            })
+                                        ]
+                                    }, tab.id))
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
     });
 }
 function TabsTrigger({ className, onClose, ...props }) {
     return /*#__PURE__*/ _jsxs(TabsPrimitive.Trigger, {
         "data-slot": "tabs-trigger",
-        className: cn("group/tabs-trigger", "box-border h-10 typo-body px-3 pb-2 pt-2.5 cursor-pointer text-text-tertiary data-[state=active]:text-text-primary", "data-[state=active]:border-b-border-brand border-b-2 border-b-transparent hover:text-text-tertiary-hover focus-visible:border-ring", "focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:text-muted-foreground", "inline-flex flex-1 items-center justify-center whitespace-nowrap transition-[color,box-shadow]", "focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "hover:bg-bg-secondary/60", onClose ? "justify-between" : "", className),
+        className: cn(baseTabsTriggerStyles, onClose ? "justify-between" : "justify-start", className),
         ...props,
         children: [
             props.children,
@@ -66,7 +371,7 @@ function TabsTrigger({ className, onClose, ...props }) {
                 },
                 variant: "link",
                 size: "small",
-                className: "p-0 ml-2",
+                className: "p-0 ml-2 opacity-0 group-hover/tabs-trigger:opacity-100 transition-opacity",
                 asChild: true,
                 children: /*#__PURE__*/ _jsx("span", {
                     children: /*#__PURE__*/ _jsx(X, {})
@@ -78,10 +383,10 @@ function TabsTrigger({ className, onClose, ...props }) {
 function TabsContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(TabsPrimitive.Content, {
         "data-slot": "tabs-content",
-        className: cn("flex-1 outline-none", className),
+        className: cn(tabsContentStyles, className),
         ...props
     });
 }
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent, TabsBrowserList };
 
 //# sourceMappingURL=tabs.js.map

package/dist/src/shadcn/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Plus, X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { Button } from \"./button\";\n\nconst tabsVariants = cva(\"\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tbrowser: cn(\n\t\t\t\t// Tabs\n\t\t\t\t`flex-row \n\t\t\t\t items-center\n\t\t\t\t h-10\n\t\t\t\t `,\n\t\t\t\t// TabsList\n\t\t\t\t`**:data-[slot=tabs-list]:overflow-x-auto\n\t\t\t\t **:data-[slot=tabs-list]:divide-x`,\n\t\t\t\t// TabsTrigger\n\t\t\t\t`**:data-[slot=tabs-trigger]:max-w-80 \n\t\t\t\t **:data-[slot=tabs-trigger]:min-w-40\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]\n\t\t\t\t `, // TODO: Try to implement this without using pt-[9px].\n\t\t\t),\n\t\t},\n\t},\n});\n\nfunction Tabs({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n\tVariantProps<typeof tabsVariants>) {\n\treturn (\n\t\t<TabsPrimitive.Root\n\t\t\tdata-slot=\"tabs\"\n\t\t\tclassName={cn(\"flex flex-col\", tabsVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TabsAddButton(props: React.ComponentProps<typeof Button>) {\n\treturn (\n\t\t<div className=\"grow h-full bg-bg-secondary border-l border-b\">\n\t\t\t<Button\n\t\t\t\tdata-slot=\"tabs-add-button\"\n\t\t\t\tvariant=\"link\"\n\t\t\t\tclassName=\"h-full\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Plus />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction TabsList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tdata-slot=\"tabs-list\"\n\t\t\tclassName={cn(\"inline-flex w-fit items-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TabsTrigger({\n\tclassName,\n\tonClose,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger> & {\n\tonClose?: (value: string) => void;\n}) {\n\treturn (\n\t\t<TabsPrimitive.Trigger\n\t\t\tdata-slot=\"tabs-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/tabs-trigger\",\n\t\t\t\t\"box-border h-10 typo-body px-3 pb-2 pt-2.5 cursor-pointer text-text-tertiary data-[state=active]:text-text-primary\",\n\t\t\t\t\"data-[state=active]:border-b-border-brand border-b-2 border-b-transparent hover:text-text-tertiary-hover focus-visible:border-ring\",\n\t\t\t\t\"focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:text-muted-foreground\",\n\t\t\t\t\"inline-flex flex-1 items-center justify-center whitespace-nowrap transition-[color,box-shadow]\",\n\t\t\t\t\"focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\t\"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\t\"hover:bg-bg-secondary/60\",\n\t\t\t\tonClose ? \"justify-between\" : \"\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonClose(props.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"p-0 ml-2\"\n\t\t\t\t\tasChild\n\t\t\t\t>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<X />\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</TabsPrimitive.Trigger>\n\t);\n}\n\nfunction TabsContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n\treturn (\n\t\t<TabsPrimitive.Content\n\t\t\tdata-slot=\"tabs-content\"\n\t\t\tclassName={cn(\"flex-1 outline-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"names":["TabsPrimitive","cva","Plus","X","cn","Button","tabsVariants","variants","variant","browser","Tabs","className","props","Root","data-slot","TabsAddButton","div","TabsList","List","TabsTrigger","onClose","Trigger","children","onClick","event","stopPropagation","value","size","asChild","span","TabsContent","Content"],"mappings":"AAAA;;AACA,YAAYA,mBAAmB,uBAAuB;AACtD,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,IAAI,EAAEC,CAAC,QAAQ,eAAe;AAEvC,SAASC,EAAE,QAAQ,qBAAoB;AACvC,SAASC,MAAM,QAAQ,cAAW;AAElC,MAAMC,eAAeL,IAAI,IAAI;IAC5BM,UAAU;QACTC,SAAS;YACRC,SAASL,GACR,OAAO;YACP,CAAC;;;KAGA,CAAC,EACF,WAAW;YACX,CAAC;sCACiC,CAAC,EACnC,cAAc;YACd,CAAC;;;;;KAKA,CAAC;QAEJ;IACD;AACD;AAEA,SAASM,KAAK,EACbC,SAAS,EACTH,OAAO,EACP,GAAGI,OAE8B;IACjC,qBACC,KAACZ,cAAca,IAAI;QAClBC,aAAU;QACVH,WAAWP,GAAG,iBAAiBE,aAAa;YAAEE;QAAQ,IAAIG;QACzD,GAAGC,KAAK;;AAGZ;AAEA,OAAO,SAASG,cAAcH,KAA0C;IACvE,qBACC,KAACI;QAAIL,WAAU;kBACd,cAAA,KAACN;YACAS,aAAU;YACVN,SAAQ;YACRG,WAAU;YACT,GAAGC,KAAK;sBAET,cAAA,KAACV;;;AAIL;AAEA,SAASe,SAAS,EACjBN,SAAS,EACT,GAAGC,OAC8C;IACjD,qBACC,KAACZ,cAAckB,IAAI;QAClBJ,aAAU;QACVH,WAAWP,GAAG,kCAAkCO;QAC/C,GAAGC,KAAK;;AAGZ;AAEA,SAASO,YAAY,EACpBR,SAAS,EACTS,OAAO,EACP,GAAGR,OAGH;IACA,qBACC,MAACZ,cAAcqB,OAAO;QACrBP,aAAU;QACVH,WAAWP,GACV,sBACA,sHACA,sIACA,0HACA,kGACA,qGACA,qFACA,4BACAgB,UAAU,oBAAoB,IAC9BT;QAEA,GAAGC,KAAK;;YAERA,MAAMU,QAAQ;YAEdF,yBACA,KAACf;gBACAkB,SAAS,CAACC;oBACTA,MAAMC,eAAe;oBACrBL,QAAQR,MAAMc,KAAK;gBACpB;gBACAlB,SAAQ;gBACRmB,MAAK;gBACLhB,WAAU;gBACViB,OAAO;0BAEP,cAAA,KAACC;8BACA,cAAA,KAAC1B;;;;;AAMP;AAEA,SAAS2B,YAAY,EACpBnB,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACZ,cAAc+B,OAAO;QACrBjB,aAAU;QACVH,WAAWP,GAAG,uBAAuBO;QACpC,GAAGC,KAAK;;AAGZ;AAEA,SAASF,IAAI,EAAEO,QAAQ,EAAEE,WAAW,EAAEW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n\tChevronDownIcon,\n\tChevronLeft,\n\tChevronRight,\n\tPlus,\n\tX,\n} from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { Button } from \"./button\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\n// Base tabs styles\nconst baseTabsStyles = cn(\"flex\", \"flex-col\", \"h-full\");\n\n// Tabs add button container styles\nconst tabsAddButtonContainerStyles = cn(\n\t\"grow\",\n\t\"h-full\",\n\t\"bg-bg-secondary\",\n\t\"border-l\",\n\t\"border-b\",\n);\n\n// Tabs list styles\nconst tabsListStyles = cn(\n\t\"inline-flex\",\n\t\"w-fit\",\n\t\"items-center\",\n\t\"no-scrollbar\",\n);\n\n// Base tabs trigger styles\nconst baseTabsTriggerStyles = cn(\n\t// Layout & Sizing\n\t\"box-border\",\n\t\"flex-1\",\n\t\"h-10\",\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t\"px-3\",\n\t\"whitespace-nowrap\",\n\t// Spacing & Padding\n\t\"pb-2\",\n\t\"pt-2.5\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors & States\n\t\"cursor-pointer\",\n\t\"text-text-tertiary\",\n\t\"hover:bg-bg-secondary/60\",\n\t\"hover:text-text-tertiary_hover\",\n\t\"data-[state=active]:text-text-primary\",\n\t\"data-[state=active]:border-b-border-brand\",\n\t\"disabled:opacity-50\",\n\t\"disabled:pointer-events-none\",\n\t// Borders\n\t\"border-b-2\",\n\t\"border-b-transparent\",\n\t// Focus & Accessibility\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t\"focus-visible:outline-1\",\n\t// Transitions\n\t\"transition-[color,box-shadow]\",\n\t// Icons\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// Groups\n\t\"group/tabs-trigger\",\n);\n\n// Tabs content styles\nconst tabsContentStyles = cn(\"grow\", \"outline-none\", \"overflow-auto\");\n\nconst tabsVariants = cva(\"\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tbrowser: cn(\n\t\t\t\t// Tabs\n\t\t\t\t`flex-row \n\t\t\t\t items-center\n\t\t\t\t h-10\n\t\t\t\t `,\n\t\t\t\t// TabsList\n\t\t\t\t`**:data-[slot=tabs-list]:overflow-x-auto\n\t\t\t\t **:data-[slot=tabs-list]:divide-x`,\n\t\t\t\t// TabsTrigger\n\t\t\t\t`**:data-[slot=tabs-trigger]:max-w-80 \n\t\t\t\t **:data-[slot=tabs-trigger]:w-60\n\t\t\t\t **:data-[slot=tabs-trigger]:min-w-40\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]\n\t\t\t\t `, // TODO: Try to implement this without using pt-[9px].\n\t\t\t),\n\t\t},\n\t},\n});\n\nfunction Tabs({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n\tVariantProps<typeof tabsVariants>) {\n\treturn (\n\t\t<TabsPrimitive.Root\n\t\t\tdata-slot=\"tabs\"\n\t\t\tclassName={cn(baseTabsStyles, tabsVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TabsAddButton(props: React.ComponentProps<typeof Button>) {\n\treturn (\n\t\t<div className={tabsAddButtonContainerStyles}>\n\t\t\t<Button\n\t\t\t\tdata-slot=\"tabs-add-button\"\n\t\t\t\tvariant=\"link\"\n\t\t\t\tclassName=\"h-full\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Plus />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nconst horizontalScroll = (event: React.WheelEvent) => {\n\tconst mode = event.deltaMode;\n\tlet deltaPx = 0;\n\n\tif (mode === 0) {\n\t\tdeltaPx = event.deltaY;\n\t} else if (mode === 1) {\n\t\tdeltaPx = event.deltaY * 160;\n\t} else if (mode === 2) {\n\t\tdeltaPx = event.currentTarget.clientWidth;\n\t}\n\n\tconst newScrollLeft = event.currentTarget.scrollLeft + deltaPx;\n\n\tevent.currentTarget.scrollTo({\n\t\tleft: newScrollLeft,\n\t\tbehavior: \"smooth\",\n\t});\n};\n\nconst performHorizontalScroll = (\n\ttabsListRef: React.RefObject<HTMLDivElement | null>,\n\tdirection: \"left\" | \"right\",\n) => {\n\tif (!tabsListRef.current) return;\n\tconst scrollAmount = 160;\n\tlet newScrollLeft = tabsListRef.current.scrollLeft;\n\n\tif (direction === \"left\") {\n\t\tnewScrollLeft -= scrollAmount;\n\t\tnewScrollLeft -= newScrollLeft % scrollAmount;\n\t} else {\n\t\tnewScrollLeft += scrollAmount;\n\n\t\tconst rightCoord = newScrollLeft + tabsListRef.current.clientWidth;\n\n\t\tif (rightCoord % scrollAmount !== 0) {\n\t\t\tnewScrollLeft += scrollAmount - (rightCoord % scrollAmount);\n\t\t}\n\t}\n\n\ttabsListRef.current.scrollTo({\n\t\tleft: newScrollLeft,\n\t\tbehavior: \"smooth\",\n\t});\n};\n\ntype EdgeScrollPosition = \"touch\" | \"depart\";\ntype FlowType = \"overflow\" | \"underflow\";\n\ntype TabsListProps = {\n\tonLeftEdge?: (position: EdgeScrollPosition) => void;\n\tonRightEdge?: (position: EdgeScrollPosition) => void;\n\tonFlow?: (flow: FlowType) => void;\n\tonResize?: (entries: ResizeObserverEntry[]) => void;\n\tonTabChange?: (mutationRecords: MutationRecord[]) => void;\n} & React.ComponentProps<typeof TabsPrimitive.List>;\n\nfunction TabsList({\n\tclassName,\n\tonLeftEdge,\n\tonRightEdge,\n\tonResize,\n\tonFlow,\n\tonTabChange,\n\t...props\n}: TabsListProps) {\n\tconst tabListRef = React.useRef<HTMLDivElement | null>(null);\n\n\tconst onLeftEdgeRef = React.useRef(onLeftEdge);\n\tReact.useEffect(() => {\n\t\tonLeftEdgeRef.current = onLeftEdge;\n\t}, [onLeftEdge]);\n\n\tconst onResizeRef = React.useRef(onResize);\n\tReact.useEffect(() => {\n\t\tonResizeRef.current = onResize;\n\t}, [onResize]);\n\n\tconst onRightEdgeRef = React.useRef(onRightEdge);\n\tReact.useEffect(() => {\n\t\tonRightEdgeRef.current = onRightEdge;\n\t}, [onRightEdge]);\n\n\tconst onFlowRef = React.useRef(onFlow);\n\tReact.useEffect(() => {\n\t\tonFlowRef.current = onFlow;\n\t}, [onFlow]);\n\n\tconst onTabChangeRef = React.useRef(onTabChange);\n\tReact.useEffect(() => {\n\t\tonTabChangeRef.current = onTabChange;\n\t}, [onTabChange]);\n\n\tReact.useEffect(() => {\n\t\tif (tabListRef.current === null) {\n\t\t\treturn;\n\t\t}\n\t\tconst tabList = tabListRef.current;\n\n\t\tlet last: {\n\t\t\tscrollLeft: number;\n\t\t\tscrollWidth: number;\n\t\t\tclientWidth: number;\n\t\t} | null = null;\n\n\t\tconst handleScroll = () => {\n\t\t\tif (onLeftEdgeRef.current) {\n\t\t\t\tconst newState: EdgeScrollPosition =\n\t\t\t\t\ttabList.scrollLeft < 1 ? \"touch\" : \"depart\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonLeftEdgeRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState: EdgeScrollPosition =\n\t\t\t\t\t\tlast.scrollLeft < 1 ? \"touch\" : \"depart\";\n\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonLeftEdgeRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (onRightEdgeRef.current) {\n\t\t\t\tconst newState: EdgeScrollPosition =\n\t\t\t\t\ttabList.scrollWidth - tabList.clientWidth - tabList.scrollLeft < 1\n\t\t\t\t\t\t? \"touch\"\n\t\t\t\t\t\t: \"depart\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonRightEdgeRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState: EdgeScrollPosition =\n\t\t\t\t\t\tlast.scrollWidth - last.clientWidth - last.scrollLeft < 1\n\t\t\t\t\t\t\t? \"touch\"\n\t\t\t\t\t\t\t: \"depart\";\n\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonRightEdgeRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (onFlowRef.current) {\n\t\t\t\tconst newState: FlowType =\n\t\t\t\t\ttabList.scrollWidth > tabList.clientWidth ? \"overflow\" : \"underflow\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonFlowRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState =\n\t\t\t\t\t\tlast.scrollWidth > last.clientWidth ? \"overflow\" : \"underflow\";\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonFlowRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlast = {\n\t\t\t\tscrollLeft: tabList.scrollLeft,\n\t\t\t\tscrollWidth: tabList.scrollWidth,\n\t\t\t\tclientWidth: tabList.clientWidth,\n\t\t\t};\n\t\t};\n\n\t\tconst scrollCallback = (_ev: unknown) => handleScroll();\n\t\tconst resizeObserver = new ResizeObserver((entries) => {\n\t\t\thandleScroll();\n\t\t\tif (onResizeRef.current) {\n\t\t\t\tonResizeRef.current(entries);\n\t\t\t}\n\t\t});\n\t\tconst mutationObserver = new MutationObserver((mutationRecords) => {\n\t\t\thandleScroll();\n\t\t\tif (onTabChangeRef.current) {\n\t\t\t\tonTabChangeRef.current(mutationRecords);\n\t\t\t}\n\t\t});\n\n\t\ttabList.addEventListener(\"scroll\", scrollCallback, { passive: true });\n\t\tresizeObserver.observe(tabList);\n\t\tmutationObserver.observe(tabList, { childList: true });\n\n\t\treturn () => {\n\t\t\ttabList.removeEventListener(\"scroll\", scrollCallback);\n\t\t\tresizeObserver.disconnect();\n\t\t\tmutationObserver.disconnect();\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tdata-slot=\"tabs-list\"\n\t\t\tclassName={cn(\"inline-flex w-fit items-center\", className)}\n\t\t\t{...props}\n\t\t\tref={(element) => {\n\t\t\t\ttabListRef.current = element;\n\t\t\t\tif (props.ref !== undefined && props.ref !== null) {\n\t\t\t\t\tif (typeof props.ref === \"function\") {\n\t\t\t\t\t\tprops.ref(element);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprops.ref.current = element;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ntype TabScrollButtonProps = {\n\tdisabled: boolean;\n\tonClick: () => void;\n};\n\nfunction TabScrollLeftButton({\n\tdisabled,\n\tonClick,\n}: TabScrollButtonProps): React.ReactElement {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"link\"\n\t\t\tsize=\"small\"\n\t\t\tdisabled={disabled}\n\t\t\tclassName=\"h-full border-r border-b bg-bg-secondary\"\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<ChevronLeft />\n\t\t</Button>\n\t);\n}\n\nfunction TabScrollRightButton({\n\tdisabled,\n\tonClick,\n}: TabScrollButtonProps): React.ReactElement {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"link\"\n\t\t\tsize=\"small\"\n\t\t\tdisabled={disabled}\n\t\t\tclassName=\"h-full border-l border-b bg-bg-secondary\"\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<ChevronRight />\n\t\t</Button>\n\t);\n}\n\nfunction TabsBrowserList({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n\tconst tabsListRef = React.useRef<HTMLDivElement | null>(null);\n\n\tconst [showScrollButtons, setShowScrollButtons] = React.useState(false);\n\tconst [canScrollLeft, setCanScrollLeft] = React.useState(false);\n\tconst [canScrollRight, setCanScrollRight] = React.useState(false);\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t{showScrollButtons && (\n\t\t\t\t<TabScrollLeftButton\n\t\t\t\t\tdisabled={!canScrollLeft}\n\t\t\t\t\tonClick={() => performHorizontalScroll(tabsListRef, \"left\")}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<TabsList\n\t\t\t\tonLeftEdge={(edgeState) => {\n\t\t\t\t\tif (edgeState === \"touch\") {\n\t\t\t\t\t\tsetCanScrollLeft(false);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetCanScrollLeft(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonRightEdge={(edgeState) => {\n\t\t\t\t\tif (edgeState === \"touch\") {\n\t\t\t\t\t\tsetCanScrollRight(false);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetCanScrollRight(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFlow={(flow) => {\n\t\t\t\t\tif (flow === \"overflow\") {\n\t\t\t\t\t\tsetShowScrollButtons(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetShowScrollButtons(false);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonResize={() => {\n\t\t\t\t\ttabsListRef.current\n\t\t\t\t\t\t?.querySelector<HTMLButtonElement>('button[data-state=\"active\"]')\n\t\t\t\t\t\t?.scrollIntoView();\n\t\t\t\t}}\n\t\t\t\tonTabChange={(entries) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tentries.filter((entry) => entry.addedNodes.length !== 0).length !==\n\t\t\t\t\t\t0\n\t\t\t\t\t) {\n\t\t\t\t\t\ttabsListRef.current\n\t\t\t\t\t\t\t?.querySelector<HTMLButtonElement>('button[data-state=\"active\"]')\n\t\t\t\t\t\t\t?.scrollIntoView();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tdata-slot=\"tabs-list\"\n\t\t\t\tclassName={cn(tabsListStyles, className)}\n\t\t\t\tonWheel={(event) => horizontalScroll(event)}\n\t\t\t\t{...props}\n\t\t\t\tref={tabsListRef}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</TabsList>\n\n\t\t\t{showScrollButtons && (\n\t\t\t\t<TabScrollRightButton\n\t\t\t\t\tdisabled={!canScrollRight}\n\t\t\t\t\tonClick={() => performHorizontalScroll(tabsListRef, \"right\")}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n}\n\nexport function TabsListDropdown({\n\ttabs,\n\thandleTabSelect,\n\thandleCloseTab,\n}: {\n\ttabs: { id: string; content: React.ReactNode }[];\n\thandleTabSelect?: (tabId: string) => void;\n\thandleCloseTab?: (tabId: string) => void;\n}) {\n\tconst [isMenuOpen, setIsMenuOpen] = React.useState(false);\n\treturn (\n\t\t<Popover open={isMenuOpen} onOpenChange={setIsMenuOpen}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"link\" className=\"bg-bg-secondary h-full border-b pr-6\">\n\t\t\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className=\"w-80 p-0 mr-3\" align=\"end\">\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput placeholder=\"Search tabs...\" />\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>Not tabs found.</CommandEmpty>\n\t\t\t\t\t\t{tabs.map((tab) => (\n\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\tkey={tab.id}\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\thandleTabSelect?.(tab.id);\n\t\t\t\t\t\t\t\t\tsetIsMenuOpen(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName=\"group flex items-center justify-between\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{tab.content}\n\t\t\t\t\t\t\t\t{tabs.length > 1 && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"opacity-0 group-hover:opacity-100 transition-opacity p-1 ml-2\"\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleCloseTab?.(tab.id);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n\nfunction TabsTrigger({\n\tclassName,\n\tonClose,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger> & {\n\tonClose?: (value: string) => void;\n}) {\n\treturn (\n\t\t<TabsPrimitive.Trigger\n\t\t\tdata-slot=\"tabs-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\tbaseTabsTriggerStyles,\n\t\t\t\tonClose ? \"justify-between\" : \"justify-start\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonClose(props.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"p-0 ml-2 opacity-0 group-hover/tabs-trigger:opacity-100 transition-opacity\"\n\t\t\t\t\tasChild\n\t\t\t\t>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<X />\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</TabsPrimitive.Trigger>\n\t);\n}\n\nfunction TabsContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n\treturn (\n\t\t<TabsPrimitive.Content\n\t\t\tdata-slot=\"tabs-content\"\n\t\t\tclassName={cn(tabsContentStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, TabsBrowserList };\n"],"names":["TabsPrimitive","cva","ChevronDownIcon","ChevronLeft","ChevronRight","Plus","X","React","cn","Button","Command","CommandEmpty","CommandInput","CommandItem","CommandList","Popover","PopoverContent","PopoverTrigger","baseTabsStyles","tabsAddButtonContainerStyles","tabsListStyles","baseTabsTriggerStyles","tabsContentStyles","tabsVariants","variants","variant","browser","Tabs","className","props","Root","data-slot","TabsAddButton","div","horizontalScroll","event","mode","deltaMode","deltaPx","deltaY","currentTarget","clientWidth","newScrollLeft","scrollLeft","scrollTo","left","behavior","performHorizontalScroll","tabsListRef","direction","current","scrollAmount","rightCoord","TabsList","onLeftEdge","onRightEdge","onResize","onFlow","onTabChange","tabListRef","useRef","onLeftEdgeRef","useEffect","onResizeRef","onRightEdgeRef","onFlowRef","onTabChangeRef","tabList","last","handleScroll","newState","lastState","scrollWidth","scrollCallback","_ev","resizeObserver","ResizeObserver","entries","mutationObserver","MutationObserver","mutationRecords","addEventListener","passive","observe","childList","removeEventListener","disconnect","List","ref","element","undefined","TabScrollLeftButton","disabled","onClick","size","TabScrollRightButton","TabsBrowserList","children","showScrollButtons","setShowScrollButtons","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","Fragment","edgeState","flow","querySelector","scrollIntoView","filter","entry","addedNodes","length","onWheel","TabsListDropdown","tabs","handleTabSelect","handleCloseTab","isMenuOpen","setIsMenuOpen","open","onOpenChange","asChild","align","placeholder","map","tab","onSelect","id","content","e","stopPropagation","TabsTrigger","onClose","Trigger","value","span","TabsContent","Content"],"mappings":"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"}