ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/table.js

@@ -0,0 +1,83 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as l from "react";
+import { T as s } from "../index-BVqs-uqP.js";
+import { S as c } from "../ScrollShadowContainer-DdrnF8qU.js";
+const n = s({
+  slots: {
+    wrapper: "relative w-full overflow-x-auto",
+    table: "w-full caption-bottom text-sm"
+  }
+}), m = l.forwardRef(
+  ({ className: e, ...a }, t) => {
+    const r = n();
+    return /* @__PURE__ */ o("div", { className: r.wrapper(), children: /* @__PURE__ */ o("table", { ref: t, className: r.table({ className: e }), ...a }) });
+  }
+);
+m.displayName = "Table";
+const i = s({
+  base: "border-secondary-border bg-primary-bg [&_tr]:border-b"
+}), p = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: i({ className: e }), ...a })
+);
+p.displayName = "TableHeader";
+const d = s({
+  base: "[&_tr:last-child]:border-0"
+}), y = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tbody", { ref: t, className: d({ className: e }), ...a })
+);
+y.displayName = "TableBody";
+const f = s({
+  base: "overflow-x-hidden"
+}), h = l.forwardRef(
+  ({ className: e, containerClassName: a, shadowSize: t, ...r }, b) => /* @__PURE__ */ o(
+    c,
+    {
+      className: f({ className: a }),
+      shadowSize: t,
+      children: /* @__PURE__ */ o("tbody", { ref: b, className: d({ className: e }), ...r })
+    }
+  )
+);
+h.displayName = "TableBodyContainer";
+const N = s({
+  base: "border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0"
+}), w = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tfoot", { ref: t, className: N({ className: e }), ...a })
+);
+w.displayName = "TableFooter";
+const T = s({
+  base: "border-b border-secondary-border transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92"
+}), x = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("tr", { ref: t, className: T({ className: e }), ...a })
+);
+x.displayName = "TableRow";
+const R = s({
+  base: "h-10 px-2 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0"
+}), S = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("th", { ref: t, className: R({ className: e }), ...a })
+);
+S.displayName = "TableHead";
+const g = s({
+  base: "px-3 py-2.5 align-middle [&:has([role=checkbox])]:pr-0"
+}), C = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("td", { ref: t, className: g({ className: e }), ...a })
+);
+C.displayName = "TableCell";
+const u = s({
+  base: "mt-4 text-sm text-muted"
+}), v = l.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ o("caption", { ref: t, className: u({ className: e }), ...a })
+);
+v.displayName = "TableCaption";
+export {
+  m as Table,
+  y as TableBody,
+  h as TableBodyContainer,
+  v as TableCaption,
+  C as TableCell,
+  w as TableFooter,
+  S as TableHead,
+  p as TableHeader,
+  x as TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ScrollShadowContainer } from \"../scroll-shadow-container\";\r\nimport { ScrollShadowContainerProps } from \"../scroll-shadow-container/ScrollShadowContainer\";\r\n\r\nconst tableStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"relative w-full overflow-x-auto\",\r\n\t\ttable: \"w-full caption-bottom text-sm\"\r\n\t}\r\n});\r\n\r\nexport const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst styles = tableStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div className={styles.wrapper()}>\r\n\t\t\t\t<table ref={ref} className={styles.table({ className })} {...props} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nTable.displayName = \"Table\";\r\n\r\nconst tableHeaderStyles = tv({\r\n\tbase: \"border-secondary-border bg-primary-bg [&_tr]:border-b\"\r\n});\r\n\r\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n\t({ className, ...props }, ref) => <thead ref={ref} className={tableHeaderStyles({ className })} {...props} />\r\n);\r\n\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst tableBodyStyles = tv({\r\n\tbase: \"[&_tr:last-child]:border-0\"\r\n});\r\n\r\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n\t({ className, ...props }, ref) => <tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\r\n);\r\n\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst tableBodyContainerStyles = tv({\r\n\tbase: \"overflow-x-hidden\"\r\n});\r\n\r\nexport type TableBodyContainerProps = React.HTMLAttributes<HTMLTableSectionElement> & {\r\n\tcontainerClassName?: string;\r\n\tshadowSize?: ScrollShadowContainerProps[\"shadowSize\"];\r\n};\r\n\r\nexport const TableBodyContainer = React.forwardRef<HTMLTableSectionElement, TableBodyContainerProps>(\r\n\t({ className, containerClassName, shadowSize, ...props }, ref) => (\r\n\t\t<ScrollShadowContainer\r\n\t\t\tclassName={tableBodyContainerStyles({ className: containerClassName })}\r\n\t\t\tshadowSize={shadowSize}\r\n\t\t>\r\n\t\t\t<tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\r\n\t\t</ScrollShadowContainer>\r\n\t)\r\n);\r\n\r\nTableBodyContainer.displayName = \"TableBodyContainer\";\r\n\r\nconst tableFooterStyles = tv({\r\n\tbase: \"border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0\"\r\n});\r\n\r\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n\t({ className, ...props }, ref) => <tfoot ref={ref} className={tableFooterStyles({ className })} {...props} />\r\n);\r\n\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst tableRowStyles = tv({\r\n\tbase: \"border-b border-secondary-border transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92\"\r\n});\r\n\r\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\r\n\t({ className, ...props }, ref) => <tr ref={ref} className={tableRowStyles({ className })} {...props} />\r\n);\r\n\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst tableHeadStyles = tv({\r\n\tbase: \"h-10 px-2 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0\"\r\n});\r\n\r\nexport const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\r\n\t({ className, ...props }, ref) => <th ref={ref} className={tableHeadStyles({ className })} {...props} />\r\n);\r\n\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst tableCellStyles = tv({\r\n\tbase: \"px-3 py-2.5 align-middle [&:has([role=checkbox])]:pr-0\"\r\n});\r\n\r\nexport const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\r\n\t({ className, ...props }, ref) => <td ref={ref} className={tableCellStyles({ className })} {...props} />\r\n);\r\n\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst tableCaptionStyles = tv({\r\n\tbase: \"mt-4 text-sm text-muted\"\r\n});\r\n\r\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n\t({ className, ...props }, ref) => <caption ref={ref} className={tableCaptionStyles({ className })} {...props} />\r\n);\r\n\r\nTableCaption.displayName = \"TableCaption\";\r\n"],"names":["tableStyles","tv","Table","React","className","props","ref","styles","tableHeaderStyles","TableHeader","jsx","tableBodyStyles","TableBody","tableBodyContainerStyles","TableBodyContainer","containerClassName","shadowSize","ScrollShadowContainer","tableFooterStyles","TableFooter","tableRowStyles","TableRow","tableHeadStyles","TableHead","tableCellStyles","TableCell","tableCaptionStyles","TableCaption"],"mappings":"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"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/tabs/Tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const TopTabsScrollable: Story;

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

@@ -0,0 +1 @@
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './Tabs';

package/dist/components/tabs.d.ts

@@ -0,0 +1,2 @@
+export * from './tabs/index'
+export {}

package/dist/components/tabs.js

@@ -0,0 +1,178 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as l from "react";
+import { P as v, c as g } from "../index-CFaU3UXv.js";
+import { c as $ } from "../index-DFZozV_h.js";
+import { c as h, R as D, I as V } from "../index-DHyZ_0Ut.js";
+import { P as G } from "../index-BpWB3aFK.js";
+import { u as L } from "../index-ByaXH_ih.js";
+import { u as k } from "../index-437EL2iq.js";
+import { u as j } from "../index-xqkGMOJ8.js";
+import { T } from "../index-BVqs-uqP.js";
+var p = "Tabs", [K, se] = $(p, [
+  h
+]), C = h(), [B, y] = K(p), N = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTabs: a,
+      value: o,
+      onValueChange: r,
+      defaultValue: d,
+      orientation: n = "horizontal",
+      dir: u,
+      activationMode: b = "automatic",
+      ...m
+    } = e, i = L(u), [s, f] = k({
+      prop: o,
+      onChange: r,
+      defaultProp: d ?? "",
+      caller: p
+    });
+    return /* @__PURE__ */ c(
+      B,
+      {
+        scope: a,
+        baseId: j(),
+        value: s,
+        onValueChange: f,
+        orientation: n,
+        dir: i,
+        activationMode: b,
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            dir: i,
+            "data-orientation": n,
+            ...m,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+N.displayName = p;
+var I = "TabsList", R = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: a, loop: o = !0, ...r } = e, d = y(I, a), n = C(a);
+    return /* @__PURE__ */ c(
+      D,
+      {
+        asChild: !0,
+        ...n,
+        orientation: d.orientation,
+        dir: d.dir,
+        loop: o,
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            role: "tablist",
+            "aria-orientation": d.orientation,
+            ...r,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+R.displayName = I;
+var w = "TabsTrigger", x = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: a, value: o, disabled: r = !1, ...d } = e, n = y(w, a), u = C(a), b = A(n.baseId, o), m = P(n.baseId, o), i = o === n.value;
+    return /* @__PURE__ */ c(
+      V,
+      {
+        asChild: !0,
+        ...u,
+        focusable: !r,
+        active: i,
+        children: /* @__PURE__ */ c(
+          v.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i,
+            "aria-controls": m,
+            "data-state": i ? "active" : "inactive",
+            "data-disabled": r ? "" : void 0,
+            disabled: r,
+            id: b,
+            ...d,
+            ref: t,
+            onMouseDown: g(e.onMouseDown, (s) => {
+              !r && s.button === 0 && s.ctrlKey === !1 ? n.onValueChange(o) : s.preventDefault();
+            }),
+            onKeyDown: g(e.onKeyDown, (s) => {
+              [" ", "Enter"].includes(s.key) && n.onValueChange(o);
+            }),
+            onFocus: g(e.onFocus, () => {
+              const s = n.activationMode !== "manual";
+              !i && !r && s && n.onValueChange(o);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+x.displayName = w;
+var S = "TabsContent", _ = l.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: a, value: o, forceMount: r, children: d, ...n } = e, u = y(S, a), b = A(u.baseId, o), m = P(u.baseId, o), i = o === u.value, s = l.useRef(i);
+    return l.useEffect(() => {
+      const f = requestAnimationFrame(() => s.current = !1);
+      return () => cancelAnimationFrame(f);
+    }, []), /* @__PURE__ */ c(G, { present: r || i, children: ({ present: f }) => /* @__PURE__ */ c(
+      v.div,
+      {
+        "data-state": i ? "active" : "inactive",
+        "data-orientation": u.orientation,
+        role: "tabpanel",
+        "aria-labelledby": b,
+        hidden: !f,
+        id: m,
+        tabIndex: 0,
+        ...n,
+        ref: t,
+        style: {
+          ...e.style,
+          animationDuration: s.current ? "0s" : void 0
+        },
+        children: f && d
+      }
+    ) });
+  }
+);
+_.displayName = S;
+function A(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function P(e, t) {
+  return `${e}-content-${t}`;
+}
+var q = N, M = R, E = x, F = _;
+const re = q, z = T({
+  base: "inline-flex h-10 items-center justify-center rounded-lg bg-secondary-bg-hover p-1 text-muted lg:h-9"
+}), H = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ c(M, { ref: a, className: z({ className: e }), ...t }));
+H.displayName = M.displayName;
+const O = T({
+  base: [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all lg:py-1",
+    "hover:text-secondary-fg",
+    "focus-visible:!shadow-focus focus-visible:outline-none",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=active]:bg-secondary-bg data-[state=active]:text-primary-fg data-[state=active]:shadow-soft-base"
+  ]
+}), J = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ c(E, { ref: a, className: O({ className: e }), ...t }));
+J.displayName = E.displayName;
+const Q = T({
+  base: "mt-2 ring-offset-background focus-visible:shadow-focus focus-visible:outline-none"
+}), U = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ c(F, { ref: a, className: Q({ className: e }), ...t }));
+U.displayName = F.displayName;
+export {
+  re as Tabs,
+  U as TabsContent,
+  H as TabsList,
+  J as TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_21753808045192b908d4757aa4b73066/node_modules/@radix-ui/react-tabs/dist/index.mjs","../../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst tabsListStyles = tv({\r\n\tbase: \"inline-flex h-10 items-center justify-center rounded-lg bg-secondary-bg-hover p-1 text-muted lg:h-9\"\r\n});\r\n\r\nconst TabsList = React.forwardRef<\r\n\tReact.ElementRef<typeof TabsPrimitive.List>,\r\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n\t<TabsPrimitive.List ref={ref} className={tabsListStyles({ className })} {...props} />\r\n));\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst tabsTriggerStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all lg:py-1\",\r\n\t\t\"hover:text-secondary-fg\",\r\n\t\t\"focus-visible:!shadow-focus focus-visible:outline-none\",\r\n\t\t\"disabled:pointer-events-none disabled:opacity-50\",\r\n\t\t\"data-[state=active]:bg-secondary-bg data-[state=active]:text-primary-fg data-[state=active]:shadow-soft-base\"\r\n\t]\r\n});\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n\tReact.ElementRef<typeof TabsPrimitive.Trigger>,\r\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n\t<TabsPrimitive.Trigger ref={ref} className={tabsTriggerStyles({ className })} {...props} />\r\n));\r\n\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst tabsContentStyles = tv({\r\n\tbase: \"mt-2 ring-offset-background focus-visible:shadow-focus focus-visible:outline-none\"\r\n});\r\n\r\nconst TabsContent = React.forwardRef<\r\n\tReact.ElementRef<typeof TabsPrimitive.Content>,\r\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n\t<TabsPrimitive.Content ref={ref} className={tabsContentStyles({ className })} {...props} />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\r\n"],"names":["TABS_NAME","createTabsContext","createTabsScope","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","TabsPrimitive.Root","tabsListStyles","tv","className","ref","TabsPrimitive.List","tabsTriggerStyles","TabsPrimitive.Trigger","tabsContentStyles","TabsPrimitive.Content"],"mappings":"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","x_google_ignoreList":[0]}