@karakuri-ui/react 0.2.3 → 0.3.0

package/dist/components/ui/tabs.js

@@ -0,0 +1,233 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  tabsListVariants: () => tabsListVariants,
+  tabsTriggerVariants: () => tabsTriggerVariants
+});
+module.exports = __toCommonJS(tabs_exports);
+var React = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const TabsStyleContext = React.createContext({});
+const useTabsStyleContext = () => React.useContext(TabsStyleContext);
+const tabsListVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center text-text-subtle",
+  {
+    variants: {
+      variant: {
+        line: "border-b border-border bg-transparent gap-0",
+        enclosed: "border-b border-border bg-transparent gap-0",
+        pill: "bg-background-muted p-1 gap-1"
+      },
+      fitted: {
+        true: "w-full",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "line",
+      fitted: false
+    }
+  }
+);
+const TabsList = React.forwardRef(({ className, variant, size, fitted, color, radius, ...props }, ref) => {
+  const resolvedVariant = variant || "line";
+  return /* @__PURE__ */ React.createElement(TabsStyleContext.Provider, { value: { variant: resolvedVariant, size: size || "default", fitted: fitted ?? false, color: color || "default", radius: radius || "md" } }, /* @__PURE__ */ React.createElement(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: (0, import_utils.cn)(
+        tabsListVariants({ variant, fitted }),
+        resolvedVariant === "pill" && pillListRadiusClasses[radius || "md"],
+        className
+      ),
+      ...props
+    }
+  ));
+});
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "transition-all duration-micro ease-out cursor-pointer",
+    "focus-visible:focus-ring",
+    "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        line: [
+          "border-b-2 border-transparent -mb-px",
+          "hover:text-foreground hover:border-border",
+          "data-[state=active]:text-foreground data-[state=active]:font-semibold"
+        ].join(" "),
+        enclosed: [
+          "border border-transparent -mb-px",
+          "hover:text-foreground",
+          "data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:bg-background",
+          "data-[state=active]:border-border data-[state=active]:border-b-background"
+        ].join(" "),
+        pill: [
+          "hover:text-foreground",
+          "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:shadow-sm"
+        ].join(" ")
+      },
+      size: {
+        sm: "h-8 text-sm",
+        // 32px, 13px
+        md: "h-9 text-sm",
+        // 36px, 13px
+        default: "h-10 text-md",
+        // 40px, 14px
+        lg: "h-12 text-base"
+        // 48px, 16px
+      },
+      fitted: {
+        true: "flex-1",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Padding per variant × size
+      { variant: "line", size: "sm", className: "px-3" },
+      { variant: "line", size: "md", className: "px-3.5" },
+      { variant: "line", size: "default", className: "px-4" },
+      { variant: "line", size: "lg", className: "px-6" },
+      { variant: "enclosed", size: "sm", className: "px-3" },
+      { variant: "enclosed", size: "md", className: "px-3.5" },
+      { variant: "enclosed", size: "default", className: "px-4" },
+      { variant: "enclosed", size: "lg", className: "px-6" },
+      // Pill: reduced height + Segmented-matching font/padding
+      { variant: "pill", size: "sm", className: "h-6 text-xs px-3.5" },
+      { variant: "pill", size: "md", className: "h-7 text-sm px-3.5" },
+      { variant: "pill", size: "default", className: "h-8 text-sm px-4" },
+      { variant: "pill", size: "lg", className: "h-10 text-md px-6" }
+    ],
+    defaultVariants: {
+      variant: "line",
+      size: "default",
+      fitted: false
+    }
+  }
+);
+const triggerIconSizeClasses = {
+  sm: "[&>svg]:icon-xs",
+  // 14px
+  md: "[&>svg]:icon-sm",
+  // 16px
+  default: "[&>svg]:icon-sm",
+  // 16px
+  lg: "[&>svg]:icon-sm"
+  // 16px
+};
+const lineColorClasses = {
+  default: "data-[state=active]:border-foreground",
+  primary: "data-[state=active]:border-primary"
+};
+const enclosedRadiusClasses = {
+  none: "rounded-t-none",
+  sm: "rounded-t-sm",
+  base: "rounded-t",
+  md: "rounded-t-md",
+  lg: "rounded-t-lg",
+  xl: "rounded-t-xl"
+};
+const pillListRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  "3xl": "rounded-3xl",
+  full: "rounded-full"
+};
+const pillItemRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  md: "rounded-md",
+  lg: "rounded-md",
+  xl: "rounded-lg",
+  "2xl": "rounded-xl",
+  "3xl": "rounded-2xl",
+  full: "rounded-full"
+};
+const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { variant, size, fitted, color, radius } = useTabsStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: (0, import_utils.cn)(
+        tabsTriggerVariants({ variant, size: resolvedSize, fitted }),
+        triggerIconSizeClasses[resolvedSize],
+        variant === "line" && lineColorClasses[color || "default"],
+        variant === "enclosed" && enclosedRadiusClasses[radius || "md"],
+        variant === "pill" && pillItemRadiusClasses[radius || "md"],
+        className
+      ),
+      ...props
+    },
+    children
+  );
+});
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: (0, import_utils.cn)(
+      "mt-4 focus-visible:focus-ring",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
+const Tabs = TabsPrimitive.Root;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  tabsListVariants,
+  tabsTriggerVariants
+});
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Context to pass style props from TabsList to TabsTrigger\ntype TabsStyleContextValue = {\n  variant?: 'line' | 'enclosed' | 'pill'\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  fitted?: boolean\n  color?: 'default' | 'primary'\n  radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n}\nconst TabsStyleContext = React.createContext<TabsStyleContextValue>({})\nconst useTabsStyleContext = () => React.useContext(TabsStyleContext)\n\n// ─── TabsList ────────────────────────────────────────────────\n\nconst tabsListVariants = cva(\n  'inline-flex items-center text-text-subtle',\n  {\n    variants: {\n      variant: {\n        line: 'border-b border-border bg-transparent gap-0',\n        enclosed: 'border-b border-border bg-transparent gap-0',\n        pill: 'bg-background-muted p-1 gap-1',\n      },\n      fitted: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'line',\n      fitted: false,\n    },\n  }\n)\n\nexport interface TabsListProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>,\n    VariantProps<typeof tabsListVariants> {\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Indicator color for line variant */\n  color?: 'default' | 'primary'\n  /** Top border-radius for enclosed variant, container radius for pill variant */\n  radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n}\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(({ className, variant, size, fitted, color, radius, ...props }, ref) => {\n  const resolvedVariant = variant || 'line'\n  return (\n    <TabsStyleContext.Provider value={{ variant: resolvedVariant, size: size || 'default', fitted: fitted ?? false, color: color || 'default', radius: radius || 'md' }}>\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(\n          tabsListVariants({ variant, fitted }),\n          resolvedVariant === 'pill' && pillListRadiusClasses[radius || 'md'],\n          className\n        )}\n        {...props}\n      />\n    </TabsStyleContext.Provider>\n  )\n})\nTabsList.displayName = 'TabsList'\n\n// ─── TabsTrigger ─────────────────────────────────────────────\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'focus-visible:focus-ring',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        line: [\n          'border-b-2 border-transparent -mb-px',\n          'hover:text-foreground hover:border-border',\n          'data-[state=active]:text-foreground data-[state=active]:font-semibold',\n        ].join(' '),\n        enclosed: [\n          'border border-transparent -mb-px',\n          'hover:text-foreground',\n          'data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:bg-background',\n          'data-[state=active]:border-border data-[state=active]:border-b-background',\n        ].join(' '),\n        pill: [\n          'hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:shadow-sm',\n        ].join(' '),\n      },\n      size: {\n        sm: 'h-8 text-sm',       // 32px, 13px\n        md: 'h-9 text-sm',       // 36px, 13px\n        default: 'h-10 text-md', // 40px, 14px\n        lg: 'h-12 text-base',    // 48px, 16px\n      },\n      fitted: {\n        true: 'flex-1',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // Padding per variant × size\n      { variant: 'line', size: 'sm', className: 'px-3' },\n      { variant: 'line', size: 'md', className: 'px-3.5' },\n      { variant: 'line', size: 'default', className: 'px-4' },\n      { variant: 'line', size: 'lg', className: 'px-6' },\n      { variant: 'enclosed', size: 'sm', className: 'px-3' },\n      { variant: 'enclosed', size: 'md', className: 'px-3.5' },\n      { variant: 'enclosed', size: 'default', className: 'px-4' },\n      { variant: 'enclosed', size: 'lg', className: 'px-6' },\n      // Pill: reduced height + Segmented-matching font/padding\n      { variant: 'pill', size: 'sm', className: 'h-6 text-xs px-3.5' },\n      { variant: 'pill', size: 'md', className: 'h-7 text-sm px-3.5' },\n      { variant: 'pill', size: 'default', className: 'h-8 text-sm px-4' },\n      { variant: 'pill', size: 'lg', className: 'h-10 text-md px-6' },\n    ],\n    defaultVariants: {\n      variant: 'line',\n      size: 'default',\n      fitted: false,\n    },\n  }\n)\n\n// Icon size mapping for tabs (same as Button icon+text pattern)\nconst triggerIconSizeClasses = {\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n} as const\n\nexport interface TabsTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    Omit<VariantProps<typeof tabsTriggerVariants>, 'variant' | 'size' | 'fitted'> {}\n\n// Line variant: active indicator color\nconst lineColorClasses = {\n  default: 'data-[state=active]:border-foreground',\n  primary: 'data-[state=active]:border-primary',\n} as const\n\n// Enclosed variant: top border-radius\nconst enclosedRadiusClasses = {\n  none: 'rounded-t-none',\n  sm: 'rounded-t-sm',\n  base: 'rounded-t',\n  md: 'rounded-t-md',\n  lg: 'rounded-t-lg',\n  xl: 'rounded-t-xl',\n} as const\n\n// Pill variant: container radius (applied to TabsList, matches Segmented scale)\nconst pillListRadiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  '2xl': 'rounded-2xl',\n  '3xl': 'rounded-3xl',\n  full: 'rounded-full',\n} as const\n\n// Pill variant: item radius (one step smaller than container, matches Segmented item scale)\nconst pillItemRadiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  md: 'rounded-md',\n  lg: 'rounded-md',\n  xl: 'rounded-lg',\n  '2xl': 'rounded-xl',\n  '3xl': 'rounded-2xl',\n  full: 'rounded-full',\n} as const\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  TabsTriggerProps\n>(({ className, children, ...props }, ref) => {\n  const { variant, size, fitted, color, radius } = useTabsStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        tabsTriggerVariants({ variant, size: resolvedSize, fitted }),\n        triggerIconSizeClasses[resolvedSize],\n        variant === 'line' && lineColorClasses[color || 'default'],\n        variant === 'enclosed' && enclosedRadiusClasses[(radius || 'md') as keyof typeof enclosedRadiusClasses],\n        variant === 'pill' && pillItemRadiusClasses[radius || 'md'],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Trigger>\n  )\n})\nTabsTrigger.displayName = 'TabsTrigger'\n\n// ─── TabsContent ─────────────────────────────────────────────\n\nexport interface TabsContentProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {}\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  TabsContentProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-4 focus-visible:focus-ring',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = 'TabsContent'\n\n// ─── Tabs (Root) ─────────────────────────────────────────────\n\nconst Tabs = TabsPrimitive.Root\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,oBAA+B;AAC/B,sCAAuC;AACvC,mBAAmB;AAUnB,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AACtE,MAAM,sBAAsB,MAAM,MAAM,WAAW,gBAAgB;AAInE,MAAM,uBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAYA,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,SAAS,MAAM,QAAQ,OAAO,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACxE,QAAM,kBAAkB,WAAW;AACnC,SACE,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,SAAS,iBAAiB,MAAM,QAAQ,WAAW,QAAQ,UAAU,OAAO,OAAO,SAAS,WAAW,QAAQ,UAAU,KAAK,KAChK;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT,iBAAiB,EAAE,SAAS,OAAO,CAAC;AAAA,QACpC,oBAAoB,UAAU,sBAAsB,UAAU,IAAI;AAAA,QAClE;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AACD,SAAS,cAAc;AAIvB,MAAM,0BAAsB;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA;AAAA,MAEhB,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,OAAO;AAAA,MACjD,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,SAAS;AAAA,MACnD,EAAE,SAAS,QAAQ,MAAM,WAAW,WAAW,OAAO;AAAA,MACtD,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,OAAO;AAAA,MACjD,EAAE,SAAS,YAAY,MAAM,MAAM,WAAW,OAAO;AAAA,MACrD,EAAE,SAAS,YAAY,MAAM,MAAM,WAAW,SAAS;AAAA,MACvD,EAAE,SAAS,YAAY,MAAM,WAAW,WAAW,OAAO;AAAA,MAC1D,EAAE,SAAS,YAAY,MAAM,MAAM,WAAW,OAAO;AAAA;AAAA,MAErD,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,qBAAqB;AAAA,MAC/D,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,qBAAqB;AAAA,MAC/D,EAAE,SAAS,QAAQ,MAAM,WAAW,WAAW,mBAAmB;AAAA,MAClE,EAAE,SAAS,QAAQ,MAAM,MAAM,WAAW,oBAAoB;AAAA,IAChE;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,MAAM,yBAAyB;AAAA,EAC7B,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAOA,MAAM,mBAAmB;AAAA,EACvB,SAAS;AAAA,EACT,SAAS;AACX;AAGA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAGA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAEA,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,EAAE,SAAS,MAAM,QAAQ,OAAO,OAAO,IAAI,oBAAoB;AACrE,QAAM,eAAe,QAAQ;AAE7B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT,oBAAoB,EAAE,SAAS,MAAM,cAAc,OAAO,CAAC;AAAA,QAC3D,uBAAuB,YAAY;AAAA,QACnC,YAAY,UAAU,iBAAiB,SAAS,SAAS;AAAA,QACzD,YAAY,cAAc,sBAAuB,UAAU,IAA2C;AAAA,QACtG,YAAY,UAAU,sBAAsB,UAAU,IAAI;AAAA,QAC1D;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,cAAc;AAAA,EAAd;AAAA,IACC;AAAA,IACA,eAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAI1B,MAAM,OAAO,cAAc;","names":[]}

package/dist/components/ui/tabs.mjs

@@ -0,0 +1,194 @@
+"use client";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const TabsStyleContext = React.createContext({});
+const useTabsStyleContext = () => React.useContext(TabsStyleContext);
+const tabsListVariants = cva(
+  "inline-flex items-center text-text-subtle",
+  {
+    variants: {
+      variant: {
+        line: "border-b border-border bg-transparent gap-0",
+        enclosed: "border-b border-border bg-transparent gap-0",
+        pill: "bg-background-muted p-1 gap-1"
+      },
+      fitted: {
+        true: "w-full",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "line",
+      fitted: false
+    }
+  }
+);
+const TabsList = React.forwardRef(({ className, variant, size, fitted, color, radius, ...props }, ref) => {
+  const resolvedVariant = variant || "line";
+  return /* @__PURE__ */ React.createElement(TabsStyleContext.Provider, { value: { variant: resolvedVariant, size: size || "default", fitted: fitted ?? false, color: color || "default", radius: radius || "md" } }, /* @__PURE__ */ React.createElement(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: cn(
+        tabsListVariants({ variant, fitted }),
+        resolvedVariant === "pill" && pillListRadiusClasses[radius || "md"],
+        className
+      ),
+      ...props
+    }
+  ));
+});
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "transition-all duration-micro ease-out cursor-pointer",
+    "focus-visible:focus-ring",
+    "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        line: [
+          "border-b-2 border-transparent -mb-px",
+          "hover:text-foreground hover:border-border",
+          "data-[state=active]:text-foreground data-[state=active]:font-semibold"
+        ].join(" "),
+        enclosed: [
+          "border border-transparent -mb-px",
+          "hover:text-foreground",
+          "data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:bg-background",
+          "data-[state=active]:border-border data-[state=active]:border-b-background"
+        ].join(" "),
+        pill: [
+          "hover:text-foreground",
+          "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:shadow-sm"
+        ].join(" ")
+      },
+      size: {
+        sm: "h-8 text-sm",
+        // 32px, 13px
+        md: "h-9 text-sm",
+        // 36px, 13px
+        default: "h-10 text-md",
+        // 40px, 14px
+        lg: "h-12 text-base"
+        // 48px, 16px
+      },
+      fitted: {
+        true: "flex-1",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Padding per variant × size
+      { variant: "line", size: "sm", className: "px-3" },
+      { variant: "line", size: "md", className: "px-3.5" },
+      { variant: "line", size: "default", className: "px-4" },
+      { variant: "line", size: "lg", className: "px-6" },
+      { variant: "enclosed", size: "sm", className: "px-3" },
+      { variant: "enclosed", size: "md", className: "px-3.5" },
+      { variant: "enclosed", size: "default", className: "px-4" },
+      { variant: "enclosed", size: "lg", className: "px-6" },
+      // Pill: reduced height + Segmented-matching font/padding
+      { variant: "pill", size: "sm", className: "h-6 text-xs px-3.5" },
+      { variant: "pill", size: "md", className: "h-7 text-sm px-3.5" },
+      { variant: "pill", size: "default", className: "h-8 text-sm px-4" },
+      { variant: "pill", size: "lg", className: "h-10 text-md px-6" }
+    ],
+    defaultVariants: {
+      variant: "line",
+      size: "default",
+      fitted: false
+    }
+  }
+);
+const triggerIconSizeClasses = {
+  sm: "[&>svg]:icon-xs",
+  // 14px
+  md: "[&>svg]:icon-sm",
+  // 16px
+  default: "[&>svg]:icon-sm",
+  // 16px
+  lg: "[&>svg]:icon-sm"
+  // 16px
+};
+const lineColorClasses = {
+  default: "data-[state=active]:border-foreground",
+  primary: "data-[state=active]:border-primary"
+};
+const enclosedRadiusClasses = {
+  none: "rounded-t-none",
+  sm: "rounded-t-sm",
+  base: "rounded-t",
+  md: "rounded-t-md",
+  lg: "rounded-t-lg",
+  xl: "rounded-t-xl"
+};
+const pillListRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  "3xl": "rounded-3xl",
+  full: "rounded-full"
+};
+const pillItemRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  md: "rounded-md",
+  lg: "rounded-md",
+  xl: "rounded-lg",
+  "2xl": "rounded-xl",
+  "3xl": "rounded-2xl",
+  full: "rounded-full"
+};
+const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { variant, size, fitted, color, radius } = useTabsStyleContext();
+  const resolvedSize = size || "default";
+  return /* @__PURE__ */ React.createElement(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        tabsTriggerVariants({ variant, size: resolvedSize, fitted }),
+        triggerIconSizeClasses[resolvedSize],
+        variant === "line" && lineColorClasses[color || "default"],
+        variant === "enclosed" && enclosedRadiusClasses[radius || "md"],
+        variant === "pill" && pillItemRadiusClasses[radius || "md"],
+        className
+      ),
+      ...props
+    },
+    children
+  );
+});
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-4 focus-visible:focus-ring",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
+const Tabs = TabsPrimitive.Root;
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  tabsListVariants,
+  tabsTriggerVariants
+};
+//# sourceMappingURL=tabs.mjs.map

package/dist/components/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Context to pass style props from TabsList to TabsTrigger\ntype TabsStyleContextValue = {\n  variant?: 'line' | 'enclosed' | 'pill'\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  fitted?: boolean\n  color?: 'default' | 'primary'\n  radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n}\nconst TabsStyleContext = React.createContext<TabsStyleContextValue>({})\nconst useTabsStyleContext = () => React.useContext(TabsStyleContext)\n\n// ─── TabsList ────────────────────────────────────────────────\n\nconst tabsListVariants = cva(\n  'inline-flex items-center text-text-subtle',\n  {\n    variants: {\n      variant: {\n        line: 'border-b border-border bg-transparent gap-0',\n        enclosed: 'border-b border-border bg-transparent gap-0',\n        pill: 'bg-background-muted p-1 gap-1',\n      },\n      fitted: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'line',\n      fitted: false,\n    },\n  }\n)\n\nexport interface TabsListProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>,\n    VariantProps<typeof tabsListVariants> {\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Indicator color for line variant */\n  color?: 'default' | 'primary'\n  /** Top border-radius for enclosed variant, container radius for pill variant */\n  radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n}\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(({ className, variant, size, fitted, color, radius, ...props }, ref) => {\n  const resolvedVariant = variant || 'line'\n  return (\n    <TabsStyleContext.Provider value={{ variant: resolvedVariant, size: size || 'default', fitted: fitted ?? false, color: color || 'default', radius: radius || 'md' }}>\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(\n          tabsListVariants({ variant, fitted }),\n          resolvedVariant === 'pill' && pillListRadiusClasses[radius || 'md'],\n          className\n        )}\n        {...props}\n      />\n    </TabsStyleContext.Provider>\n  )\n})\nTabsList.displayName = 'TabsList'\n\n// ─── TabsTrigger ─────────────────────────────────────────────\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'focus-visible:focus-ring',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        line: [\n          'border-b-2 border-transparent -mb-px',\n          'hover:text-foreground hover:border-border',\n          'data-[state=active]:text-foreground data-[state=active]:font-semibold',\n        ].join(' '),\n        enclosed: [\n          'border border-transparent -mb-px',\n          'hover:text-foreground',\n          'data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:bg-background',\n          'data-[state=active]:border-border data-[state=active]:border-b-background',\n        ].join(' '),\n        pill: [\n          'hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:shadow-sm',\n        ].join(' '),\n      },\n      size: {\n        sm: 'h-8 text-sm',       // 32px, 13px\n        md: 'h-9 text-sm',       // 36px, 13px\n        default: 'h-10 text-md', // 40px, 14px\n        lg: 'h-12 text-base',    // 48px, 16px\n      },\n      fitted: {\n        true: 'flex-1',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // Padding per variant × size\n      { variant: 'line', size: 'sm', className: 'px-3' },\n      { variant: 'line', size: 'md', className: 'px-3.5' },\n      { variant: 'line', size: 'default', className: 'px-4' },\n      { variant: 'line', size: 'lg', className: 'px-6' },\n      { variant: 'enclosed', size: 'sm', className: 'px-3' },\n      { variant: 'enclosed', size: 'md', className: 'px-3.5' },\n      { variant: 'enclosed', size: 'default', className: 'px-4' },\n      { variant: 'enclosed', size: 'lg', className: 'px-6' },\n      // Pill: reduced height + Segmented-matching font/padding\n      { variant: 'pill', size: 'sm', className: 'h-6 text-xs px-3.5' },\n      { variant: 'pill', size: 'md', className: 'h-7 text-sm px-3.5' },\n      { variant: 'pill', size: 'default', className: 'h-8 text-sm px-4' },\n      { variant: 'pill', size: 'lg', className: 'h-10 text-md px-6' },\n    ],\n    defaultVariants: {\n      variant: 'line',\n      size: 'default',\n      fitted: false,\n    },\n  }\n)\n\n// Icon size mapping for tabs (same as Button icon+text pattern)\nconst triggerIconSizeClasses = {\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n} as const\n\nexport interface TabsTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    Omit<VariantProps<typeof tabsTriggerVariants>, 'variant' | 'size' | 'fitted'> {}\n\n// Line variant: active indicator color\nconst lineColorClasses = {\n  default: 'data-[state=active]:border-foreground',\n  primary: 'data-[state=active]:border-primary',\n} as const\n\n// Enclosed variant: top border-radius\nconst enclosedRadiusClasses = {\n  none: 'rounded-t-none',\n  sm: 'rounded-t-sm',\n  base: 'rounded-t',\n  md: 'rounded-t-md',\n  lg: 'rounded-t-lg',\n  xl: 'rounded-t-xl',\n} as const\n\n// Pill variant: container radius (applied to TabsList, matches Segmented scale)\nconst pillListRadiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  '2xl': 'rounded-2xl',\n  '3xl': 'rounded-3xl',\n  full: 'rounded-full',\n} as const\n\n// Pill variant: item radius (one step smaller than container, matches Segmented item scale)\nconst pillItemRadiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  md: 'rounded-md',\n  lg: 'rounded-md',\n  xl: 'rounded-lg',\n  '2xl': 'rounded-xl',\n  '3xl': 'rounded-2xl',\n  full: 'rounded-full',\n} as const\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  TabsTriggerProps\n>(({ className, children, ...props }, ref) => {\n  const { variant, size, fitted, color, radius } = useTabsStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        tabsTriggerVariants({ variant, size: resolvedSize, fitted }),\n        triggerIconSizeClasses[resolvedSize],\n        variant === 'line' && lineColorClasses[color || 'default'],\n        variant === 'enclosed' && enclosedRadiusClasses[(radius || 'md') as keyof typeof enclosedRadiusClasses],\n        variant === 'pill' && pillItemRadiusClasses[radius || 'md'],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Trigger>\n  )\n})\nTabsTrigger.displayName = 'TabsTrigger'\n\n// ─── TabsContent ─────────────────────────────────────────────\n\nexport interface TabsContentProps\n  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {}\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  TabsContentProps\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-4 focus-visible:focus-ring',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = 'TabsContent'\n\n// ─── Tabs (Root) ─────────────────────────────────────────────\n\nconst Tabs = TabsPrimitive.Root\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/textarea.d.mts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "filled" | null | undefined;
+    focusRing?: boolean | null | undefined;
+    size?: "default" | "compact" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    error?: boolean;
+    focusRing?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps, textareaVariants };

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "filled" | null | undefined;
+    focusRing?: boolean | null | undefined;
+    size?: "default" | "compact" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    error?: boolean;
+    focusRing?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps, textareaVariants };