@open-mercato/ui 0.5.1-develop.2949.009dcdd2d5 → 0.5.1-develop.2954.610bab2d08

package/dist/primitives/input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/input.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype InputProps = React.ComponentPropsWithoutRef<'input'>\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input\n      ref={ref}\n      type={type}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n)\n\nInput.displayName = 'Input'\n"],
-  "mappings": "AAOI;AAPJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAIZ,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,MAAM,GAAG,QACvC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst inputWrapperVariants = cva(\n  'inline-flex w-full items-center gap-2 rounded-md border border-input bg-background shadow-xs transition-colors focus-within:outline-none focus-within:shadow-focus focus-within:border-foreground hover:bg-muted/40 has-[input:disabled]:bg-bg-disabled has-[input:disabled]:border-border-disabled has-[input:disabled]:shadow-none has-[input:disabled]:hover:bg-bg-disabled has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:focus-within:border-destructive',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-2.5',\n        default: 'h-9 px-3',\n        lg: 'h-10 px-3',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nconst inputElementVariants = cva(\n  'flex-1 min-w-0 bg-transparent border-0 outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-transparent',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nexport type InputProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> &\n  VariantProps<typeof inputWrapperVariants> & {\n    leftIcon?: React.ReactNode\n    rightIcon?: React.ReactNode\n    /** Optional className on the inner <input> element. */\n    inputClassName?: string\n  }\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, inputClassName, type = 'text', size, leftIcon, rightIcon, ...props }, ref) => {\n    return (\n      <div\n        className={cn(inputWrapperVariants({ size }), className)}\n        data-slot=\"input-wrapper\"\n      >\n        {leftIcon ? (\n          <span\n            className=\"flex shrink-0 items-center text-muted-foreground [&_svg]:size-4\"\n            aria-hidden=\"true\"\n          >\n            {leftIcon}\n          </span>\n        ) : null}\n        <input\n          ref={ref}\n          type={type}\n          className={cn(inputElementVariants({ size }), inputClassName)}\n          {...props}\n        />\n        {rightIcon ? (\n          <span\n            className=\"flex shrink-0 items-center text-muted-foreground [&_svg]:size-4\"\n            aria-hidden=\"true\"\n          >\n            {rightIcon}\n          </span>\n        ) : null}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport { inputWrapperVariants, inputElementVariants }\n"],
+  "mappings": "AA+CM,SAKI,KALJ;AA/CN,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUO,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,gBAAgB,OAAO,QAAQ,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC1F,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,qBAAqB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACvD,aAAU;AAAA,QAET;AAAA,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX;AAAA;AAAA,UACH,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,WAAW,GAAG,qBAAqB,EAAE,KAAK,CAAC,GAAG,cAAc;AAAA,cAC3D,GAAG;AAAA;AAAA,UACN;AAAA,UACC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX;AAAA;AAAA,UACH,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;",
   "names": []
 }

package/dist/primitives/radio-field.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Radio } from "./radio.js";
+const RadioField = React.forwardRef(({
+  id: idProp,
+  label,
+  sublabel,
+  description,
+  badge,
+  link,
+  flip = false,
+  containerClassName,
+  contentClassName,
+  className,
+  disabled,
+  ...radioProps
+}, ref) => {
+  const fallbackId = React.useId();
+  const id = idProp ?? fallbackId;
+  const hasMultiLine = Boolean(description || sublabel || link);
+  const radio = /* @__PURE__ */ jsx(
+    Radio,
+    {
+      ref,
+      id,
+      disabled,
+      className: cn(hasMultiLine && "mt-0.5", className),
+      ...radioProps
+    }
+  );
+  const content = /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 min-w-0 flex-col gap-2.5", contentClassName), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: id,
+            className: cn(
+              "text-sm font-medium leading-5 text-foreground select-none",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            children: label
+          }
+        ),
+        sublabel ? /* @__PURE__ */ jsx("span", { className: "text-xs leading-4 text-muted-foreground select-none", children: sublabel }) : null,
+        badge ? /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", children: badge }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-muted-foreground", children: description }) : null
+    ] }),
+    link ? /* @__PURE__ */ jsx("div", { className: "flex", children: link }) : null
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-2",
+        hasMultiLine ? "items-start" : "items-center",
+        flip && "flex-row-reverse",
+        containerClassName
+      ),
+      children: [
+        flip ? content : radio,
+        flip ? radio : content
+      ]
+    }
+  );
+});
+RadioField.displayName = "RadioField";
+export {
+  RadioField
+};
+//# sourceMappingURL=radio-field.js.map

package/dist/primitives/radio-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/radio-field.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Radio } from './radio'\n\nexport type RadioFieldProps = Omit<React.ComponentProps<typeof Radio>, 'id'> & {\n  id?: string\n  label: React.ReactNode\n  sublabel?: React.ReactNode\n  description?: React.ReactNode\n  badge?: React.ReactNode\n  link?: React.ReactNode\n  /** When true, renders the radio on the right of the label content. */\n  flip?: boolean\n  containerClassName?: string\n  contentClassName?: string\n}\n\nexport const RadioField = React.forwardRef<\n  React.ElementRef<typeof Radio>,\n  RadioFieldProps\n>(({\n  id: idProp,\n  label,\n  sublabel,\n  description,\n  badge,\n  link,\n  flip = false,\n  containerClassName,\n  contentClassName,\n  className,\n  disabled,\n  ...radioProps\n}, ref) => {\n  // useId is SSR/HMR-stable; counter-based fallbacks drift on hydration.\n  const fallbackId = React.useId()\n  const id = idProp ?? fallbackId\n\n  const hasMultiLine = Boolean(description || sublabel || link)\n  const radio = (\n    <Radio\n      ref={ref}\n      id={id}\n      disabled={disabled}\n      className={cn(hasMultiLine && 'mt-0.5', className)}\n      {...radioProps}\n    />\n  )\n\n  const content = (\n    <div className={cn('flex flex-1 min-w-0 flex-col gap-2.5', contentClassName)}>\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"flex flex-wrap items-center gap-1\">\n          <label\n            htmlFor={id}\n            className={cn(\n              'text-sm font-medium leading-5 text-foreground select-none',\n              disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer'\n            )}\n          >\n            {label}\n          </label>\n          {sublabel ? (\n            <span className=\"text-xs leading-4 text-muted-foreground select-none\">{sublabel}</span>\n          ) : null}\n          {badge ? <span className=\"inline-flex shrink-0\">{badge}</span> : null}\n        </div>\n        {description ? (\n          <p className=\"text-xs leading-4 text-muted-foreground\">{description}</p>\n        ) : null}\n      </div>\n      {link ? <div className=\"flex\">{link}</div> : null}\n    </div>\n  )\n\n  return (\n    <div\n      className={cn(\n        'flex gap-2',\n        hasMultiLine ? 'items-start' : 'items-center',\n        flip && 'flex-row-reverse',\n        containerClassName\n      )}\n    >\n      {flip ? content : radio}\n      {flip ? radio : content}\n    </div>\n  )\n})\nRadioField.displayName = 'RadioField'\n"],
+  "mappings": ";AA0CI,cAYI,YAZJ;AAxCJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,aAAa;AAef,MAAM,aAAa,MAAM,WAG9B,CAAC;AAAA,EACD,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AAET,QAAM,aAAa,MAAM,MAAM;AAC/B,QAAM,KAAK,UAAU;AAErB,QAAM,eAAe,QAAQ,eAAe,YAAY,IAAI;AAC5D,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,gBAAgB,UAAU,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAGF,QAAM,UACJ,qBAAC,SAAI,WAAW,GAAG,wCAAwC,gBAAgB,GACzE;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAW;AAAA,cACT;AAAA,cACA,WAAW,kCAAkC;AAAA,YAC/C;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACC,WACC,oBAAC,UAAK,WAAU,uDAAuD,oBAAS,IAC9E;AAAA,QACH,QAAQ,oBAAC,UAAK,WAAU,wBAAwB,iBAAM,IAAU;AAAA,SACnE;AAAA,MACC,cACC,oBAAC,OAAE,WAAU,2CAA2C,uBAAY,IAClE;AAAA,OACN;AAAA,IACC,OAAO,oBAAC,SAAI,WAAU,QAAQ,gBAAK,IAAS;AAAA,KAC/C;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,gBAAgB;AAAA,QAC/B,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,MAEC;AAAA,eAAO,UAAU;AAAA,QACjB,OAAO,QAAQ;AAAA;AAAA;AAAA,EAClB;AAEJ,CAAC;AACD,WAAW,cAAc;",
+  "names": []
+}

package/dist/primitives/radio.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cn } from "@open-mercato/shared/lib/utils";
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }
+));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const Radio = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "aspect-square size-5 shrink-0 rounded-full border border-input bg-background",
+      "flex items-center justify-center transition-colors",
+      "hover:border-muted-foreground/40",
+      "data-[state=checked]:border-accent-indigo data-[state=checked]:bg-accent-indigo",
+      "focus-visible:outline-none focus-visible:shadow-focus",
+      "disabled:cursor-not-allowed disabled:opacity-60",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "block size-2 rounded-full bg-white" }) })
+  }
+));
+Radio.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  Radio,
+  RadioGroup
+};
+//# sourceMappingURL=radio.js.map

package/dist/primitives/radio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/radio.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport const RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root\n    ref={ref}\n    className={cn('flex flex-col gap-2', className)}\n    {...props}\n  />\n))\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport const Radio = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Item\n    ref={ref}\n    className={cn(\n      'aspect-square size-5 shrink-0 rounded-full border border-input bg-background',\n      'flex items-center justify-center transition-colors',\n      'hover:border-muted-foreground/40',\n      'data-[state=checked]:border-accent-indigo data-[state=checked]:bg-accent-indigo',\n      'focus-visible:outline-none focus-visible:shadow-focus',\n      'disabled:cursor-not-allowed disabled:opacity-60',\n      className\n    )}\n    {...props}\n  >\n    <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n      <span aria-hidden=\"true\" className=\"block size-2 rounded-full bg-white\" />\n    </RadioGroupPrimitive.Indicator>\n  </RadioGroupPrimitive.Item>\n))\nRadio.displayName = RadioGroupPrimitive.Item.displayName\n"],
+  "mappings": ";AAWE;AATF,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAErC,SAAS,UAAU;AAEZ,MAAM,aAAa,MAAM,WAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,IAC7C,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc,oBAAoB,KAAK;AAE3C,MAAM,QAAQ,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,oBAAoB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,oBAAoB,WAApB,EAA8B,WAAU,oCACvC,8BAAC,UAAK,eAAY,QAAO,WAAU,sCAAqC,GAC1E;AAAA;AACF,CACD;AACD,MAAM,cAAc,oBAAoB,KAAK;",
+  "names": []
+}

package/dist/primitives/select.js

@@ -0,0 +1,155 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const selectTriggerVariants = cva(
+  "inline-flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:bg-muted/40 focus:outline-none focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled disabled:[&_svg]:opacity-60 aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-2.5 text-xs",
+        default: "h-9 px-3 text-sm",
+        lg: "h-10 px-3 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const SelectTrigger = React.forwardRef(({ className, size, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(selectTriggerVariants({ size }), className),
+    "data-slot": "select-trigger",
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground", "aria-hidden": "true" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1 text-muted-foreground", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4", "aria-hidden": "true" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1 text-muted-foreground", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    position,
+    sideOffset,
+    className: cn(
+      "relative z-dropdown min-w-[8rem] overflow-hidden rounded-md border border-input bg-popover text-popover-foreground shadow-md outline-none",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1 max-h-[var(--radix-select-content-available-height)] overflow-y-auto",
+            position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-overline uppercase text-muted-foreground", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none transition-colors",
+      "focus:bg-muted focus:text-foreground",
+      "data-[state=checked]:bg-muted/70 data-[state=checked]:text-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4 text-foreground", "aria-hidden": "true" }) }) })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+const Select = React.forwardRef(({ value, defaultValue, onValueChange, ...props }, _ref) => {
+  const isControlled = value !== void 0 || onValueChange !== void 0;
+  if (!isControlled) {
+    return /* @__PURE__ */ jsx(SelectPrimitive.Root, { defaultValue, ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Root,
+    {
+      value: value ?? "",
+      onValueChange,
+      ...props
+    }
+  );
+});
+Select.displayName = "Select";
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  selectTriggerVariants
+};
+//# sourceMappingURL=select.js.map

package/dist/primitives/select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/select.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst selectTriggerVariants = cva(\n  'inline-flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:bg-muted/40 focus:outline-none focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled disabled:[&_svg]:opacity-60 aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-2.5 text-xs',\n        default: 'h-9 px-3 text-sm',\n        lg: 'h-10 px-3 text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nexport type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n  VariantProps<typeof selectTriggerVariants>\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, size, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(selectTriggerVariants({ size }), className)}\n    data-slot=\"select-trigger\"\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"text-muted-foreground\" aria-hidden=\"true\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1 text-muted-foreground', className)}\n    {...props}\n  >\n    <ChevronUp className=\"size-4\" aria-hidden=\"true\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn('flex cursor-default items-center justify-center py-1 text-muted-foreground', className)}\n    {...props}\n  >\n    <ChevronDown className=\"size-4\" aria-hidden=\"true\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', sideOffset = 4, ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      position={position}\n      sideOffset={sideOffset}\n      className={cn(\n        'relative z-dropdown min-w-[8rem] overflow-hidden rounded-md border border-input bg-popover text-popover-foreground shadow-md outline-none',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        position === 'popper' && 'w-full min-w-[var(--radix-select-trigger-width)]',\n        className\n      )}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          'p-1 max-h-[var(--radix-select-content-available-height)] overflow-y-auto',\n          position === 'popper' && 'w-full min-w-[var(--radix-select-trigger-width)]'\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-overline uppercase text-muted-foreground', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none transition-colors',\n      'focus:bg-muted focus:text-foreground',\n      'data-[state=checked]:bg-muted/70 data-[state=checked]:text-foreground',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      '[&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"flex-1 truncate\">\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </span>\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"size-4 text-foreground\" aria-hidden=\"true\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-border', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\n/**\n * Wraps Radix `Select.Root` to absorb the controlled/uncontrolled transition\n * many call sites trigger by passing `value={x || undefined}`. React fires\n * \"Select is changing from uncontrolled to controlled\" the moment value flips\n * from undefined to a defined string, and Radix's internal state ends up in\n * an inconsistent shape (dropdown flashes, selections no-op). Coercing\n * `undefined` \u2192 `''` keeps Radix in stable controlled mode for the lifetime\n * of the component while preserving \"no selection\" semantics \u2014 Radix simply\n * matches no SelectItem and `SelectValue` falls back to the placeholder.\n */\nconst Select = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>\n>(({ value, defaultValue, onValueChange, ...props }, _ref) => {\n  const isControlled = value !== undefined || onValueChange !== undefined\n  if (!isControlled) {\n    return <SelectPrimitive.Root defaultValue={defaultValue} {...props} />\n  }\n  return (\n    <SelectPrimitive.Root\n      value={value ?? ''}\n      onValueChange={onValueChange}\n      {...props}\n    />\n  )\n}) as unknown as typeof SelectPrimitive.Root\n;(Select as React.ComponentType).displayName = 'Select'\nconst SelectGroup = SelectPrimitive.Group\nconst SelectValue = SelectPrimitive.Value\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  selectTriggerVariants,\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/primitives/switch-field.js

@@ -0,0 +1,76 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Switch } from "./switch.js";
+const SwitchField = React.forwardRef(({
+  id: idProp,
+  label,
+  sublabel,
+  description,
+  badge,
+  link,
+  flip = false,
+  containerClassName,
+  contentClassName,
+  className,
+  disabled,
+  ...switchProps
+}, ref) => {
+  const fallbackId = React.useId();
+  const id = idProp ?? fallbackId;
+  const hasMultiLine = Boolean(description || sublabel || link);
+  const switchEl = /* @__PURE__ */ jsx(
+    Switch,
+    {
+      ref,
+      id,
+      disabled,
+      className: cn(hasMultiLine && "mt-0.5", className),
+      ...switchProps
+    }
+  );
+  const content = /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 min-w-0 flex-col gap-2.5", contentClassName), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: id,
+            className: cn(
+              "text-sm font-medium leading-5 text-foreground select-none",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            children: label
+          }
+        ),
+        sublabel ? /* @__PURE__ */ jsx("span", { className: "text-xs leading-4 text-muted-foreground select-none", children: sublabel }) : null,
+        badge ? /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", children: badge }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-muted-foreground", children: description }) : null
+    ] }),
+    link ? /* @__PURE__ */ jsx("div", { className: "flex", children: link }) : null
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex gap-3",
+        hasMultiLine ? "items-start" : "items-center",
+        containerClassName
+      ),
+      children: flip ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        switchEl,
+        content
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        content,
+        switchEl
+      ] })
+    }
+  );
+});
+SwitchField.displayName = "SwitchField";
+export {
+  SwitchField
+};
+//# sourceMappingURL=switch-field.js.map

package/dist/primitives/switch-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/switch-field.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Switch } from './switch'\n\nexport type SwitchFieldProps = Omit<React.ComponentProps<typeof Switch>, 'id'> & {\n  id?: string\n  label: React.ReactNode\n  sublabel?: React.ReactNode\n  description?: React.ReactNode\n  badge?: React.ReactNode\n  link?: React.ReactNode\n  /** When true, renders the switch on the left of the label content. */\n  flip?: boolean\n  containerClassName?: string\n  contentClassName?: string\n}\n\nexport const SwitchField = React.forwardRef<\n  React.ElementRef<typeof Switch>,\n  SwitchFieldProps\n>(({\n  id: idProp,\n  label,\n  sublabel,\n  description,\n  badge,\n  link,\n  flip = false,\n  containerClassName,\n  contentClassName,\n  className,\n  disabled,\n  ...switchProps\n}, ref) => {\n  // useId is SSR/HMR-stable; counter-based fallbacks drift on hydration.\n  const fallbackId = React.useId()\n  const id = idProp ?? fallbackId\n\n  const hasMultiLine = Boolean(description || sublabel || link)\n  const switchEl = (\n    <Switch\n      ref={ref}\n      id={id}\n      disabled={disabled}\n      className={cn(hasMultiLine && 'mt-0.5', className)}\n      {...switchProps}\n    />\n  )\n\n  const content = (\n    <div className={cn('flex flex-1 min-w-0 flex-col gap-2.5', contentClassName)}>\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"flex flex-wrap items-center gap-1\">\n          <label\n            htmlFor={id}\n            className={cn(\n              'text-sm font-medium leading-5 text-foreground select-none',\n              disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer'\n            )}\n          >\n            {label}\n          </label>\n          {sublabel ? (\n            <span className=\"text-xs leading-4 text-muted-foreground select-none\">{sublabel}</span>\n          ) : null}\n          {badge ? <span className=\"inline-flex shrink-0\">{badge}</span> : null}\n        </div>\n        {description ? (\n          <p className=\"text-xs leading-4 text-muted-foreground\">{description}</p>\n        ) : null}\n      </div>\n      {link ? <div className=\"flex\">{link}</div> : null}\n    </div>\n  )\n\n  return (\n    <div\n      className={cn(\n        'flex gap-3',\n        hasMultiLine ? 'items-start' : 'items-center',\n        containerClassName\n      )}\n    >\n      {flip ? (\n        <>\n          {switchEl}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {switchEl}\n        </>\n      )}\n    </div>\n  )\n})\nSwitchField.displayName = 'SwitchField'\n"],
+  "mappings": ";AA0CI,SA4CI,UA5CJ,KAYI,YAZJ;AAxCJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,cAAc;AAehB,MAAM,cAAc,MAAM,WAG/B,CAAC;AAAA,EACD,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AAET,QAAM,aAAa,MAAM,MAAM;AAC/B,QAAM,KAAK,UAAU;AAErB,QAAM,eAAe,QAAQ,eAAe,YAAY,IAAI;AAC5D,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,gBAAgB,UAAU,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAGF,QAAM,UACJ,qBAAC,SAAI,WAAW,GAAG,wCAAwC,gBAAgB,GACzE;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAW;AAAA,cACT;AAAA,cACA,WAAW,kCAAkC;AAAA,YAC/C;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACC,WACC,oBAAC,UAAK,WAAU,uDAAuD,oBAAS,IAC9E;AAAA,QACH,QAAQ,oBAAC,UAAK,WAAU,wBAAwB,iBAAM,IAAU;AAAA,SACnE;AAAA,MACC,cACC,oBAAC,OAAE,WAAU,2CAA2C,uBAAY,IAClE;AAAA,OACN;AAAA,IACC,OAAO,oBAAC,SAAI,WAAU,QAAQ,gBAAK,IAAS;AAAA,KAC/C;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,gBAAgB;AAAA,QAC/B;AAAA,MACF;AAAA,MAEC,iBACC,iCACG;AAAA;AAAA,QACA;AAAA,SACH,IAEA,iCACG;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,YAAY,cAAc;",
+  "names": []
+}

package/dist/primitives/switch.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "@open-mercato/shared/lib/utils";
@@ -55,7 +56,9 @@ const Switch = React.forwardRef(
         onKeyDown: handleKeyDown,
         disabled,
         className: cn(
-          "inline-flex h-6 w-11 items-center rounded-full border border-transparent bg-input/60 transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary",
+          "group relative inline-flex h-5 w-8 shrink-0 cursor-pointer items-center justify-center rounded-full bg-transparent p-0",
+          "focus-visible:outline-none focus-visible:shadow-focus",
+          "disabled:cursor-not-allowed disabled:opacity-60",
           className
         ),
         ...props,
@@ -64,8 +67,19 @@ const Switch = React.forwardRef(
           {
             "aria-hidden": true,
             className: cn(
-              "inline-block size-5 translate-x-0 rounded-full bg-background shadow transition-transform duration-200",
-              currentChecked ? "translate-x-5" : "translate-x-0"
+              "pointer-events-none flex h-4 w-7 items-center rounded-full px-0.5 transition-colors duration-150",
+              "bg-border group-hover:bg-muted-foreground/30",
+              "group-data-[state=checked]:bg-accent-indigo group-data-[state=checked]:group-hover:bg-accent-indigo/85"
+            ),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "block size-3 rounded-full bg-white transition-transform duration-200",
+                  "shadow-[0_1px_2px_rgba(10,13,20,0.10),0_0_0_0.5px_rgba(10,13,20,0.04)]",
+                  currentChecked ? "translate-x-3" : "translate-x-0"
+                )
+              }
             )
           }
         )

package/dist/primitives/switch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/switch.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype SwitchProps = {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n} & Omit<React.ComponentProps<'button'>, 'onChange'>\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, defaultChecked, onCheckedChange, disabled, className, onClick, onKeyDown, ...props }, ref) => {\n    const isControlled = typeof checked === 'boolean'\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultChecked ?? false)\n\n    const currentChecked = isControlled ? checked : uncontrolledValue\n\n    const toggle = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => {\n        event.preventDefault()\n        if (disabled) {\n          return\n        }\n        const next = !currentChecked\n        if (!isControlled) {\n          setUncontrolledValue(next)\n        }\n        onCheckedChange?.(next)\n      },\n      [currentChecked, disabled, isControlled, onCheckedChange]\n    )\n\n    const handleClick = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          toggle(event)\n        }\n      },\n      [onClick, toggle]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          toggle(event)\n        }\n      },\n      [onKeyDown, toggle]\n    )\n\n    return (\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={currentChecked}\n        aria-disabled={disabled}\n        data-state={currentChecked ? 'checked' : 'unchecked'}\n        data-disabled={disabled ? '' : undefined}\n        ref={ref}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        className={cn(\n          'inline-flex h-6 w-11 items-center rounded-full border border-transparent bg-input/60 transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary',\n          className\n        )}\n        {...props}\n      >\n        <span\n          aria-hidden\n          className={cn(\n            'inline-block size-5 translate-x-0 rounded-full bg-background shadow transition-transform duration-200',\n            currentChecked ? 'translate-x-5' : 'translate-x-0'\n          )}\n        />\n      </button>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n"],
-  "mappings": "AAyEQ;AAzER,YAAY,WAAW;AAEvB,SAAS,UAAU;AAQZ,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,SAAS,gBAAgB,iBAAiB,UAAU,WAAW,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,UAAM,eAAe,OAAO,YAAY;AACxC,UAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,kBAAkB,KAAK;AAExF,UAAM,iBAAiB,eAAe,UAAU;AAEhD,UAAM,SAAS,MAAM;AAAA,MACnB,CAAC,UAAwF;AACvF,cAAM,eAAe;AACrB,YAAI,UAAU;AACZ;AAAA,QACF;AACA,cAAM,OAAO,CAAC;AACd,YAAI,CAAC,cAAc;AACjB,+BAAqB,IAAI;AAAA,QAC3B;AACA,0BAAkB,IAAI;AAAA,MACxB;AAAA,MACA,CAAC,gBAAgB,UAAU,cAAc,eAAe;AAAA,IAC1D;AAEA,UAAM,cAAc,MAAM;AAAA,MACxB,CAAC,UAA+C;AAC9C,kBAAU,KAAK;AACf,YAAI,CAAC,MAAM,kBAAkB;AAC3B,iBAAO,KAAK;AAAA,QACd;AAAA,MACF;AAAA,MACA,CAAC,SAAS,MAAM;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM;AAAA,MAC1B,CAAC,UAAkD;AACjD,oBAAY,KAAK;AACjB,YAAI,MAAM,kBAAkB;AAC1B;AAAA,QACF;AACA,YAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,iBAAO,KAAK;AAAA,QACd;AAAA,MACF;AAAA,MACA,CAAC,WAAW,MAAM;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,cAAY,iBAAiB,YAAY;AAAA,QACzC,iBAAe,WAAW,KAAK;AAAA,QAC/B;AAAA,QACA,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA,iBAAiB,kBAAkB;AAAA,YACrC;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype SwitchProps = {\n  checked?: boolean\n  defaultChecked?: boolean\n  onCheckedChange?: (checked: boolean) => void\n} & Omit<React.ComponentProps<'button'>, 'onChange'>\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, defaultChecked, onCheckedChange, disabled, className, onClick, onKeyDown, ...props }, ref) => {\n    const isControlled = typeof checked === 'boolean'\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultChecked ?? false)\n\n    const currentChecked = isControlled ? checked : uncontrolledValue\n\n    const toggle = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => {\n        event.preventDefault()\n        if (disabled) {\n          return\n        }\n        const next = !currentChecked\n        if (!isControlled) {\n          setUncontrolledValue(next)\n        }\n        onCheckedChange?.(next)\n      },\n      [currentChecked, disabled, isControlled, onCheckedChange]\n    )\n\n    const handleClick = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          toggle(event)\n        }\n      },\n      [onClick, toggle]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          toggle(event)\n        }\n      },\n      [onKeyDown, toggle]\n    )\n\n    return (\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={currentChecked}\n        aria-disabled={disabled}\n        data-state={currentChecked ? 'checked' : 'unchecked'}\n        data-disabled={disabled ? '' : undefined}\n        ref={ref}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        className={cn(\n          'group relative inline-flex h-5 w-8 shrink-0 cursor-pointer items-center justify-center rounded-full bg-transparent p-0',\n          'focus-visible:outline-none focus-visible:shadow-focus',\n          'disabled:cursor-not-allowed disabled:opacity-60',\n          className\n        )}\n        {...props}\n      >\n        <span\n          aria-hidden\n          className={cn(\n            'pointer-events-none flex h-4 w-7 items-center rounded-full px-0.5 transition-colors duration-150',\n            'bg-border group-hover:bg-muted-foreground/30',\n            'group-data-[state=checked]:bg-accent-indigo group-data-[state=checked]:group-hover:bg-accent-indigo/85'\n          )}\n        >\n          <span\n            className={cn(\n              'block size-3 rounded-full bg-white transition-transform duration-200',\n              'shadow-[0_1px_2px_rgba(10,13,20,0.10),0_0_0_0.5px_rgba(10,13,20,0.04)]',\n              currentChecked ? 'translate-x-3' : 'translate-x-0'\n            )}\n          />\n        </span>\n      </button>\n    )\n  }\n)\n\nSwitch.displayName = 'Switch'\n"],
+  "mappings": ";AAqFU;AAnFV,YAAY,WAAW;AAEvB,SAAS,UAAU;AAQZ,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,SAAS,gBAAgB,iBAAiB,UAAU,WAAW,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,UAAM,eAAe,OAAO,YAAY;AACxC,UAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,kBAAkB,KAAK;AAExF,UAAM,iBAAiB,eAAe,UAAU;AAEhD,UAAM,SAAS,MAAM;AAAA,MACnB,CAAC,UAAwF;AACvF,cAAM,eAAe;AACrB,YAAI,UAAU;AACZ;AAAA,QACF;AACA,cAAM,OAAO,CAAC;AACd,YAAI,CAAC,cAAc;AACjB,+BAAqB,IAAI;AAAA,QAC3B;AACA,0BAAkB,IAAI;AAAA,MACxB;AAAA,MACA,CAAC,gBAAgB,UAAU,cAAc,eAAe;AAAA,IAC1D;AAEA,UAAM,cAAc,MAAM;AAAA,MACxB,CAAC,UAA+C;AAC9C,kBAAU,KAAK;AACf,YAAI,CAAC,MAAM,kBAAkB;AAC3B,iBAAO,KAAK;AAAA,QACd;AAAA,MACF;AAAA,MACA,CAAC,SAAS,MAAM;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM;AAAA,MAC1B,CAAC,UAAkD;AACjD,oBAAY,KAAK;AACjB,YAAI,MAAM,kBAAkB;AAC1B;AAAA,QACF;AACA,YAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,iBAAO,KAAK;AAAA,QACd;AAAA,MACF;AAAA,MACA,CAAC,WAAW,MAAM;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,cAAY,iBAAiB,YAAY;AAAA,QACzC,iBAAe,WAAW,KAAK;AAAA,QAC/B;AAAA,QACA,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA,iBAAiB,kBAAkB;AAAA,gBACrC;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;",
   "names": []
 }

package/dist/primitives/textarea.js

@@ -1,18 +1,54 @@
-import { jsx } from "react/jsx-runtime";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "@open-mercato/shared/lib/utils";
+const baseTextareaClass = "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-colors placeholder:text-muted-foreground outline-none focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground hover:bg-muted/40 disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive resize-y min-h-[80px]";
 const Textarea = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      ref,
-      className: cn(
-        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
+  ({ className, showCount, wrapperClassName, value, defaultValue, maxLength, onChange, ...props }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(
+      typeof defaultValue === "string" ? defaultValue : typeof value === "string" ? value : ""
+    );
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? String(value ?? "") : internalValue;
+    const handleChange = React.useCallback(
+      (event) => {
+        if (!isControlled) setInternalValue(event.target.value);
+        onChange?.(event);
+      },
+      [isControlled, onChange]
+    );
+    const textarea = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref,
+        value,
+        defaultValue: isControlled ? void 0 : defaultValue,
+        maxLength,
+        onChange: handleChange,
+        className: cn(baseTextareaClass, className),
+        ...props
+      }
+    );
+    if (!showCount) return textarea;
+    const length = currentValue.length;
+    const max = typeof maxLength === "number" ? maxLength : void 0;
+    const isError = max != null && length > max;
+    const isDisabled = props.disabled;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", wrapperClassName), children: [
+      textarea,
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-overline uppercase",
+            isDisabled ? "text-text-disabled" : isError ? "text-destructive" : "text-muted-foreground"
+          ),
+          "aria-live": "polite",
+          children: max != null ? `${length}/${max}` : `${length}`
+        }
+      ) })
+    ] });
+  }
 );
 Textarea.displayName = "Textarea";
 export {

package/dist/primitives/textarea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/textarea.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      className={cn(\n        'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n)\n\nTextarea.displayName = 'Textarea'\n"],
-  "mappings": "AAQI;AARJ,YAAY,WAAW;AAEvB,SAAS,UAAU;AAIZ,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst baseTextareaClass =\n  'flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-colors placeholder:text-muted-foreground outline-none focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground hover:bg-muted/40 disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:border-destructive resize-y min-h-[80px]'\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  /** Show character counter (`current/max`) below the textarea. Requires `maxLength`. */\n  showCount?: boolean\n  /** Optional className applied to the outer wrapper (when counter is shown). */\n  wrapperClassName?: string\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, showCount, wrapperClassName, value, defaultValue, maxLength, onChange, ...props }, ref) => {\n    const [internalValue, setInternalValue] = React.useState<string>(\n      typeof defaultValue === 'string' ? defaultValue : typeof value === 'string' ? value : ''\n    )\n\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? String(value ?? '') : internalValue\n\n    const handleChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (!isControlled) setInternalValue(event.target.value)\n        onChange?.(event)\n      },\n      [isControlled, onChange]\n    )\n\n    const textarea = (\n      <textarea\n        ref={ref}\n        value={value}\n        defaultValue={isControlled ? undefined : defaultValue}\n        maxLength={maxLength}\n        onChange={handleChange}\n        className={cn(baseTextareaClass, className)}\n        {...props}\n      />\n    )\n\n    if (!showCount) return textarea\n\n    const length = currentValue.length\n    const max = typeof maxLength === 'number' ? maxLength : undefined\n    const isError = max != null && length > max\n    const isDisabled = props.disabled\n\n    return (\n      <div className={cn('flex flex-col gap-1', wrapperClassName)}>\n        {textarea}\n        <div className=\"flex justify-end\">\n          <span\n            className={cn(\n              'text-overline uppercase',\n              isDisabled\n                ? 'text-text-disabled'\n                : isError\n                  ? 'text-destructive'\n                  : 'text-muted-foreground'\n            )}\n            aria-live=\"polite\"\n          >\n            {max != null ? `${length}/${max}` : `${length}`}\n          </span>\n        </div>\n      </div>\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],
+  "mappings": ";AAkCM,cAmBA,YAnBA;AAhCN,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,MAAM,oBACJ;AASK,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,WAAW,kBAAkB,OAAO,cAAc,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvG,UAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM;AAAA,MAC9C,OAAO,iBAAiB,WAAW,eAAe,OAAO,UAAU,WAAW,QAAQ;AAAA,IACxF;AAEA,UAAM,eAAe,UAAU;AAC/B,UAAM,eAAe,eAAe,OAAO,SAAS,EAAE,IAAI;AAE1D,UAAM,eAAe,MAAM;AAAA,MACzB,CAAC,UAAkD;AACjD,YAAI,CAAC,aAAc,kBAAiB,MAAM,OAAO,KAAK;AACtD,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,CAAC,cAAc,QAAQ;AAAA,IACzB;AAEA,UAAM,WACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAc,eAAe,SAAY;AAAA,QACzC;AAAA,QACA,UAAU;AAAA,QACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,QACzC,GAAG;AAAA;AAAA,IACN;AAGF,QAAI,CAAC,UAAW,QAAO;AAEvB,UAAM,SAAS,aAAa;AAC5B,UAAM,MAAM,OAAO,cAAc,WAAW,YAAY;AACxD,UAAM,UAAU,OAAO,QAAQ,SAAS;AACxC,UAAM,aAAa,MAAM;AAEzB,WACE,qBAAC,SAAI,WAAW,GAAG,uBAAuB,gBAAgB,GACvD;AAAA;AAAA,MACD,oBAAC,SAAI,WAAU,oBACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,aACI,uBACA,UACE,qBACA;AAAA,UACR;AAAA,UACA,aAAU;AAAA,UAET,iBAAO,OAAO,GAAG,MAAM,IAAI,GAAG,KAAK,GAAG,MAAM;AAAA;AAAA,MAC/C,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;",
   "names": []
 }