@karakuri-ui/react 0.2.2 → 0.2.4

package/dist/components/ui/progress.mjs

@@ -0,0 +1,159 @@
+"use client";
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const CIRCULAR_VIEWBOX = 100;
+const CIRCULAR_CENTER = 50;
+const CIRCULAR_SIZES = {
+  sm: 32,
+  default: 48,
+  lg: 64
+};
+const CIRCULAR_THICKNESS = {
+  sm: 4,
+  default: 5,
+  lg: 6
+};
+const CIRCULAR_FONT_SIZES = {
+  sm: "text-2xs",
+  default: "text-xs",
+  lg: "text-sm"
+};
+const linearTrackVariants = cva(
+  "relative w-full overflow-hidden bg-border rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        default: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const colorMap = {
+  default: "bg-foreground",
+  primary: "bg-primary"
+};
+const circularColorMap = {
+  default: "stroke-foreground",
+  primary: "stroke-primary"
+};
+const valueFontSizes = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+const Progress = React.forwardRef(({
+  className,
+  type = "linear",
+  value = 0,
+  max = 100,
+  size,
+  variant = "default",
+  color = "default",
+  indicatorClassName,
+  showValue = false,
+  formatLabel,
+  animated = false,
+  thickness,
+  label,
+  ...props
+}, ref) => {
+  const resolvedSize = size || "default";
+  const clampedValue = Math.min(Math.max(value, 0), max);
+  const percentage = clampedValue / max * 100;
+  const valueLabel = formatLabel ? formatLabel(clampedValue, max) : `${Math.round(percentage)}%`;
+  if (type === "circular") {
+    const diameter = CIRCULAR_SIZES[resolvedSize];
+    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize];
+    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * r;
+    const offset = circumference * (1 - percentage / 100);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn("inline-flex items-center gap-2", className),
+        role: "progressbar",
+        "aria-valuenow": clampedValue,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": label
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "relative", style: { width: diameter, height: diameter } }, /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          viewBox: `0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`,
+          className: "transform -rotate-90",
+          width: diameter,
+          height: diameter
+        },
+        /* @__PURE__ */ React.createElement(
+          "circle",
+          {
+            cx: CIRCULAR_CENTER,
+            cy: CIRCULAR_CENTER,
+            r,
+            fill: "none",
+            className: "stroke-border",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "circle",
+          {
+            cx: CIRCULAR_CENTER,
+            cy: CIRCULAR_CENTER,
+            r,
+            fill: "none",
+            className: cn(indicatorClassName || circularColorMap[color], "transition-[stroke-dashoffset] duration-normal ease-out"),
+            strokeWidth,
+            strokeDasharray: circumference,
+            strokeDashoffset: offset,
+            strokeLinecap: "round"
+          }
+        )
+      ), showValue && resolvedSize !== "sm" && /* @__PURE__ */ React.createElement("div", { className: cn(
+        "absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground",
+        CIRCULAR_FONT_SIZES[resolvedSize]
+      ) }, valueLabel))
+    );
+  }
+  const stripedBg = variant === "striped" ? "bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]" : "";
+  return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-3", showValue && "w-full", className) }, /* @__PURE__ */ React.createElement(
+    ProgressPrimitive.Root,
+    {
+      ref,
+      className: cn(linearTrackVariants({ size })),
+      value: clampedValue,
+      max,
+      "aria-label": label,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      ProgressPrimitive.Indicator,
+      {
+        className: cn(
+          "h-full transition-[width] duration-normal ease-out rounded-full",
+          indicatorClassName || colorMap[color],
+          stripedBg,
+          animated && variant === "striped" && "animate-progress-stripe"
+        ),
+        style: { width: `${percentage}%` }
+      }
+    )
+  ), showValue && /* @__PURE__ */ React.createElement("span", { className: cn(
+    "shrink-0 font-semibold font-mono tabular-nums text-foreground",
+    valueFontSizes[resolvedSize]
+  ) }, valueLabel));
+});
+Progress.displayName = "Progress";
+export {
+  Progress,
+  linearTrackVariants
+};
+//# sourceMappingURL=progress.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** Circular SVG viewBox size */\nconst CIRCULAR_VIEWBOX = 100\n/** Circular center point */\nconst CIRCULAR_CENTER = 50\n\n/** Circular sizes (diameter in px) */\nconst CIRCULAR_SIZES = {\n  sm: 32,\n  default: 48,\n  lg: 64,\n} as const\n\n/** Circular stroke thickness per size */\nconst CIRCULAR_THICKNESS = {\n  sm: 4,\n  default: 5,\n  lg: 6,\n} as const\n\n/** Circular value font sizes */\nconst CIRCULAR_FONT_SIZES = {\n  sm: 'text-2xs',\n  default: 'text-xs',\n  lg: 'text-sm',\n} as const\n\n// ============================================================================\n// Linear Progress\n// ============================================================================\n\nconst linearTrackVariants = cva(\n  'relative w-full overflow-hidden bg-border rounded-full',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        default: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst colorMap = {\n  default: 'bg-foreground',\n  primary: 'bg-primary',\n} as const\n\nconst circularColorMap = {\n  default: 'stroke-foreground',\n  primary: 'stroke-primary',\n} as const\n\nconst valueFontSizes = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>,\n    VariantProps<typeof linearTrackVariants> {\n  /** Progress type */\n  type?: 'linear' | 'circular'\n  /** Current value (0 to max) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Visual variant (linear only) */\n  variant?: 'default' | 'striped'\n  /** Indicator color */\n  color?: 'default' | 'primary'\n  /** Custom indicator class (overrides color) */\n  indicatorClassName?: string\n  /** Show percentage value */\n  showValue?: boolean\n  /** Custom label formatter */\n  formatLabel?: (value: number, max: number) => string\n  /** Animate striped variant */\n  animated?: boolean\n  /** Circular stroke thickness override */\n  thickness?: number\n  /** Accessibility label */\n  label?: string\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({\n  className,\n  type = 'linear',\n  value = 0,\n  max = 100,\n  size,\n  variant = 'default',\n  color = 'default',\n  indicatorClassName,\n  showValue = false,\n  formatLabel,\n  animated = false,\n  thickness,\n  label,\n  ...props\n}, ref) => {\n  const resolvedSize = size || 'default'\n  const clampedValue = Math.min(Math.max(value, 0), max)\n  const percentage = (clampedValue / max) * 100\n\n  const valueLabel = formatLabel\n    ? formatLabel(clampedValue, max)\n    : `${Math.round(percentage)}%`\n\n  // ── Circular ──\n  if (type === 'circular') {\n    const diameter = CIRCULAR_SIZES[resolvedSize]\n    const strokeWidth = thickness ?? CIRCULAR_THICKNESS[resolvedSize]\n    const r = (CIRCULAR_VIEWBOX - strokeWidth) / 2\n    const circumference = 2 * Math.PI * r\n    const offset = circumference * (1 - percentage / 100)\n\n    return (\n      <div\n        className={cn('inline-flex items-center gap-2', className)}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n      >\n        <div className=\"relative\" style={{ width: diameter, height: diameter }}>\n          <svg\n            viewBox={`0 0 ${CIRCULAR_VIEWBOX} ${CIRCULAR_VIEWBOX}`}\n            className=\"transform -rotate-90\"\n            width={diameter}\n            height={diameter}\n          >\n            {/* Track */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className=\"stroke-border\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Indicator */}\n            <circle\n              cx={CIRCULAR_CENTER}\n              cy={CIRCULAR_CENTER}\n              r={r}\n              fill=\"none\"\n              className={cn(indicatorClassName || circularColorMap[color], 'transition-[stroke-dashoffset] duration-normal ease-out')}\n              strokeWidth={strokeWidth}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n          {/* Center value */}\n          {showValue && resolvedSize !== 'sm' && (\n            <div className={cn(\n              'absolute inset-0 flex items-center justify-center font-semibold font-mono tabular-nums text-foreground',\n              CIRCULAR_FONT_SIZES[resolvedSize]\n            )}>\n              {valueLabel}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // ── Linear ──\n  const stripedBg = variant === 'striped'\n    ? 'bg-[length:1rem_1rem] bg-[linear-gradient(45deg,rgba(255,255,255,0.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,0.15)_50%,rgba(255,255,255,0.15)_75%,transparent_75%,transparent)]'\n    : ''\n\n  return (\n    <div className={cn('flex items-center gap-3', showValue && 'w-full', className)}>\n      <ProgressPrimitive.Root\n        ref={ref}\n        className={cn(linearTrackVariants({ size }))}\n        value={clampedValue}\n        max={max}\n        aria-label={label}\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn(\n            'h-full transition-[width] duration-normal ease-out rounded-full',\n            indicatorClassName || colorMap[color],\n            stripedBg,\n            animated && variant === 'striped' && 'animate-progress-stripe',\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </ProgressPrimitive.Root>\n      {showValue && (\n        <span className={cn(\n          'shrink-0 font-semibold font-mono tabular-nums text-foreground',\n          valueFontSizes[resolvedSize]\n        )}>\n          {valueLabel}\n        </span>\n      )}\n    </div>\n  )\n})\nProgress.displayName = 'Progress'\n\nexport { Progress, linearTrackVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/radio-group.d.mts

@@ -0,0 +1,40 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+declare const radioColorMap: {
+    readonly default: {
+        readonly border: "data-[state=checked]:border-foreground";
+        readonly dot: "bg-foreground";
+    };
+    readonly primary: {
+        readonly border: "data-[state=checked]:border-primary";
+        readonly dot: "bg-primary";
+    };
+};
+type RadioColor = keyof typeof radioColorMap;
+declare const radioGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    size?: 'sm' | 'default' | 'lg';
+    weight?: 'thin' | 'bold';
+    /** Checked state color */
+    color?: RadioColor;
+}
+declare const radioItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    weight?: "bold" | "thin" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label?: string;
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace RadioGroup {
+    type ItemProps = RadioGroupItemProps;
+}
+
+export { type RadioColor, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, radioGroupVariants, radioItemVariants };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,40 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+declare const radioColorMap: {
+    readonly default: {
+        readonly border: "data-[state=checked]:border-foreground";
+        readonly dot: "bg-foreground";
+    };
+    readonly primary: {
+        readonly border: "data-[state=checked]:border-primary";
+        readonly dot: "bg-primary";
+    };
+};
+type RadioColor = keyof typeof radioColorMap;
+declare const radioGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    size?: 'sm' | 'default' | 'lg';
+    weight?: 'thin' | 'bold';
+    /** Checked state color */
+    color?: RadioColor;
+}
+declare const radioItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    weight?: "bold" | "thin" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label?: string;
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace RadioGroup {
+    type ItemProps = RadioGroupItemProps;
+}
+
+export { type RadioColor, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, radioGroupVariants, radioItemVariants };

package/dist/components/ui/radio-group.js

@@ -0,0 +1,177 @@
+"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 radio_group_exports = {};
+__export(radio_group_exports, {
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
+  radioGroupVariants: () => radioGroupVariants,
+  radioItemVariants: () => radioItemVariants
+});
+module.exports = __toCommonJS(radio_group_exports);
+var React = __toESM(require("react"));
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+var import_field = require("./field");
+const radioColorMap = {
+  default: {
+    border: "data-[state=checked]:border-foreground",
+    dot: "bg-foreground"
+  },
+  primary: {
+    border: "data-[state=checked]:border-primary",
+    dot: "bg-primary"
+  }
+};
+const RadioGroupContext = React.createContext({ size: "default", weight: "bold", color: "default" });
+const radioGroupVariants = (0, import_class_variance_authority.cva)("grid gap-3", {
+  variants: {
+    orientation: {
+      vertical: "grid-cols-1",
+      horizontal: "grid-flow-col auto-cols-max gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+const RadioGroupRoot = React.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
+  const fieldContext = (0, import_field.useFieldContext)();
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  return /* @__PURE__ */ React.createElement(RadioGroupContext.Provider, { value: { size, weight, color, disabled: resolvedDisabled } }, /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      ref,
+      className: (0, import_utils.cn)(radioGroupVariants({ orientation }), className),
+      orientation: orientation || void 0,
+      disabled: resolvedDisabled,
+      ...props
+    }
+  ));
+});
+RadioGroupRoot.displayName = "RadioGroup";
+const radioItemVariants = (0, import_class_variance_authority.cva)(
+  [
+    "relative shrink-0 rounded-full border-border-form hover:border-border-form-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px circle → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px circle → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px circle → 36px click
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      weight: "bold"
+    }
+  }
+);
+const dotSizes = {
+  sm: "w-1.5 h-1.5",
+  // 6px
+  default: "w-2 h-2",
+  // 8px
+  lg: "w-2.5 h-2.5"
+  // 10px
+};
+const labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+const gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+const RadioGroupItem = React.forwardRef(({ className, label, disabled, ...props }, ref) => {
+  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext);
+  const resolvedDisabled = disabled ?? groupDisabled;
+  const itemId = React.useId();
+  const radio = /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      id: label ? itemId : void 0,
+      disabled: resolvedDisabled,
+      className: (0, import_utils.cn)(
+        radioItemVariants({ size, weight }),
+        radioColorMap[color].border,
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center animate-radio-enter" }, /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("rounded-full", radioColorMap[color].dot, dotSizes[size]) }))
+  );
+  if (!label) return radio;
+  return /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("group flex items-center", gapSizes[size]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, radio), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: itemId,
+      className: (0, import_utils.cn)(
+        labelSizes[size],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Item: RadioGroupItem
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  RadioGroupItem,
+  radioGroupVariants,
+  radioItemVariants
+});
+//# sourceMappingURL=radio-group.js.map

package/dist/components/ui/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked state\nconst radioColorMap = {\n  default: {\n    border: 'data-[state=checked]:border-foreground',\n    dot: 'bg-foreground',\n  },\n  primary: {\n    border: 'data-[state=checked]:border-primary',\n    dot: 'bg-primary',\n  },\n} as const\n\nexport type RadioColor = keyof typeof radioColorMap\n\n// Context to pass size, weight, color from RadioGroup to RadioGroupItem\ntype RadioGroupContextValue = {\n  size: 'sm' | 'default' | 'lg'\n  weight: 'thin' | 'bold'\n  color: RadioColor\n  disabled?: boolean\n}\nconst RadioGroupContext = React.createContext<RadioGroupContextValue>({ size: 'default', weight: 'bold', color: 'default' })\n\n// RadioGroup container\nconst radioGroupVariants = cva('grid gap-3', {\n  variants: {\n    orientation: {\n      vertical: 'grid-cols-1',\n      horizontal: 'grid-flow-col auto-cols-max gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n})\n\nexport interface RadioGroupProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  size?: 'sm' | 'default' | 'lg'\n  weight?: 'thin' | 'bold'\n  /** Checked state color */\n  color?: RadioColor\n}\n\nconst RadioGroupRoot = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, orientation, size = 'default', weight = 'bold', color = 'default', disabled, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n\n  return (\n    <RadioGroupContext.Provider value={{ size, weight, color, disabled: resolvedDisabled }}>\n      <RadioGroupPrimitive.Root\n        ref={ref}\n        className={cn(radioGroupVariants({ orientation }), className)}\n        orientation={orientation || undefined}\n        disabled={resolvedDisabled}\n        {...props}\n      />\n    </RadioGroupContext.Provider>\n  )\n})\nRadioGroupRoot.displayName = 'RadioGroup'\n\n// RadioGroupItem circle variants\nconst radioItemVariants = cva(\n  [\n    'relative shrink-0 rounded-full border-border-form hover:border-border-form-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',     // 14px circle → 24px click\n        default: 'w-4 h-4 after:-inset-2',          // 16px circle → 32px click\n        lg: 'w-5 h-5 after:-inset-2',               // 20px circle → 36px click\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      weight: 'bold',\n    },\n  }\n)\n\n// Dot sizes per radio size\nconst dotSizes = {\n  sm: 'w-1.5 h-1.5',       // 6px\n  default: 'w-2 h-2',      // 8px\n  lg: 'w-2.5 h-2.5',       // 10px\n}\n\n// Label font sizes\nconst labelSizes = {\n  sm: 'text-xs',       // 12px\n  default: 'text-md',  // 14px\n  lg: 'text-base',     // 16px\n}\n\n// Gap between radio and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  label?: string\n}\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, label, disabled, ...props }, ref) => {\n  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext)\n  const resolvedDisabled = disabled ?? groupDisabled\n  const itemId = React.useId()\n\n  const radio = (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      id={label ? itemId : undefined}\n      disabled={resolvedDisabled}\n      className={cn(\n        radioItemVariants({ size, weight }),\n        radioColorMap[color].border,\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center animate-radio-enter\">\n        <div className={cn('rounded-full', radioColorMap[color].dot, dotSizes[size])} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!label) return radio\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[size])}>\n      <div className=\"flex items-center\">\n        {radio}\n      </div>\n      <label\n        htmlFor={itemId}\n        className={cn(\n          labelSizes[size],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\n// ─── Namespace ──────────────────────────────────────────\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace RadioGroup {\n  export type ItemProps = RadioGroupItemProps\n}\n\nexport { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/radio-group.mjs

@@ -0,0 +1,140 @@
+"use client";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+import { useFieldContext } from "./field";
+const radioColorMap = {
+  default: {
+    border: "data-[state=checked]:border-foreground",
+    dot: "bg-foreground"
+  },
+  primary: {
+    border: "data-[state=checked]:border-primary",
+    dot: "bg-primary"
+  }
+};
+const RadioGroupContext = React.createContext({ size: "default", weight: "bold", color: "default" });
+const radioGroupVariants = cva("grid gap-3", {
+  variants: {
+    orientation: {
+      vertical: "grid-cols-1",
+      horizontal: "grid-flow-col auto-cols-max gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+const RadioGroupRoot = React.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
+  const fieldContext = useFieldContext();
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  return /* @__PURE__ */ React.createElement(RadioGroupContext.Provider, { value: { size, weight, color, disabled: resolvedDisabled } }, /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      ref,
+      className: cn(radioGroupVariants({ orientation }), className),
+      orientation: orientation || void 0,
+      disabled: resolvedDisabled,
+      ...props
+    }
+  ));
+});
+RadioGroupRoot.displayName = "RadioGroup";
+const radioItemVariants = cva(
+  [
+    "relative shrink-0 rounded-full border-border-form hover:border-border-form-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px circle → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px circle → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px circle → 36px click
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      weight: "bold"
+    }
+  }
+);
+const dotSizes = {
+  sm: "w-1.5 h-1.5",
+  // 6px
+  default: "w-2 h-2",
+  // 8px
+  lg: "w-2.5 h-2.5"
+  // 10px
+};
+const labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+const gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+const RadioGroupItem = React.forwardRef(({ className, label, disabled, ...props }, ref) => {
+  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext);
+  const resolvedDisabled = disabled ?? groupDisabled;
+  const itemId = React.useId();
+  const radio = /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      id: label ? itemId : void 0,
+      disabled: resolvedDisabled,
+      className: cn(
+        radioItemVariants({ size, weight }),
+        radioColorMap[color].border,
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center animate-radio-enter" }, /* @__PURE__ */ React.createElement("div", { className: cn("rounded-full", radioColorMap[color].dot, dotSizes[size]) }))
+  );
+  if (!label) return radio;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("group flex items-center", gapSizes[size]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, radio), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: itemId,
+      className: cn(
+        labelSizes[size],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Item: RadioGroupItem
+});
+export {
+  RadioGroup,
+  RadioGroupItem,
+  radioGroupVariants,
+  radioItemVariants
+};
+//# sourceMappingURL=radio-group.mjs.map

package/dist/components/ui/radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked state\nconst radioColorMap = {\n  default: {\n    border: 'data-[state=checked]:border-foreground',\n    dot: 'bg-foreground',\n  },\n  primary: {\n    border: 'data-[state=checked]:border-primary',\n    dot: 'bg-primary',\n  },\n} as const\n\nexport type RadioColor = keyof typeof radioColorMap\n\n// Context to pass size, weight, color from RadioGroup to RadioGroupItem\ntype RadioGroupContextValue = {\n  size: 'sm' | 'default' | 'lg'\n  weight: 'thin' | 'bold'\n  color: RadioColor\n  disabled?: boolean\n}\nconst RadioGroupContext = React.createContext<RadioGroupContextValue>({ size: 'default', weight: 'bold', color: 'default' })\n\n// RadioGroup container\nconst radioGroupVariants = cva('grid gap-3', {\n  variants: {\n    orientation: {\n      vertical: 'grid-cols-1',\n      horizontal: 'grid-flow-col auto-cols-max gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n})\n\nexport interface RadioGroupProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  size?: 'sm' | 'default' | 'lg'\n  weight?: 'thin' | 'bold'\n  /** Checked state color */\n  color?: RadioColor\n}\n\nconst RadioGroupRoot = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, orientation, size = 'default', weight = 'bold', color = 'default', disabled, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n\n  return (\n    <RadioGroupContext.Provider value={{ size, weight, color, disabled: resolvedDisabled }}>\n      <RadioGroupPrimitive.Root\n        ref={ref}\n        className={cn(radioGroupVariants({ orientation }), className)}\n        orientation={orientation || undefined}\n        disabled={resolvedDisabled}\n        {...props}\n      />\n    </RadioGroupContext.Provider>\n  )\n})\nRadioGroupRoot.displayName = 'RadioGroup'\n\n// RadioGroupItem circle variants\nconst radioItemVariants = cva(\n  [\n    'relative shrink-0 rounded-full border-border-form hover:border-border-form-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',     // 14px circle → 24px click\n        default: 'w-4 h-4 after:-inset-2',          // 16px circle → 32px click\n        lg: 'w-5 h-5 after:-inset-2',               // 20px circle → 36px click\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      weight: 'bold',\n    },\n  }\n)\n\n// Dot sizes per radio size\nconst dotSizes = {\n  sm: 'w-1.5 h-1.5',       // 6px\n  default: 'w-2 h-2',      // 8px\n  lg: 'w-2.5 h-2.5',       // 10px\n}\n\n// Label font sizes\nconst labelSizes = {\n  sm: 'text-xs',       // 12px\n  default: 'text-md',  // 14px\n  lg: 'text-base',     // 16px\n}\n\n// Gap between radio and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  label?: string\n}\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, label, disabled, ...props }, ref) => {\n  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext)\n  const resolvedDisabled = disabled ?? groupDisabled\n  const itemId = React.useId()\n\n  const radio = (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      id={label ? itemId : undefined}\n      disabled={resolvedDisabled}\n      className={cn(\n        radioItemVariants({ size, weight }),\n        radioColorMap[color].border,\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center animate-radio-enter\">\n        <div className={cn('rounded-full', radioColorMap[color].dot, dotSizes[size])} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!label) return radio\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[size])}>\n      <div className=\"flex items-center\">\n        {radio}\n      </div>\n      <label\n        htmlFor={itemId}\n        className={cn(\n          labelSizes[size],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\n// ─── Namespace ──────────────────────────────────────────\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace RadioGroup {\n  export type ItemProps = RadioGroupItemProps\n}\n\nexport { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,WAAW;AACpB,SAAS,UAAU;AACnB,SAAS,uBAAuB;AAGhC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AACF;AAWA,MAAM,oBAAoB,MAAM,cAAsC,EAAE,MAAM,WAAW,QAAQ,QAAQ,OAAO,UAAU,CAAC;AAG3H,MAAM,qBAAqB,IAAI,cAAc;AAAA,EAC3C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,EACf;AACF,CAAC;AAUD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,aAAa,OAAO,WAAW,SAAS,QAAQ,QAAQ,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/G,QAAM,eAAe,gBAAgB;AACrC,QAAM,mBAAmB,YAAY,cAAc;AAEnD,SACE,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAM,QAAQ,OAAO,UAAU,iBAAiB,KACnF;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MAC5D,aAAa,eAAe;AAAA,MAC5B,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,oBAAoB;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EACF,EAAE,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,MAAM,WAAW;AAAA,EACf,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,aAAa;AAAA,EACjB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AACN;AAOA,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnD,QAAM,EAAE,MAAM,QAAQ,OAAO,UAAU,cAAc,IAAI,MAAM,WAAW,iBAAiB;AAC3F,QAAM,mBAAmB,YAAY;AACrC,QAAM,SAAS,MAAM,MAAM;AAE3B,QAAM,QACJ;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,IAAI,QAAQ,SAAS;AAAA,MACrB,UAAU;AAAA,MACV,WAAW;AAAA,QACT,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAAA,QAClC,cAAc,KAAK,EAAE;AAAA,QACrB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,oCAAC,oBAAoB,WAApB,EAA8B,WAAU,0DACvC,oCAAC,SAAI,WAAW,GAAG,gBAAgB,cAAc,KAAK,EAAE,KAAK,SAAS,IAAI,CAAC,GAAG,CAChF;AAAA,EACF;AAGF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oCAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,IAAI,CAAC,KAC1D,oCAAC,SAAI,WAAU,uBACZ,KACH,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW,IAAI;AAAA,QACf;AAAA,QACA;AAAA,QACA,oBAAoB;AAAA,MACtB;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AACR,CAAC;","names":[]}

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

@@ -0,0 +1,30 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { VariantProps } from 'class-variance-authority';
+
+declare const segmentedVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    fontWeight?: "normal" | "semibold" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const segmentedItemVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    contentType?: "text" | "icon" | "icon-text" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SegmentedProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof segmentedVariants> {
+}
+interface SegmentedItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, Omit<VariantProps<typeof segmentedItemVariants>, 'variant'> {
+}
+declare const SegmentedItem: React.ForwardRefExoticComponent<SegmentedItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<SegmentedItemProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace Segmented {
+    type ItemProps = SegmentedItemProps;
+}
+
+export { Segmented, SegmentedItem, type SegmentedItemProps, type SegmentedProps, segmentedItemVariants, segmentedVariants };