@freighttech/ui 0.13.18

package/dist/primitives/sheet.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { X } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const Sheet = DialogPrimitive.Root;
+const SheetTrigger = DialogPrimitive.Trigger;
+const SheetClose = DialogPrimitive.Close;
+const SheetPortal = DialogPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const SheetContent = React.forwardRef(({ className, children, side = "right", overlayClassName, ariaTitle, hideCloseButton, fullWidth, ...props }, ref) => {
+  const t = useT();
+  const defaultAriaTitle = t("ui.sheet.defaultTitle", "Panel");
+  const sideStyles = {
+    left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+    right: "inset-y-0 right-0 h-full w-3/4 max-w-md border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+    top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+    bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+  };
+  const fullWidthStyles = fullWidth ? "w-full max-w-full" : "";
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 bg-card p-6 shadow-lg transition ease-in-out",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:duration-300 data-[state=open]:duration-300",
+          sideStyles[side],
+          fullWidthStyles,
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogPrimitive.Title, { children: ariaTitle || defaultAriaTitle }) }),
+          !hideCloseButton && /* @__PURE__ */ jsx(
+            SheetClose,
+            {
+              className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              "aria-label": t("ui.dialog.close.ariaLabel", "Close"),
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+});
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};
+//# sourceMappingURL=sheet.js.map

package/dist/primitives/sheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/sheet.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nconst Sheet = DialogPrimitive.Root\n\nconst SheetTrigger = DialogPrimitive.Trigger\n\nconst SheetClose = DialogPrimitive.Close\n\nconst SheetPortal = DialogPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/50',\n      'data-[state=open]:animate-in data-[state=closed]:animate-out',\n      'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nSheetOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  side?: 'left' | 'right' | 'top' | 'bottom'\n  overlayClassName?: string\n  ariaTitle?: string\n  hideCloseButton?: boolean\n  fullWidth?: boolean\n}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  SheetContentProps\n>(({ className, children, side = 'right', overlayClassName, ariaTitle, hideCloseButton, fullWidth, ...props }, ref) => {\n  const t = useT()\n  const defaultAriaTitle = t('ui.sheet.defaultTitle', 'Panel')\n\n  const sideStyles = {\n    left: 'inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left',\n    right: 'inset-y-0 right-0 h-full w-3/4 max-w-md border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n    top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n    bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n  }\n\n  const fullWidthStyles = fullWidth ? 'w-full max-w-full' : ''\n\n  return (\n    <SheetPortal>\n      <SheetOverlay className={overlayClassName} />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'fixed z-50 flex flex-col gap-4 bg-card p-6 shadow-lg transition ease-in-out',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:duration-300 data-[state=open]:duration-300',\n          sideStyles[side],\n          fullWidthStyles,\n          className\n        )}\n        {...props}\n      >\n        <VisuallyHidden asChild>\n          <DialogPrimitive.Title>{ariaTitle || defaultAriaTitle}</DialogPrimitive.Title>\n        </VisuallyHidden>\n        {!hideCloseButton && (\n          <SheetClose\n            className=\"absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\"\n            aria-label={t('ui.dialog.close.ariaLabel', 'Close')}\n          >\n            <X className=\"h-4 w-4\" />\n          </SheetClose>\n        )}\n        {children}\n      </DialogPrimitive.Content>\n    </SheetPortal>\n  )\n})\nSheetContent.displayName = DialogPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2', className)} {...props} />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = DialogPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],
+  "mappings": ";AAqBE,cAwCI,YAxCJ;AAnBF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,SAAS;AAClB,SAAS,UAAU;AACnB,SAAS,YAAY;AAErB,MAAM,QAAQ,gBAAgB;AAE9B,MAAM,eAAe,gBAAgB;AAErC,MAAM,aAAa,gBAAgB;AAEnC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,gBAAgB,QAAQ;AAUnD,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,UAAU,OAAO,SAAS,kBAAkB,WAAW,iBAAiB,WAAW,GAAG,MAAM,GAAG,QAAQ;AACrH,QAAM,IAAI,KAAK;AACf,QAAM,mBAAmB,EAAE,yBAAyB,OAAO;AAE3D,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAEA,QAAM,kBAAkB,YAAY,sBAAsB;AAE1D,SACE,qBAAC,eACC;AAAA,wBAAC,gBAAa,WAAW,kBAAkB;AAAA,IAC3C;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW,IAAI;AAAA,UACf;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,kBAAe,SAAO,MACrB,8BAAC,gBAAgB,OAAhB,EAAuB,uBAAa,kBAAiB,GACxD;AAAA,UACC,CAAC,mBACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAY,EAAE,6BAA6B,OAAO;AAAA,cAElD,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;AACD,aAAa,cAAc,gBAAgB,QAAQ;AAEnD,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,MACzC,oBAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO;AAEvE,YAAY,cAAc;AAE1B,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,MACzC,oBAAC,SAAI,WAAW,GAAG,0DAA0D,SAAS,GAAI,GAAG,OAAO;AAEtG,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc,gBAAgB,MAAM;AAE/C,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/primitives/spinner.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function Spinner({ className = "", size = "md" }) {
+  const t = useT();
+  const sizeClasses = {
+    sm: "h-4 w-4",
+    md: "h-6 w-6",
+    lg: "h-8 w-8"
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex items-center justify-center animate-spin rounded-full border-2 border-border border-t-foreground ${sizeClasses[size]} ${className}`,
+      role: "status",
+      "aria-label": t("ui.spinner.ariaLabel", "Loading"),
+      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.spinner.srOnly", "Loading...") })
+    }
+  );
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/primitives/spinner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/spinner.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface SpinnerProps {\n  className?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport function Spinner({ className = '', size = 'md' }: SpinnerProps) {\n  const t = useT()\n  const sizeClasses = {\n    sm: 'h-4 w-4',\n    md: 'h-6 w-6',\n    lg: 'h-8 w-8',\n  }\n\n  return (\n    <span\n      className={`inline-flex items-center justify-center animate-spin rounded-full border-2 border-border border-t-foreground ${sizeClasses[size]} ${className}`}\n      role=\"status\"\n      aria-label={t('ui.spinner.ariaLabel', 'Loading')}\n    >\n      <span className=\"sr-only\">{t('ui.spinner.srOnly', 'Loading...')}</span>\n    </span>\n  )\n}\n"],
+  "mappings": ";AAuBM;AArBN,SAAS,YAAY;AAOd,SAAS,QAAQ,EAAE,YAAY,IAAI,OAAO,KAAK,GAAiB;AACrE,QAAM,IAAI,KAAK;AACf,QAAM,cAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gHAAgH,YAAY,IAAI,CAAC,IAAI,SAAS;AAAA,MACzJ,MAAK;AAAA,MACL,cAAY,EAAE,wBAAwB,SAAS;AAAA,MAE/C,8BAAC,UAAK,WAAU,WAAW,YAAE,qBAAqB,YAAY,GAAE;AAAA;AAAA,EAClE;AAEJ;",
+  "names": []
+}

package/dist/primitives/status-badge.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "./badge.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+const dotColors = {
+  success: "bg-status-success-icon",
+  warning: "bg-status-warning-icon",
+  error: "bg-status-error-icon",
+  info: "bg-status-info-icon",
+  neutral: "bg-status-neutral-icon"
+};
+function StatusBadge({
+  variant,
+  children,
+  dot = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant,
+      className: cn(dot && "gap-1.5", className),
+      children: [
+        dot && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("inline-block h-1.5 w-1.5 rounded-full shrink-0", dotColors[variant]),
+            "aria-hidden": "true"
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+export {
+  StatusBadge
+};
+//# sourceMappingURL=status-badge.js.map

package/dist/primitives/status-badge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/status-badge.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Badge } from './badge'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral'\n\nexport type StatusBadgeProps = {\n  /** Visual variant \u2014 maps to semantic color tokens via Badge */\n  variant: StatusBadgeVariant\n  /** Badge text */\n  children: React.ReactNode\n  /** Show colored dot before text */\n  dot?: boolean\n  /** Additional className */\n  className?: string\n}\n\nconst dotColors: Record<StatusBadgeVariant, string> = {\n  success: 'bg-status-success-icon',\n  warning: 'bg-status-warning-icon',\n  error: 'bg-status-error-icon',\n  info: 'bg-status-info-icon',\n  neutral: 'bg-status-neutral-icon',\n}\n\nexport function StatusBadge({\n  variant,\n  children,\n  dot = false,\n  className,\n}: StatusBadgeProps) {\n  return (\n    <Badge\n      variant={variant}\n      className={cn(dot && 'gap-1.5', className)}\n    >\n      {dot && (\n        <span\n          className={cn('inline-block h-1.5 w-1.5 rounded-full shrink-0', dotColors[variant])}\n          aria-hidden=\"true\"\n        />\n      )}\n      {children}\n    </Badge>\n  )\n}\n\n/**\n * Helper type: modules define their own status \u2192 variant mapping.\n *\n * @example\n * const customerStatusMap: StatusMap<'active' | 'inactive' | 'archived'> = {\n *   active: 'success',\n *   inactive: 'neutral',\n *   archived: 'warning',\n * }\n *\n * <StatusBadge variant={customerStatusMap[customer.status] ?? 'neutral'} dot>\n *   {t(`customers.status.${customer.status}`)}\n * </StatusBadge>\n */\nexport type StatusMap<T extends string = string> = Record<T, StatusBadgeVariant>\n"],
+  "mappings": "AAgCI,SAKI,KALJ;AA/BJ,SAAS,aAAa;AACtB,SAAS,UAAU;AAenB,MAAM,YAAgD;AAAA,EACpD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,WAAW,SAAS;AAAA,MAExC;AAAA,eACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,kDAAkD,UAAU,OAAO,CAAC;AAAA,YAClF,eAAY;AAAA;AAAA,QACd;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}

package/dist/primitives/switch.js

@@ -0,0 +1,80 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+const Switch = React.forwardRef(
+  ({ checked, defaultChecked, onCheckedChange, disabled, className, onClick, onKeyDown, ...props }, ref) => {
+    const isControlled = typeof checked === "boolean";
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultChecked ?? false);
+    const currentChecked = isControlled ? checked : uncontrolledValue;
+    const toggle = React.useCallback(
+      (event) => {
+        event.preventDefault();
+        if (disabled) {
+          return;
+        }
+        const next = !currentChecked;
+        if (!isControlled) {
+          setUncontrolledValue(next);
+        }
+        onCheckedChange?.(next);
+      },
+      [currentChecked, disabled, isControlled, onCheckedChange]
+    );
+    const handleClick = React.useCallback(
+      (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          toggle(event);
+        }
+      },
+      [onClick, toggle]
+    );
+    const handleKeyDown = React.useCallback(
+      (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (event.key === " " || event.key === "Enter") {
+          toggle(event);
+        }
+      },
+      [onKeyDown, toggle]
+    );
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": currentChecked,
+        "aria-disabled": disabled,
+        "data-state": currentChecked ? "checked" : "unchecked",
+        "data-disabled": disabled ? "" : void 0,
+        ref,
+        onClick: handleClick,
+        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",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            "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"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+export {
+  Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/primitives/switch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/switch.tsx"],
+  "sourcesContent": ["/**\n * @deprecated Use `Toggle` from `@freighttech/ui/components` instead.\n *   The new component is a native input with `role=\"switch\"`, supports\n *   labels via the `label` prop, and matches the Figma \"FMS-Componenets\"\n *   Toggle spec. Will be removed in a future minor of `@freighttech/ui`.\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          '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": "AA+EQ;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;",
+  "names": []
+}

package/dist/primitives/table.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@open-mercato/shared/lib/utils";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx("table", { className: cn("w-full text-sm", className), ...props });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("thead", { className: cn(className), ...props });
+}
+function TableBody(props) {
+  return /* @__PURE__ */ jsx("tbody", { ...props });
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx("tr", { className: cn("border-b last:border-b-0", className), ...props });
+}
+function TableHead({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx("th", { ref, className: cn("text-left font-medium px-4 py-2 whitespace-nowrap text-muted-foreground", className), ...props });
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx("td", { className: cn("px-4 py-2", className), ...props });
+}
+export {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/primitives/table.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/table.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport function Table({ className, ...props }: React.HTMLAttributes<HTMLTableElement>) {\n  return <table className={cn('w-full text-sm', className)} {...props} />\n}\n\nexport function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) {\n  return <thead className={cn(className)} {...props} />\n}\n\nexport function TableBody(props: React.HTMLAttributes<HTMLTableSectionElement>) {\n  return <tbody {...props} />\n}\n\nexport function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>) {\n  return <tr className={cn('border-b last:border-b-0', className)} {...props} />\n}\n\nexport function TableHead({ className, ref, ...props }: React.ThHTMLAttributes<HTMLTableCellElement> & { ref?: React.Ref<HTMLTableCellElement> }) {\n  return <th ref={ref} className={cn('text-left font-medium px-4 py-2 whitespace-nowrap text-muted-foreground', className)} {...props} />\n}\n\nexport function TableCell({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) {\n  return <td className={cn('px-4 py-2', className)} {...props} />\n}\n\n"],
+  "mappings": "AAIS;AAHT,SAAS,UAAU;AAEZ,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAA2C;AACrF,SAAO,oBAAC,WAAM,WAAW,GAAG,kBAAkB,SAAS,GAAI,GAAG,OAAO;AACvE;AAEO,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkD;AAClG,SAAO,oBAAC,WAAM,WAAW,GAAG,SAAS,GAAI,GAAG,OAAO;AACrD;AAEO,SAAS,UAAU,OAAsD;AAC9E,SAAO,oBAAC,WAAO,GAAG,OAAO;AAC3B;AAEO,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA8C;AAC3F,SAAO,oBAAC,QAAG,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO;AAC9E;AAEO,SAAS,UAAU,EAAE,WAAW,KAAK,GAAG,MAAM,GAA6F;AAChJ,SAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,2EAA2E,SAAS,GAAI,GAAG,OAAO;AACvI;AAEO,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAiD;AAC/F,SAAO,oBAAC,QAAG,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO;AAC/D;",
+  "names": []
+}

package/dist/primitives/tabs.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createContext, useContext } from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "./button.js";
+const TabsContext = createContext(void 0);
+function useTabsContext() {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within a Tabs provider");
+  }
+  return context;
+}
+function Tabs({
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  children,
+  className
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? "");
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const handleValueChange = React.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx("div", { className, children }) });
+}
+function TabsList({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex h-9 items-center justify-start rounded-lg bg-muted p-1 text-muted-foreground",
+        className
+      ),
+      role: "tablist",
+      children
+    }
+  );
+}
+function TabsTrigger({ value, children, className, disabled }) {
+  const { value: selectedValue, onValueChange } = useTabsContext();
+  const isSelected = selectedValue === value;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "sm",
+      role: "tab",
+      "aria-selected": isSelected,
+      disabled,
+      onClick: () => onValueChange(value),
+      className: cn(
+        isSelected ? "bg-background text-foreground shadow" : "hover:bg-background/50 hover:text-foreground",
+        className
+      ),
+      children
+    }
+  );
+}
+function TabsContent({ value, children, className }) {
+  const { value: selectedValue } = useTabsContext();
+  if (selectedValue !== value) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tabpanel",
+      className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
+      children
+    }
+  );
+}
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map

package/dist/primitives/tabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/tabs.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { createContext, useContext } from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from './button'\n\ntype TabsContextValue = {\n  value: string\n  onValueChange: (value: string) => void\n}\n\nconst TabsContext = createContext<TabsContextValue | undefined>(undefined)\n\nfunction useTabsContext() {\n  const context = useContext(TabsContext)\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs provider')\n  }\n  return context\n}\n\nexport type TabsProps = {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Tabs({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  children,\n  className,\n}: TabsProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? '')\n  const isControlled = controlledValue !== undefined\n  const value = isControlled ? controlledValue : uncontrolledValue\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue)\n      }\n      onValueChange?.(newValue)\n    },\n    [isControlled, onValueChange],\n  )\n\n  return (\n    <TabsContext.Provider value={{ value, onValueChange: handleValueChange }}>\n      <div className={className}>{children}</div>\n    </TabsContext.Provider>\n  )\n}\n\nexport type TabsListProps = {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function TabsList({ children, className }: TabsListProps) {\n  return (\n    <div\n      className={cn(\n        'inline-flex h-9 items-center justify-start rounded-lg bg-muted p-1 text-muted-foreground',\n        className,\n      )}\n      role=\"tablist\"\n    >\n      {children}\n    </div>\n  )\n}\n\nexport type TabsTriggerProps = {\n  value: string\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n}\n\nexport function TabsTrigger({ value, children, className, disabled }: TabsTriggerProps) {\n  const { value: selectedValue, onValueChange } = useTabsContext()\n  const isSelected = selectedValue === value\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"sm\"\n      role=\"tab\"\n      aria-selected={isSelected}\n      disabled={disabled}\n      onClick={() => onValueChange(value)}\n      className={cn(\n        isSelected\n          ? 'bg-background text-foreground shadow'\n          : 'hover:bg-background/50 hover:text-foreground',\n        className,\n      )}\n    >\n      {children}\n    </Button>\n  )\n}\n\nexport type TabsContentProps = {\n  value: string\n  children: React.ReactNode\n  className?: string\n}\n\nexport function TabsContent({ value, children, className }: TabsContentProps) {\n  const { value: selectedValue } = useTabsContext()\n\n  if (selectedValue !== value) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      className={cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className)}\n    >\n      {children}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAqDM;AAnDN,YAAY,WAAW;AACvB,SAAS,eAAe,kBAAkB;AAC1C,SAAS,UAAU;AACnB,SAAS,cAAc;AAOvB,MAAM,cAAc,cAA4C,MAAS;AAEzE,SAAS,iBAAiB;AACxB,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;AAUO,SAAS,KAAK;AAAA,EACnB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAc;AACZ,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,gBAAgB,EAAE;AACnF,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,oBAAoB,MAAM;AAAA,IAC9B,CAAC,aAAqB;AACpB,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,OAAO,eAAe,kBAAkB,GACrE,8BAAC,SAAI,WAAuB,UAAS,GACvC;AAEJ;AAOO,SAAS,SAAS,EAAE,UAAU,UAAU,GAAkB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AASO,SAAS,YAAY,EAAE,OAAO,UAAU,WAAW,SAAS,GAAqB;AACtF,QAAM,EAAE,OAAO,eAAe,cAAc,IAAI,eAAe;AAC/D,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAe;AAAA,MACf;AAAA,MACA,SAAS,MAAM,cAAc,KAAK;AAAA,MAClC,WAAW;AAAA,QACT,aACI,yCACA;AAAA,QACJ;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,YAAY,EAAE,OAAO,UAAU,UAAU,GAAqB;AAC5E,QAAM,EAAE,OAAO,cAAc,IAAI,eAAe;AAEhD,MAAI,kBAAkB,OAAO;AAC3B,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,mIAAmI,SAAS;AAAA,MAEzJ;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}

package/dist/primitives/textarea.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+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
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+export {
+  Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/primitives/textarea.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/primitives/tooltip.js

@@ -0,0 +1,60 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "@open-mercato/shared/lib/utils";
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-slate-900 px-3 py-1.5 text-xs text-slate-50 animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
+      "max-w-xs break-words",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+function SimpleTooltip({
+  content,
+  children,
+  delayDuration = 300,
+  side = "top",
+  align = "center",
+  open,
+  onOpenChange,
+  disabled = false
+}) {
+  const isDisabled = disabled || !content;
+  if (isDisabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(
+    Tooltip,
+    {
+      open,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(TooltipContent, { side, align, children: content })
+      ]
+    }
+  );
+}
+export {
+  SimpleTooltip,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/primitives/tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/tooltip.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport const TooltipProvider = TooltipPrimitive.Provider\n\nexport const Tooltip = TooltipPrimitive.Root\n\nexport const TooltipTrigger = TooltipPrimitive.Trigger\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 overflow-hidden rounded-md bg-slate-900 px-3 py-1.5 text-xs text-slate-50 animate-in fade-in-0 zoom-in-95',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        'max-w-xs break-words',\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport type TooltipProps = {\n  content: React.ReactNode\n  children: React.ReactNode\n  delayDuration?: number\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  align?: 'start' | 'center' | 'end'\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  disabled?: boolean\n}\n\n/**\n * Simple tooltip wrapper component for common use cases.\n *\n * @example\n * <SimpleTooltip content=\"Full text here\">\n *   <span>Truncated...</span>\n * </SimpleTooltip>\n */\nexport function SimpleTooltip({\n  content,\n  children,\n  delayDuration = 300,\n  side = 'top',\n  align = 'center',\n  open,\n  onOpenChange,\n  disabled = false,\n}: TooltipProps) {\n  // If disabled or no content, just render children without tooltip\n  const isDisabled = disabled || !content\n\n  if (isDisabled) {\n    return <>{children}</>\n  }\n\n  return (\n    <Tooltip\n      open={open}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n    >\n      <TooltipTrigger asChild>\n        {children}\n      </TooltipTrigger>\n      <TooltipContent side={side} align={align}>\n        {content}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],
+  "mappings": ";AAiBI,SAkDO,UAlDP,KAsDA,YAtDA;AAfJ,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAEZ,MAAM,kBAAkB,iBAAiB;AAEzC,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C,oBAAC,iBAAiB,QAAjB,EACC;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAqB/C,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAiB;AAEf,QAAM,aAAa,YAAY,CAAC;AAEhC,MAAI,YAAY;AACd,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,kBAAe,SAAO,MACpB,UACH;AAAA,QACA,oBAAC,kBAAe,MAAY,OACzB,mBACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/primitives-v2/Alert.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Info, CheckCircle2, AlertTriangle, XCircle, X } from "lucide-react";
+import { cn } from "./utils.js";
+const VARIANT_CLASSES = {
+  info: "bg-status-v2-info-bg border-status-v2-info-border text-status-v2-info-text",
+  success: "bg-status-v2-success-bg border-status-v2-success-border text-status-v2-success-text",
+  warning: "bg-status-v2-warning-bg border-status-v2-warning-border text-status-v2-warning-text",
+  error: "bg-status-v2-error-bg border-status-v2-error-border text-status-v2-error-text",
+  neutral: "bg-status-v2-neutral-bg border-status-v2-neutral-border text-status-v2-neutral-text"
+};
+const DEFAULT_ICONS = {
+  info: /* @__PURE__ */ jsx(Info, {}),
+  success: /* @__PURE__ */ jsx(CheckCircle2, {}),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, {}),
+  error: /* @__PURE__ */ jsx(XCircle, {}),
+  neutral: /* @__PURE__ */ jsx(Info, {})
+};
+const Alert = React.forwardRef(function Alert2({
+  variant = "info",
+  title,
+  icon,
+  onDismiss,
+  dismissAriaLabel = "Zamknij",
+  className,
+  children,
+  role = "alert",
+  ...props
+}, ref) {
+  const resolvedIcon = icon === void 0 ? DEFAULT_ICONS[variant] : icon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role,
+      className: cn(
+        "flex w-full items-start gap-3 rounded-[10px] border px-4 py-3",
+        VARIANT_CLASSES[variant],
+        className
+      ),
+      ...props,
+      children: [
+        resolvedIcon ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center [&>svg]:h-4 [&>svg]:w-4", children: resolvedIcon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          title ? /* @__PURE__ */ jsx("div", { className: "text-heading-semibold-md", children: title }) : null,
+          children ? /* @__PURE__ */ jsx("div", { className: cn("text-body-regular-xs", title ? "mt-0.5" : null), children }) : null
+        ] }),
+        onDismiss ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": dismissAriaLabel,
+            className: cn(
+              "shrink-0 inline-flex h-6 w-6 items-center justify-center rounded-md",
+              "opacity-70 transition-opacity hover:opacity-100 hover:bg-black/5",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1"
+            ),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        ) : null
+      ]
+    }
+  );
+});
+export {
+  Alert
+};
+//# sourceMappingURL=Alert.js.map