react-start-kit 1.0.0

package/dist/chunks/tabs-BnamvF0S.es.js

@@ -0,0 +1,317 @@
+import { jsx as a, jsxs as O } from "react/jsx-runtime";
+import * as m from "react";
+import { forwardRef as w, useRef as q, useState as N, useCallback as H, useEffect as J } from "react";
+import { P as g, a as Q, c as T, b as U } from "./index-BVqmUhu5.es.js";
+import { R as X, I as Y, c as I } from "./index-DNQZbZsM.es.js";
+import { u as Z } from "./index-DBXFJW5M.es.js";
+import { u as tt, a as et } from "./index-BdfbDt7y.es.js";
+import { c as at } from "./index-xA4mlFw5.es.js";
+import { c as v } from "./utils-CnvKSirc.es.js";
+import { B as R } from "./button-DTRIYqDb.es.js";
+import { C as ot } from "./chevron-left-CfOUdNQ0.es.js";
+import { C as rt } from "./chevron-right-BNG-Ugyb.es.js";
+var y = "Tabs", [nt] = U(y, [
+  I
+]), L = I(), [st, C] = nt(y), _ = m.forwardRef(
+  (t, e) => {
+    const {
+      __scopeTabs: n,
+      value: o,
+      onValueChange: i,
+      defaultValue: s,
+      orientation: r = "horizontal",
+      dir: u,
+      activationMode: b = "automatic",
+      ...d
+    } = t, c = Z(u), [l, f] = tt({
+      prop: o,
+      onChange: i,
+      defaultProp: s ?? "",
+      caller: y
+    });
+    return /* @__PURE__ */ a(
+      st,
+      {
+        scope: n,
+        baseId: et(),
+        value: l,
+        onValueChange: f,
+        orientation: r,
+        dir: c,
+        activationMode: b,
+        children: /* @__PURE__ */ a(
+          g.div,
+          {
+            dir: c,
+            "data-orientation": r,
+            ...d,
+            ref: e
+          }
+        )
+      }
+    );
+  }
+);
+_.displayName = y;
+var A = "TabsList", E = m.forwardRef(
+  (t, e) => {
+    const { __scopeTabs: n, loop: o = !0, ...i } = t, s = C(A, n), r = L(n);
+    return /* @__PURE__ */ a(
+      X,
+      {
+        asChild: !0,
+        ...r,
+        orientation: s.orientation,
+        dir: s.dir,
+        loop: o,
+        children: /* @__PURE__ */ a(
+          g.div,
+          {
+            role: "tablist",
+            "aria-orientation": s.orientation,
+            ...i,
+            ref: e
+          }
+        )
+      }
+    );
+  }
+);
+E.displayName = A;
+var P = "TabsTrigger", k = m.forwardRef(
+  (t, e) => {
+    const { __scopeTabs: n, value: o, disabled: i = !1, ...s } = t, r = C(P, n), u = L(n), b = z(r.baseId, o), d = F(r.baseId, o), c = o === r.value;
+    return /* @__PURE__ */ a(
+      Y,
+      {
+        asChild: !0,
+        ...u,
+        focusable: !i,
+        active: c,
+        children: /* @__PURE__ */ a(
+          g.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": c,
+            "aria-controls": d,
+            "data-state": c ? "active" : "inactive",
+            "data-disabled": i ? "" : void 0,
+            disabled: i,
+            id: b,
+            ...s,
+            ref: e,
+            onMouseDown: T(t.onMouseDown, (l) => {
+              !i && l.button === 0 && l.ctrlKey === !1 ? r.onValueChange(o) : l.preventDefault();
+            }),
+            onKeyDown: T(t.onKeyDown, (l) => {
+              [" ", "Enter"].includes(l.key) && r.onValueChange(o);
+            }),
+            onFocus: T(t.onFocus, () => {
+              const l = r.activationMode !== "manual";
+              !c && !i && l && r.onValueChange(o);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+k.displayName = P;
+var B = "TabsContent", M = m.forwardRef(
+  (t, e) => {
+    const { __scopeTabs: n, value: o, forceMount: i, children: s, ...r } = t, u = C(B, n), b = z(u.baseId, o), d = F(u.baseId, o), c = o === u.value, l = m.useRef(c);
+    return m.useEffect(() => {
+      const f = requestAnimationFrame(() => l.current = !1);
+      return () => cancelAnimationFrame(f);
+    }, []), /* @__PURE__ */ a(Q, { present: i || c, children: ({ present: f }) => /* @__PURE__ */ a(
+      g.div,
+      {
+        "data-state": c ? "active" : "inactive",
+        "data-orientation": u.orientation,
+        role: "tabpanel",
+        "aria-labelledby": b,
+        hidden: !f,
+        id: d,
+        tabIndex: 0,
+        ...r,
+        ref: e,
+        style: {
+          ...t.style,
+          animationDuration: l.current ? "0s" : void 0
+        },
+        children: f && s
+      }
+    ) });
+  }
+);
+M.displayName = B;
+function z(t, e) {
+  return `${t}-trigger-${e}`;
+}
+function F(t, e) {
+  return `${t}-content-${e}`;
+}
+var it = _, x = E, V = k, $ = M;
+const wt = it, S = at(
+  "inline-flex items-center justify-center gap-1 p-1 text-secondary",
+  {
+    variants: {
+      type: {
+        default: "",
+        segmented: "bg-item-tertiary [&>button]:data-[state=active]:shadow-sm",
+        line: "[&>button]:data-[state=active]:after:absolute [&>button]:data-[state=active]:after:-bottom-1.5 [&>button]:data-[state=active]:after:content-['']  [&>button]:data-[state=active]:after:w-full [&>button]:data-[state=active]:after:h-0.5 [&>button]:data-[state=active]:after:bg-primary"
+      },
+      variant: {
+        default: "[&>button]:data-[state=active]:bg-background",
+        soft: "[&>button]:data-[state=active]:bg-item-tertiary [&>button]:data-[state=active]:border [&>button]:data-[state=active]:border-alpha-strong"
+      },
+      rounded: {
+        default: "rounded-md [&>button]:rounded-md",
+        pill: "rounded-full [&>button]:rounded-full"
+      }
+    },
+    defaultVariants: {
+      type: "default",
+      variant: "default",
+      rounded: "default"
+    }
+  }
+), ct = w(
+  ({
+    className: t,
+    rounded: e,
+    variant: n,
+    type: o,
+    full: i,
+    scrollable: s,
+    scrollButtonClassName: r,
+    ...u
+  }, b) => {
+    const d = q(null), [c, l] = N(!1), [f, D] = N(!1), h = H(() => {
+      if (d.current && s) {
+        const { scrollLeft: p, scrollWidth: K, clientWidth: W } = d.current;
+        l(p > 0), D(p < K - W - 1);
+      }
+    }, [s]);
+    J(() => {
+      if (s) {
+        h();
+        const p = () => h();
+        return window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+      }
+    }, [h, s]);
+    const G = () => {
+      d.current && d.current.scrollBy({ left: -200, behavior: "smooth" });
+    }, j = () => {
+      d.current && d.current.scrollBy({ left: 200, behavior: "smooth" });
+    };
+    return s ? /* @__PURE__ */ O("div", { className: "relative flex items-center", children: [
+      c && /* @__PURE__ */ a(
+        R,
+        {
+          type: "button",
+          size: "icon",
+          variant: "secondary",
+          onClick: G,
+          className: v(
+            "absolute left-0 z-10 h-full w-6",
+            r
+          ),
+          "aria-label": "Scroll left",
+          children: /* @__PURE__ */ a(ot, { className: "text-secondary h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: d,
+          className: "scrollbar-hide overflow-x-auto scroll-smooth",
+          style: {
+            scrollbarWidth: "none",
+            msOverflowStyle: "none",
+            paddingLeft: c ? "32px" : "0",
+            paddingRight: f ? "32px" : "0"
+          },
+          onScroll: h,
+          children: /* @__PURE__ */ a(
+            x,
+            {
+              ref: b,
+              className: v(
+                i && "!flex",
+                "min-w-max",
+                S({ rounded: e, variant: n, type: o, className: t })
+              ),
+              ...u
+            }
+          )
+        }
+      ),
+      f && /* @__PURE__ */ a(
+        R,
+        {
+          type: "button",
+          size: "icon",
+          variant: "secondary",
+          onClick: j,
+          className: v(
+            "absolute right-0 z-10 h-full w-6",
+            r
+          ),
+          "aria-label": "Scroll right",
+          children: /* @__PURE__ */ a(rt, { className: "text-secondary size-4" })
+        }
+      ),
+      /* @__PURE__ */ a("style", { children: `
+            .scrollbar-hide::-webkit-scrollbar {
+              display: none;
+            }
+          ` })
+    ] }) : /* @__PURE__ */ a(
+      x,
+      {
+        ref: b,
+        className: v(
+          i && "!flex",
+          S({ rounded: e, variant: n, type: o, className: t })
+        ),
+        ...u
+      }
+    );
+  }
+);
+ct.displayName = x.displayName;
+const lt = w(({ className: t, ...e }, n) => /* @__PURE__ */ a(
+  V,
+  {
+    ref: n,
+    className: v(
+      "text-body-xs-medium relative box-border inline-flex h-7 flex-1 cursor-pointer items-center justify-center px-3 py-1 whitespace-nowrap transition-all outline-none disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=inactive]:hover:!bg-item-tertiary-hover data-[state=inactive]:hover:text-primary",
+      "data-[state=active]:text-primary",
+      t
+    ),
+    ...e
+  }
+));
+lt.displayName = V.displayName;
+const dt = w(({ className: t, ...e }, n) => /* @__PURE__ */ a(
+  $,
+  {
+    ref: n,
+    className: v(
+      "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+      t
+    ),
+    ...e
+  }
+));
+dt.displayName = $.displayName;
+export {
+  wt as T,
+  dt as a,
+  ct as b,
+  lt as c
+};
+//# sourceMappingURL=tabs-BnamvF0S.es.js.map

package/dist/chunks/tabs-BnamvF0S.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-BnamvF0S.es.js","sources":["../../node_modules/@radix-ui/react-tabs/dist/index.mjs","../../src/ui/tab/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 TabsPrimitive from '@radix-ui/react-tabs';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../lib';\nimport { Button } from '../button';\n\n/**\n * Tabs root component from Radix UI.\n * Combines with TabsList, TabsTrigger, and TabsContent to build tabbed interfaces.\n */\nconst Tabs = TabsPrimitive.Root;\n\nconst tabsListVariants = cva(\n  'inline-flex items-center justify-center gap-1 p-1 text-secondary',\n  {\n    variants: {\n      type: {\n        default: '',\n        segmented: 'bg-item-tertiary [&>button]:data-[state=active]:shadow-sm',\n        line: \"[&>button]:data-[state=active]:after:absolute [&>button]:data-[state=active]:after:-bottom-1.5 [&>button]:data-[state=active]:after:content-['']  [&>button]:data-[state=active]:after:w-full [&>button]:data-[state=active]:after:h-0.5 [&>button]:data-[state=active]:after:bg-primary\",\n      },\n      variant: {\n        default: '[&>button]:data-[state=active]:bg-background',\n        soft: '[&>button]:data-[state=active]:bg-item-tertiary [&>button]:data-[state=active]:border [&>button]:data-[state=active]:border-alpha-strong',\n      },\n      rounded: {\n        default: 'rounded-md [&>button]:rounded-md',\n        pill: 'rounded-full [&>button]:rounded-full',\n      },\n    },\n    defaultVariants: {\n      type: 'default',\n      variant: 'default',\n      rounded: 'default',\n    },\n  }\n);\n\n/**\n * Props for TabsList component.\n * Extends Radix Tabs.List props and supports visual variants and behavior flags.\n *\n * @property {'default'|'segmented'|'line'} [type] - Visual style of the list.\n * @property {'default'|'soft'} [variant] - Coloring variant.\n * @property {'default'|'pill'} [rounded] - Border radius style.\n * @property {true} [full] - If provided, makes the list expand to full width.\n * @property {true} [scrollable] - Enables horizontal scroll with navigation buttons.\n * @property {string} [scrollButtonClassName] - Additional classes for scroll buttons.\n */\nexport interface TabsListProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.List>,\n    VariantProps<typeof tabsListVariants> {\n  full?: true;\n  scrollable?: true;\n  scrollButtonClassName?: string;\n}\n\n/**\n * Displays a list of tab triggers with optional segmented, line, and scrollable variants.\n * When scrollable, left/right buttons appear when content overflows.\n * @returns {JSX.Element} The rendered TabsList component.\n * @component\n */\nconst TabsList = forwardRef<\n  ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(\n  (\n    {\n      className,\n      rounded,\n      variant,\n      type,\n      full,\n      scrollable,\n      scrollButtonClassName,\n      ...props\n    },\n    ref\n  ) => {\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const [showLeftButton, setShowLeftButton] = useState(false);\n    const [showRightButton, setShowRightButton] = useState(false);\n\n    const checkScrollButtons = useCallback(() => {\n      if (scrollContainerRef.current && scrollable) {\n        const { scrollLeft, scrollWidth, clientWidth } =\n          scrollContainerRef.current;\n        setShowLeftButton(scrollLeft > 0);\n        setShowRightButton(scrollLeft < scrollWidth - clientWidth - 1);\n      }\n    }, [scrollable]);\n\n    useEffect(() => {\n      if (scrollable) {\n        checkScrollButtons();\n        const handleResize = () => checkScrollButtons();\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n      }\n    }, [checkScrollButtons, scrollable]);\n\n    const scrollLeft = () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n      }\n    };\n\n    const scrollRight = () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n      }\n    };\n\n    if (scrollable) {\n      return (\n        <div className=\"relative flex items-center\">\n          {/* Left Scroll Button */}\n          {showLeftButton && (\n            <Button\n              type=\"button\"\n              size={'icon'}\n              variant=\"secondary\"\n              onClick={scrollLeft}\n              className={cn(\n                'absolute left-0 z-10 h-full w-6',\n                scrollButtonClassName\n              )}\n              aria-label=\"Scroll left\"\n            >\n              <ChevronLeft className=\"text-secondary h-4 w-4\" />\n            </Button>\n          )}\n\n          {/* Scrollable Container */}\n          <div\n            ref={scrollContainerRef}\n            className=\"scrollbar-hide overflow-x-auto scroll-smooth\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n              paddingLeft: showLeftButton ? '32px' : '0',\n              paddingRight: showRightButton ? '32px' : '0',\n            }}\n            onScroll={checkScrollButtons}\n          >\n            <TabsPrimitive.List\n              ref={ref}\n              className={cn(\n                full && '!flex',\n                'min-w-max',\n                tabsListVariants({ rounded, variant, type, className })\n              )}\n              {...props}\n            />\n          </div>\n\n          {/* Right Scroll Button */}\n          {showRightButton && (\n            <Button\n              type=\"button\"\n              size={'icon'}\n              variant=\"secondary\"\n              onClick={scrollRight}\n              className={cn(\n                'absolute right-0 z-10 h-full w-6',\n                scrollButtonClassName\n              )}\n              aria-label=\"Scroll right\"\n            >\n              <ChevronRight className=\"text-secondary size-4\" />\n            </Button>\n          )}\n\n          <style>{`\n            .scrollbar-hide::-webkit-scrollbar {\n              display: none;\n            }\n          `}</style>\n        </div>\n      );\n    }\n\n    return (\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(\n          full && '!flex',\n          tabsListVariants({ rounded, variant, type, className })\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/**\n * A single tab trigger/button.\n * Forwards refs to Radix Tabs.Trigger.\n * @returns {JSX.Element} The rendered TabsTrigger component.\n */\nconst TabsTrigger = forwardRef<\n  ElementRef<typeof TabsPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'text-body-xs-medium relative box-border inline-flex h-7 flex-1 cursor-pointer items-center justify-center px-3 py-1 whitespace-nowrap transition-all outline-none disabled:pointer-events-none disabled:opacity-50',\n      'data-[state=inactive]:hover:!bg-item-tertiary-hover data-[state=inactive]:hover:text-primary',\n      'data-[state=active]:text-primary',\n      className\n    )}\n    {...props}\n  />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/**\n * Content panel associated with a TabsTrigger.\n * Forwards refs to Radix Tabs.Content.\n * @returns {JSX.Element} The rendered TabsContent component.\n */\nconst TabsContent = forwardRef<\n  ElementRef<typeof TabsPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n      className\n    )}\n    {...props}\n  />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"names":["TABS_NAME","createTabsContext","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","tabsListVariants","cva","forwardRef","className","rounded","variant","type","full","scrollable","scrollButtonClassName","ref","scrollContainerRef","useRef","showLeftButton","setShowLeftButton","useState","showRightButton","setShowRightButton","checkScrollButtons","useCallback","scrollLeft","scrollWidth","clientWidth","useEffect","handleResize","scrollRight","jsxs","Button","cn","ChevronLeft","TabsPrimitive.List","ChevronRight","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":";;;;;;;;;;;;AAcA,IAAIA,IAAY,QACZ,CAACC,EAAkC,IAAIC,EAAmBF,GAAW;AAAA,EACvEG;AACF,CAAC,GACGC,IAA2BD,EAA2B,GACtD,CAACE,IAAcC,CAAc,IAAIL,GAAkBD,CAAS,GAC5DO,IAAOC,EAAM;AAAA,EACf,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,aAAAC;AAAA,MACA,OAAOC;AAAA,MACP,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,KAAAC;AAAA,MACA,gBAAAC,IAAiB;AAAA,MACjB,GAAGC;AAAA,IACT,IAAQT,GACEU,IAAYC,EAAaJ,CAAG,GAC5B,CAACK,GAAOC,CAAQ,IAAIC,GAAqB;AAAA,MAC7C,MAAMX;AAAA,MACN,UAAUC;AAAA,MACV,aAAaC,KAAgB;AAAA,MAC7B,QAAQd;AAAA,IACd,CAAK;AACD,WAAuB,gBAAAwB;AAAA,MACrBnB;AAAA,MACA;AAAA,QACE,OAAOM;AAAA,QACP,QAAQc,GAAK;AAAA,QACb,OAAAJ;AAAA,QACA,eAAeC;AAAA,QACf,aAAAP;AAAA,QACA,KAAKI;AAAA,QACL,gBAAAF;AAAA,QACA,UAA0B,gBAAAO;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,KAAKP;AAAA,YACL,oBAAoBJ;AAAA,YACpB,GAAGG;AAAA,YACH,KAAKR;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAH,EAAK,cAAcP;AACnB,IAAI2B,IAAgB,YAChBC,IAAWpB,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,MAAAkB,IAAO,IAAM,GAAGC,EAAS,IAAKrB,GAC7CsB,IAAUzB,EAAeqB,GAAehB,CAAW,GACnDqB,IAAwB5B,EAAyBO,CAAW;AAClE,WAAuB,gBAAAa;AAAA,MACrBS;AAAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,GAAGD;AAAA,QACH,aAAaD,EAAQ;AAAA,QACrB,KAAKA,EAAQ;AAAA,QACb,MAAAF;AAAA,QACA,UAA0B,gBAAAL;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,oBAAoBK,EAAQ;AAAA,YAC5B,GAAGD;AAAA,YACH,KAAKpB;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAkB,EAAS,cAAcD;AACvB,IAAIO,IAAe,eACfC,IAAc3B,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,OAAAU,GAAO,UAAAe,IAAW,IAAO,GAAGC,EAAY,IAAK5B,GAC5DsB,IAAUzB,EAAe4B,GAAcvB,CAAW,GAClDqB,IAAwB5B,EAAyBO,CAAW,GAC5D2B,IAAYC,EAAcR,EAAQ,QAAQV,CAAK,GAC/CmB,IAAYC,EAAcV,EAAQ,QAAQV,CAAK,GAC/CqB,IAAarB,MAAUU,EAAQ;AACrC,WAAuB,gBAAAP;AAAA,MACrBmB;AAAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,GAAGX;AAAA,QACH,WAAW,CAACI;AAAA,QACZ,QAAQM;AAAA,QACR,UAA0B,gBAAAlB;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,iBAAiBgB;AAAA,YACjB,iBAAiBF;AAAA,YACjB,cAAcE,IAAa,WAAW;AAAA,YACtC,iBAAiBN,IAAW,KAAK;AAAA,YACjC,UAAAA;AAAA,YACA,IAAIE;AAAA,YACJ,GAAGD;AAAA,YACH,KAAK3B;AAAA,YACL,aAAakC,EAAqBnC,EAAM,aAAa,CAACoC,MAAU;AAC9D,cAAI,CAACT,KAAYS,EAAM,WAAW,KAAKA,EAAM,YAAY,KACvDd,EAAQ,cAAcV,CAAK,IAE3BwB,EAAM,eAAc;AAAA,YAExB,CAAC;AAAA,YACD,WAAWD,EAAqBnC,EAAM,WAAW,CAACoC,MAAU;AAC1D,cAAI,CAAC,KAAK,OAAO,EAAE,SAASA,EAAM,GAAG,KAAGd,EAAQ,cAAcV,CAAK;AAAA,YACrE,CAAC;AAAA,YACD,SAASuB,EAAqBnC,EAAM,SAAS,MAAM;AACjD,oBAAMqC,IAAwBf,EAAQ,mBAAmB;AACzD,cAAI,CAACW,KAAc,CAACN,KAAYU,KAC9Bf,EAAQ,cAAcV,CAAK;AAAA,YAE/B,CAAC;AAAA,UACb;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAc,EAAY,cAAcD;AAC1B,IAAIa,IAAe,eACfC,IAAcxC,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,OAAAU,GAAO,YAAA4B,GAAY,UAAAC,GAAU,GAAGC,EAAY,IAAK1C,GAChEsB,IAAUzB,EAAeyC,GAAcpC,CAAW,GAClD2B,IAAYC,EAAcR,EAAQ,QAAQV,CAAK,GAC/CmB,IAAYC,EAAcV,EAAQ,QAAQV,CAAK,GAC/CqB,IAAarB,MAAUU,EAAQ,OAC/BqB,IAA+B5C,EAAM,OAAOkC,CAAU;AAC5DlC,WAAAA,EAAM,UAAU,MAAM;AACpB,YAAM6C,IAAM,sBAAsB,MAAMD,EAA6B,UAAU,EAAK;AACpF,aAAO,MAAM,qBAAqBC,CAAG;AAAA,IACvC,GAAG,CAAA,CAAE,GACkB,gBAAA7B,EAAI8B,GAAU,EAAE,SAASL,KAAcP,GAAY,UAAU,CAAC,EAAE,SAAAa,EAAO,MAAuB,gBAAA/B;AAAA,MACnHE,EAAU;AAAA,MACV;AAAA,QACE,cAAcgB,IAAa,WAAW;AAAA,QACtC,oBAAoBX,EAAQ;AAAA,QAC5B,MAAM;AAAA,QACN,mBAAmBO;AAAA,QACnB,QAAQ,CAACiB;AAAA,QACT,IAAIf;AAAA,QACJ,UAAU;AAAA,QACV,GAAGW;AAAA,QACH,KAAKzC;AAAA,QACL,OAAO;AAAA,UACL,GAAGD,EAAM;AAAA,UACT,mBAAmB2C,EAA6B,UAAU,OAAO;AAAA,QAC3E;AAAA,QACQ,UAAUG,KAAWL;AAAA,MAC7B;AAAA,IACA,GAAO;AAAA,EACL;AACF;AACAF,EAAY,cAAcD;AAC1B,SAASR,EAAciB,GAAQnC,GAAO;AACpC,SAAO,GAAGmC,CAAM,YAAYnC,CAAK;AACnC;AACA,SAASoB,EAAce,GAAQnC,GAAO;AACpC,SAAO,GAAGmC,CAAM,YAAYnC,CAAK;AACnC;AACA,IAAIoC,KAAQlD,GACRmD,IAAO9B,GACP+B,IAAUxB,GACVyB,IAAUZ;ACxKd,MAAMzC,KAAOsD,IAEPC,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,MAAA;AAAA,MAER,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GA2BMnC,KAAWoC;AAAA,EAIf,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,GAAG9D;AAAA,EAAA,GAEL+D,MACG;AACH,UAAMC,IAAqBC,EAAuB,IAAI,GAChD,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GAEtDG,IAAqBC,EAAY,MAAM;AAC3C,UAAIR,EAAmB,WAAWH,GAAY;AAC5C,cAAM,EAAE,YAAAY,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAC/BX,EAAmB;AACrB,QAAAG,EAAkBM,IAAa,CAAC,GAChCH,EAAmBG,IAAaC,IAAcC,IAAc,CAAC;AAAA,MAC/D;AAAA,IACF,GAAG,CAACd,CAAU,CAAC;AAEf,IAAAe,EAAU,MAAM;AACd,UAAIf,GAAY;AACd,QAAAU,EAAA;AACA,cAAMM,IAAe,MAAMN,EAAA;AAC3B,sBAAO,iBAAiB,UAAUM,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,MAChE;AAAA,IACF,GAAG,CAACN,GAAoBV,CAAU,CAAC;AAEnC,UAAMY,IAAa,MAAM;AACvB,MAAIT,EAAmB,WACrBA,EAAmB,QAAQ,SAAS,EAAE,MAAM,MAAM,UAAU,UAAU;AAAA,IAE1E,GAEMc,IAAc,MAAM;AACxB,MAAId,EAAmB,WACrBA,EAAmB,QAAQ,SAAS,EAAE,MAAM,KAAK,UAAU,UAAU;AAAA,IAEzE;AAEA,WAAIH,IAEA,gBAAAkB,EAAC,OAAA,EAAI,WAAU,8BAEZ,UAAA;AAAA,MAAAb,KACC,gBAAAnD;AAAA,QAACiE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,SAASP;AAAA,UACT,WAAWQ;AAAA,YACT;AAAA,YACAnB;AAAA,UAAA;AAAA,UAEF,cAAW;AAAA,UAEX,UAAA,gBAAA/C,EAACmE,IAAA,EAAY,WAAU,yBAAA,CAAyB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKpD,gBAAAnE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKiD;AAAA,UACL,WAAU;AAAA,UACV,OAAO;AAAA,YACL,gBAAgB;AAAA,YAChB,iBAAiB;AAAA,YACjB,aAAaE,IAAiB,SAAS;AAAA,YACvC,cAAcG,IAAkB,SAAS;AAAA,UAAA;AAAA,UAE3C,UAAUE;AAAA,UAEV,UAAA,gBAAAxD;AAAA,YAACoE;AAAAA,YAAA;AAAA,cACC,KAAApB;AAAA,cACA,WAAWkB;AAAA,gBACTrB,KAAQ;AAAA,gBACR;AAAA,gBACAP,EAAiB,EAAE,SAAAI,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAH,GAAW;AAAA,cAAA;AAAA,cAEvD,GAAGxD;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,MAIDqE,KACC,gBAAAtD;AAAA,QAACiE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,SAASF;AAAA,UACT,WAAWG;AAAA,YACT;AAAA,YACAnB;AAAA,UAAA;AAAA,UAEF,cAAW;AAAA,UAEX,UAAA,gBAAA/C,EAACqE,IAAA,EAAa,WAAU,wBAAA,CAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAInD,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA,YAAA,CAIN;AAAA,IAAA,GACJ,IAKF,gBAAArE;AAAA,MAACoE;AAAAA,MAAA;AAAA,QACC,KAAApB;AAAA,QACA,WAAWkB;AAAA,UACTrB,KAAQ;AAAA,UACRP,EAAiB,EAAE,SAAAI,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAH,GAAW;AAAA,QAAA;AAAA,QAEvD,GAAGxD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAmB,GAAS,cAAcgE,EAAmB;AAO1C,MAAMzD,KAAc6B,EAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGxD,EAAA,GAAS+D,MAC1B,gBAAAhD;AAAA,EAACsE;AAAAA,EAAA;AAAA,IACC,KAAAtB;AAAA,IACA,WAAWkB;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAzB;AAAA,IAAA;AAAA,IAED,GAAGxD;AAAA,EAAA;AACN,CACD;AACD0B,GAAY,cAAc2D,EAAsB;AAOhD,MAAM9C,KAAcgB,EAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGxD,EAAA,GAAS+D,MAC1B,gBAAAhD;AAAA,EAACuE;AAAAA,EAAA;AAAA,IACC,KAAAvB;AAAA,IACA,WAAWkB;AAAA,MACT;AAAA,MACAzB;AAAA,IAAA;AAAA,IAED,GAAGxD;AAAA,EAAA;AACN,CACD;AACDuC,GAAY,cAAc+C,EAAsB;","x_google_ignoreList":[0]}

package/dist/chunks/tabs-CDt2LiNL.cjs.js

@@ -0,0 +1,6 @@
+"use strict";const o=require("react/jsx-runtime"),b=require("react"),v=require("./index-D9zW9Tk7.cjs.js"),y=require("./index-DGEvZwN5.cjs.js"),W=require("./index-DnRKXUWD.cjs.js"),R=require("./index-BruMW80s.cjs.js"),J=require("./index-x_Mxo00P.cjs.js"),g=require("./utils-C4d7Ql9-.cjs.js"),N=require("./button-CpKtD3qG.cjs.js"),Q=require("./chevron-left-B_pqqZqr.cjs.js"),U=require("./chevron-right-BxyusM7v.cjs.js");function X(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const h=X(b);var T="Tabs",[Y]=v.createContextScope(T,[y.createRovingFocusGroupScope]),S=y.createRovingFocusGroupScope(),[Z,j]=Y(T),_=h.forwardRef((e,t)=>{const{__scopeTabs:a,value:n,onValueChange:i,defaultValue:s,orientation:r="horizontal",dir:u,activationMode:m="automatic",...d}=e,c=W.useDirection(u),[l,f]=R.useControllableState({prop:n,onChange:i,defaultProp:s??"",caller:T});return o.jsx(Z,{scope:a,baseId:R.useId(),value:l,onValueChange:f,orientation:r,dir:c,activationMode:m,children:o.jsx(v.Primitive.div,{dir:c,"data-orientation":r,...d,ref:t})})});_.displayName=T;var L="TabsList",I=h.forwardRef((e,t)=>{const{__scopeTabs:a,loop:n=!0,...i}=e,s=j(L,a),r=S(a);return o.jsx(y.Root,{asChild:!0,...r,orientation:s.orientation,dir:s.dir,loop:n,children:o.jsx(v.Primitive.div,{role:"tablist","aria-orientation":s.orientation,...i,ref:t})})});I.displayName=L;var P="TabsTrigger",E=h.forwardRef((e,t)=>{const{__scopeTabs:a,value:n,disabled:i=!1,...s}=e,r=j(P,a),u=S(a),m=M(r.baseId,n),d=$(r.baseId,n),c=n===r.value;return o.jsx(y.Item,{asChild:!0,...u,focusable:!i,active:c,children:o.jsx(v.Primitive.button,{type:"button",role:"tab","aria-selected":c,"aria-controls":d,"data-state":c?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:m,...s,ref:t,onMouseDown:v.composeEventHandlers(e.onMouseDown,l=>{!i&&l.button===0&&l.ctrlKey===!1?r.onValueChange(n):l.preventDefault()}),onKeyDown:v.composeEventHandlers(e.onKeyDown,l=>{[" ","Enter"].includes(l.key)&&r.onValueChange(n)}),onFocus:v.composeEventHandlers(e.onFocus,()=>{const l=r.activationMode!=="manual";!c&&!i&&l&&r.onValueChange(n)})})})});E.displayName=P;var q="TabsContent",A=h.forwardRef((e,t)=>{const{__scopeTabs:a,value:n,forceMount:i,children:s,...r}=e,u=j(q,a),m=M(u.baseId,n),d=$(u.baseId,n),c=n===u.value,l=h.useRef(c);return h.useEffect(()=>{const f=requestAnimationFrame(()=>l.current=!1);return()=>cancelAnimationFrame(f)},[]),o.jsx(v.Presence,{present:i||c,children:({present:f})=>o.jsx(v.Primitive.div,{"data-state":c?"active":"inactive","data-orientation":u.orientation,role:"tabpanel","aria-labelledby":m,hidden:!f,id:d,tabIndex:0,...r,ref:t,style:{...e.style,animationDuration:l.current?"0s":void 0},children:f&&s})})});A.displayName=q;function M(e,t){return`${e}-trigger-${t}`}function $(e,t){return`${e}-content-${t}`}var ee=_,w=I,k=E,z=A;const te=ee,C=J.cva("inline-flex items-center justify-center gap-1 p-1 text-secondary",{variants:{type:{default:"",segmented:"bg-item-tertiary [&>button]:data-[state=active]:shadow-sm",line:"[&>button]:data-[state=active]:after:absolute [&>button]:data-[state=active]:after:-bottom-1.5 [&>button]:data-[state=active]:after:content-['']  [&>button]:data-[state=active]:after:w-full [&>button]:data-[state=active]:after:h-0.5 [&>button]:data-[state=active]:after:bg-primary"},variant:{default:"[&>button]:data-[state=active]:bg-background",soft:"[&>button]:data-[state=active]:bg-item-tertiary [&>button]:data-[state=active]:border [&>button]:data-[state=active]:border-alpha-strong"},rounded:{default:"rounded-md [&>button]:rounded-md",pill:"rounded-full [&>button]:rounded-full"}},defaultVariants:{type:"default",variant:"default",rounded:"default"}}),B=b.forwardRef(({className:e,rounded:t,variant:a,type:n,full:i,scrollable:s,scrollButtonClassName:r,...u},m)=>{const d=b.useRef(null),[c,l]=b.useState(!1),[f,D]=b.useState(!1),x=b.useCallback(()=>{if(d.current&&s){const{scrollLeft:p,scrollWidth:H,clientWidth:K}=d.current;l(p>0),D(p<H-K-1)}},[s]);b.useEffect(()=>{if(s){x();const p=()=>x();return window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)}},[x,s]);const G=()=>{d.current&&d.current.scrollBy({left:-200,behavior:"smooth"})},O=()=>{d.current&&d.current.scrollBy({left:200,behavior:"smooth"})};return s?o.jsxs("div",{className:"relative flex items-center",children:[c&&o.jsx(N.Button,{type:"button",size:"icon",variant:"secondary",onClick:G,className:g.cn("absolute left-0 z-10 h-full w-6",r),"aria-label":"Scroll left",children:o.jsx(Q.ChevronLeft,{className:"text-secondary h-4 w-4"})}),o.jsx("div",{ref:d,className:"scrollbar-hide overflow-x-auto scroll-smooth",style:{scrollbarWidth:"none",msOverflowStyle:"none",paddingLeft:c?"32px":"0",paddingRight:f?"32px":"0"},onScroll:x,children:o.jsx(w,{ref:m,className:g.cn(i&&"!flex","min-w-max",C({rounded:t,variant:a,type:n,className:e})),...u})}),f&&o.jsx(N.Button,{type:"button",size:"icon",variant:"secondary",onClick:O,className:g.cn("absolute right-0 z-10 h-full w-6",r),"aria-label":"Scroll right",children:o.jsx(U.ChevronRight,{className:"text-secondary size-4"})}),o.jsx("style",{children:`
+            .scrollbar-hide::-webkit-scrollbar {
+              display: none;
+            }
+          `})]}):o.jsx(w,{ref:m,className:g.cn(i&&"!flex",C({rounded:t,variant:a,type:n,className:e})),...u})});B.displayName=w.displayName;const F=b.forwardRef(({className:e,...t},a)=>o.jsx(k,{ref:a,className:g.cn("text-body-xs-medium relative box-border inline-flex h-7 flex-1 cursor-pointer items-center justify-center px-3 py-1 whitespace-nowrap transition-all outline-none disabled:pointer-events-none disabled:opacity-50","data-[state=inactive]:hover:!bg-item-tertiary-hover data-[state=inactive]:hover:text-primary","data-[state=active]:text-primary",e),...t}));F.displayName=k.displayName;const V=b.forwardRef(({className:e,...t},a)=>o.jsx(z,{ref:a,className:g.cn("ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",e),...t}));V.displayName=z.displayName;exports.Tabs=te;exports.TabsContent=V;exports.TabsList=B;exports.TabsTrigger=F;
+//# sourceMappingURL=tabs-CDt2LiNL.cjs.js.map

package/dist/chunks/tabs-CDt2LiNL.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-CDt2LiNL.cjs.js","sources":["../../node_modules/@radix-ui/react-tabs/dist/index.mjs","../../src/ui/tab/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 TabsPrimitive from '@radix-ui/react-tabs';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../lib';\nimport { Button } from '../button';\n\n/**\n * Tabs root component from Radix UI.\n * Combines with TabsList, TabsTrigger, and TabsContent to build tabbed interfaces.\n */\nconst Tabs = TabsPrimitive.Root;\n\nconst tabsListVariants = cva(\n  'inline-flex items-center justify-center gap-1 p-1 text-secondary',\n  {\n    variants: {\n      type: {\n        default: '',\n        segmented: 'bg-item-tertiary [&>button]:data-[state=active]:shadow-sm',\n        line: \"[&>button]:data-[state=active]:after:absolute [&>button]:data-[state=active]:after:-bottom-1.5 [&>button]:data-[state=active]:after:content-['']  [&>button]:data-[state=active]:after:w-full [&>button]:data-[state=active]:after:h-0.5 [&>button]:data-[state=active]:after:bg-primary\",\n      },\n      variant: {\n        default: '[&>button]:data-[state=active]:bg-background',\n        soft: '[&>button]:data-[state=active]:bg-item-tertiary [&>button]:data-[state=active]:border [&>button]:data-[state=active]:border-alpha-strong',\n      },\n      rounded: {\n        default: 'rounded-md [&>button]:rounded-md',\n        pill: 'rounded-full [&>button]:rounded-full',\n      },\n    },\n    defaultVariants: {\n      type: 'default',\n      variant: 'default',\n      rounded: 'default',\n    },\n  }\n);\n\n/**\n * Props for TabsList component.\n * Extends Radix Tabs.List props and supports visual variants and behavior flags.\n *\n * @property {'default'|'segmented'|'line'} [type] - Visual style of the list.\n * @property {'default'|'soft'} [variant] - Coloring variant.\n * @property {'default'|'pill'} [rounded] - Border radius style.\n * @property {true} [full] - If provided, makes the list expand to full width.\n * @property {true} [scrollable] - Enables horizontal scroll with navigation buttons.\n * @property {string} [scrollButtonClassName] - Additional classes for scroll buttons.\n */\nexport interface TabsListProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.List>,\n    VariantProps<typeof tabsListVariants> {\n  full?: true;\n  scrollable?: true;\n  scrollButtonClassName?: string;\n}\n\n/**\n * Displays a list of tab triggers with optional segmented, line, and scrollable variants.\n * When scrollable, left/right buttons appear when content overflows.\n * @returns {JSX.Element} The rendered TabsList component.\n * @component\n */\nconst TabsList = forwardRef<\n  ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(\n  (\n    {\n      className,\n      rounded,\n      variant,\n      type,\n      full,\n      scrollable,\n      scrollButtonClassName,\n      ...props\n    },\n    ref\n  ) => {\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const [showLeftButton, setShowLeftButton] = useState(false);\n    const [showRightButton, setShowRightButton] = useState(false);\n\n    const checkScrollButtons = useCallback(() => {\n      if (scrollContainerRef.current && scrollable) {\n        const { scrollLeft, scrollWidth, clientWidth } =\n          scrollContainerRef.current;\n        setShowLeftButton(scrollLeft > 0);\n        setShowRightButton(scrollLeft < scrollWidth - clientWidth - 1);\n      }\n    }, [scrollable]);\n\n    useEffect(() => {\n      if (scrollable) {\n        checkScrollButtons();\n        const handleResize = () => checkScrollButtons();\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n      }\n    }, [checkScrollButtons, scrollable]);\n\n    const scrollLeft = () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n      }\n    };\n\n    const scrollRight = () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n      }\n    };\n\n    if (scrollable) {\n      return (\n        <div className=\"relative flex items-center\">\n          {/* Left Scroll Button */}\n          {showLeftButton && (\n            <Button\n              type=\"button\"\n              size={'icon'}\n              variant=\"secondary\"\n              onClick={scrollLeft}\n              className={cn(\n                'absolute left-0 z-10 h-full w-6',\n                scrollButtonClassName\n              )}\n              aria-label=\"Scroll left\"\n            >\n              <ChevronLeft className=\"text-secondary h-4 w-4\" />\n            </Button>\n          )}\n\n          {/* Scrollable Container */}\n          <div\n            ref={scrollContainerRef}\n            className=\"scrollbar-hide overflow-x-auto scroll-smooth\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n              paddingLeft: showLeftButton ? '32px' : '0',\n              paddingRight: showRightButton ? '32px' : '0',\n            }}\n            onScroll={checkScrollButtons}\n          >\n            <TabsPrimitive.List\n              ref={ref}\n              className={cn(\n                full && '!flex',\n                'min-w-max',\n                tabsListVariants({ rounded, variant, type, className })\n              )}\n              {...props}\n            />\n          </div>\n\n          {/* Right Scroll Button */}\n          {showRightButton && (\n            <Button\n              type=\"button\"\n              size={'icon'}\n              variant=\"secondary\"\n              onClick={scrollRight}\n              className={cn(\n                'absolute right-0 z-10 h-full w-6',\n                scrollButtonClassName\n              )}\n              aria-label=\"Scroll right\"\n            >\n              <ChevronRight className=\"text-secondary size-4\" />\n            </Button>\n          )}\n\n          <style>{`\n            .scrollbar-hide::-webkit-scrollbar {\n              display: none;\n            }\n          `}</style>\n        </div>\n      );\n    }\n\n    return (\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(\n          full && '!flex',\n          tabsListVariants({ rounded, variant, type, className })\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/**\n * A single tab trigger/button.\n * Forwards refs to Radix Tabs.Trigger.\n * @returns {JSX.Element} The rendered TabsTrigger component.\n */\nconst TabsTrigger = forwardRef<\n  ElementRef<typeof TabsPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'text-body-xs-medium relative box-border inline-flex h-7 flex-1 cursor-pointer items-center justify-center px-3 py-1 whitespace-nowrap transition-all outline-none disabled:pointer-events-none disabled:opacity-50',\n      'data-[state=inactive]:hover:!bg-item-tertiary-hover data-[state=inactive]:hover:text-primary',\n      'data-[state=active]:text-primary',\n      className\n    )}\n    {...props}\n  />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/**\n * Content panel associated with a TabsTrigger.\n * Forwards refs to Radix Tabs.Content.\n * @returns {JSX.Element} The rendered TabsContent component.\n */\nconst TabsContent = forwardRef<\n  ElementRef<typeof TabsPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n      className\n    )}\n    {...props}\n  />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"names":["TABS_NAME","createTabsContext","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","tabsListVariants","cva","forwardRef","className","rounded","variant","type","full","scrollable","scrollButtonClassName","ref","scrollContainerRef","useRef","showLeftButton","setShowLeftButton","useState","showRightButton","setShowRightButton","checkScrollButtons","useCallback","scrollLeft","scrollWidth","clientWidth","useEffect","handleResize","scrollRight","jsxs","Button","cn","ChevronLeft","TabsPrimitive.List","ChevronRight","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":"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","x_google_ignoreList":[0]}