@open-mercato/ui 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

package/dist/primitives/dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/dialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = 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 backdrop-blur-sm transition-opacity data-[state=open]:animate-in data-[state=closed]:animate-out',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  const t = useT()\n\n  React.useEffect(() => {\n    return () => {\n      if (typeof window === 'undefined') return\n      window.setTimeout(() => {\n        if (document.querySelector('[data-dialog-content][data-state=\"open\"]')) return\n        document.body.style.removeProperty('overflow')\n        document.body.style.removeProperty('pointer-events')\n      }, 0)\n    }\n  }, [])\n\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        data-dialog-content=\"\"\n        className={cn(\n          'fixed inset-x-0 bottom-0 z-50 flex min-h-[50vh] max-h-[70vh] w-full translate-x-0 translate-y-0 flex-col gap-4 overflow-y-auto rounded-t-2xl border-t bg-card p-6 shadow-lg',\n          'sm:inset-auto sm:left-1/2 sm:top-1/2 sm:min-h-0 sm:h-auto sm:w-full sm:max-w-lg sm:max-h-[90vh] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-xl sm:border',\n          'focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out',\n          className,\n        )}\n        {...props}\n      >\n        <DialogClose\n          data-dialog-close=\"\"\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        </DialogClose>\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n})\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = 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 leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = 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))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = 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-modal bg-black/50 backdrop-blur-sm transition-opacity data-[state=open]:animate-in data-[state=closed]:animate-out',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  const t = useT()\n\n  React.useEffect(() => {\n    return () => {\n      if (typeof window === 'undefined') return\n      window.setTimeout(() => {\n        if (document.querySelector('[data-dialog-content][data-state=\"open\"]')) return\n        document.body.style.removeProperty('overflow')\n        document.body.style.removeProperty('pointer-events')\n      }, 0)\n    }\n  }, [])\n\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        data-dialog-content=\"\"\n        className={cn(\n          'fixed inset-x-0 bottom-0 z-modal flex min-h-[50vh] max-h-[70vh] w-full translate-x-0 translate-y-0 flex-col gap-4 overflow-y-auto rounded-t-2xl border-t bg-card p-6 shadow-lg',\n          'sm:inset-auto sm:left-1/2 sm:top-1/2 sm:min-h-0 sm:h-auto sm:w-full sm:max-w-lg sm:max-h-[90vh] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-xl sm:border',\n          'focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out',\n          className,\n        )}\n        {...props}\n      >\n        <DialogClose\n          data-dialog-close=\"\"\n          className=\"absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n          aria-label={t('ui.dialog.close.ariaLabel', 'Close')}\n        >\n          <X className=\"h-4 w-4\" />\n        </DialogClose>\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n})\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = 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 leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = 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))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
   "mappings": ";AAoBE,cA+BI,YA/BJ;AAlBF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,SAAS;AAClB,SAAS,UAAU;AACnB,SAAS,YAAY;AAErB,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAErC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,IAAI,KAAK;AAEf,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,OAAO,WAAW,YAAa;AACnC,aAAO,WAAW,MAAM;AACtB,YAAI,SAAS,cAAc,0CAA0C,EAAG;AACxE,iBAAS,KAAK,MAAM,eAAe,UAAU;AAC7C,iBAAS,KAAK,MAAM,eAAe,gBAAgB;AAAA,MACrD,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,gBACC;AAAA,wBAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,uBAAoB;AAAA,QACpB,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,qBAAkB;AAAA,cAClB,WAAU;AAAA,cACV,cAAY,EAAE,6BAA6B,OAAO;AAAA,cAElD,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;AACD,cAAc,cAAc,gBAAgB,QAAQ;AAEpD,MAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAC1C,oBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OAAO;AAElG,aAAa,cAAc;AAE3B,MAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAC1C,oBAAC,SAAI,WAAW,GAAG,0DAA0D,SAAS,GAAI,GAAG,OAAO;AAEtG,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qDAAqD,SAAS;AAAA,IAC3E,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,WAG9B,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,kBAAkB,cAAc,gBAAgB,YAAY;",
   "names": []
 }

package/dist/primitives/fancy-button.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const sheenGradient = "linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 100%)";
+const fancyTypeStyles = {
+  neutral: {
+    className: "border border-white/[0.12] text-white shadow-[0px_1px_2px_0px_rgba(27,28,29,0.48),0px_0px_0px_1px_#242628] hover:brightness-110",
+    style: {
+      backgroundImage: `${sheenGradient}, linear-gradient(90deg, #171717 0%, #171717 100%)`
+    }
+  },
+  basic: {
+    className: "bg-background text-muted-foreground shadow-[0px_1px_3px_0px_rgba(14,18,27,0.12),0px_0px_0px_1px_var(--border,#ebebeb)] hover:bg-accent",
+    style: {}
+  },
+  primary: {
+    className: "text-foreground hover:brightness-105",
+    style: {
+      backgroundImage: "linear-gradient(161.7deg, var(--brand-lime, #B4F372) 0%, #EEFB63 35.36%, var(--brand-violet, #BC9AFF) 70.72%)"
+    }
+  },
+  destructive: {
+    className: "border border-white/[0.12] text-white shadow-[0px_1px_2px_0px_rgba(14,18,27,0.24),0px_0px_0px_1px_var(--destructive,#dc2626)] hover:brightness-110",
+    style: {
+      backgroundImage: `${sheenGradient}, linear-gradient(90deg, var(--destructive, #dc2626) 0%, var(--destructive, #dc2626) 100%)`
+    }
+  }
+};
+const fancyButtonVariants = cva(
+  "inline-flex items-center justify-center gap-1 whitespace-nowrap font-medium cursor-pointer transition-all overflow-hidden disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus",
+  {
+    variants: {
+      size: {
+        default: "h-10 px-3 text-sm rounded-md",
+        sm: "h-9 px-2 text-sm rounded-md",
+        xs: "h-8 px-2 text-xs rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function FancyButton({
+  className,
+  size,
+  intent = "neutral",
+  htmlType = "button",
+  asChild = false,
+  style,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  const { className: typeClassName, style: typeStyle } = fancyTypeStyles[intent];
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "fancy-button",
+      "data-fancy-intent": intent,
+      type: asChild ? void 0 : htmlType,
+      className: cn(fancyButtonVariants({ size, className }), typeClassName),
+      style: { ...typeStyle, ...style },
+      ...props
+    }
+  );
+}
+export {
+  FancyButton,
+  fancyButtonVariants
+};
+//# sourceMappingURL=fancy-button.js.map

package/dist/primitives/fancy-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/fancy-button.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type FancyButtonType = 'neutral' | 'basic' | 'primary' | 'destructive'\n\nconst sheenGradient =\n  'linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 100%)'\n\nconst fancyTypeStyles: Record<\n  FancyButtonType,\n  { className: string; style: React.CSSProperties }\n> = {\n  neutral: {\n    className:\n      'border border-white/[0.12] text-white shadow-[0px_1px_2px_0px_rgba(27,28,29,0.48),0px_0px_0px_1px_#242628] hover:brightness-110',\n    style: {\n      backgroundImage: `${sheenGradient}, linear-gradient(90deg, #171717 0%, #171717 100%)`,\n    },\n  },\n  basic: {\n    className:\n      'bg-background text-muted-foreground shadow-[0px_1px_3px_0px_rgba(14,18,27,0.12),0px_0px_0px_1px_var(--border,#ebebeb)] hover:bg-accent',\n    style: {},\n  },\n  primary: {\n    className: 'text-foreground hover:brightness-105',\n    style: {\n      backgroundImage:\n        'linear-gradient(161.7deg, var(--brand-lime, #B4F372) 0%, #EEFB63 35.36%, var(--brand-violet, #BC9AFF) 70.72%)',\n    },\n  },\n  destructive: {\n    className:\n      'border border-white/[0.12] text-white shadow-[0px_1px_2px_0px_rgba(14,18,27,0.24),0px_0px_0px_1px_var(--destructive,#dc2626)] hover:brightness-110',\n    style: {\n      backgroundImage: `${sheenGradient}, linear-gradient(90deg, var(--destructive, #dc2626) 0%, var(--destructive, #dc2626) 100%)`,\n    },\n  },\n}\n\nconst fancyButtonVariants = cva(\n  \"inline-flex items-center justify-center gap-1 whitespace-nowrap font-medium cursor-pointer transition-all overflow-hidden disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus\",\n  {\n    variants: {\n      size: {\n        default: 'h-10 px-3 text-sm rounded-md',\n        sm: 'h-9 px-2 text-sm rounded-md',\n        xs: 'h-8 px-2 text-xs rounded-md',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\nexport type FancyButtonProps = Omit<React.ComponentProps<'button'>, 'type'> &\n  VariantProps<typeof fancyButtonVariants> & {\n    asChild?: boolean\n    intent?: FancyButtonType\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\nexport function FancyButton({\n  className,\n  size,\n  intent = 'neutral',\n  htmlType = 'button',\n  asChild = false,\n  style,\n  ...props\n}: FancyButtonProps) {\n  const Comp = asChild ? Slot : 'button'\n  const { className: typeClassName, style: typeStyle } = fancyTypeStyles[intent]\n  return (\n    <Comp\n      data-slot=\"fancy-button\"\n      data-fancy-intent={intent}\n      type={asChild ? undefined : htmlType}\n      className={cn(fancyButtonVariants({ size, className }), typeClassName)}\n      style={{ ...typeStyle, ...style }}\n      {...props}\n    />\n  )\n}\n\nexport { fancyButtonVariants }\n"],
+  "mappings": "AA6EI;AA5EJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAInB,MAAM,gBACJ;AAEF,MAAM,kBAGF;AAAA,EACF,SAAS;AAAA,IACP,WACE;AAAA,IACF,OAAO;AAAA,MACL,iBAAiB,GAAG,aAAa;AAAA,IACnC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,WACE;AAAA,IACF,OAAO,CAAC;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,MACL,iBACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,WACE;AAAA,IACF,OAAO;AAAA,MACL,iBAAiB,GAAG,aAAa;AAAA,IACnC;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,EAAE,WAAW,eAAe,OAAO,UAAU,IAAI,gBAAgB,MAAM;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,qBAAmB;AAAA,MACnB,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,GAAG,oBAAoB,EAAE,MAAM,UAAU,CAAC,GAAG,aAAa;AAAA,MACrE,OAAO,EAAE,GAAG,WAAW,GAAG,MAAM;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/primitives/icon-button.js

@@ -3,23 +3,30 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@open-mercato/shared/lib/utils";
 const iconButtonVariants = cva(
-  "inline-flex items-center justify-center rounded-md cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  "inline-flex items-center justify-center cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:shadow-focus aria-pressed:bg-primary aria-pressed:text-primary-foreground aria-pressed:hover:bg-primary-hover",
   {
     variants: {
       variant: {
         outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        white: "bg-background text-muted-foreground shadow-xs hover:bg-accent hover:text-accent-foreground",
+        modifiable: "bg-transparent text-current hover:bg-foreground/10"
       },
       size: {
         xs: "size-6",
         sm: "size-7",
         default: "size-8",
         lg: "size-9"
+      },
+      fullRadius: {
+        true: "rounded-full",
+        false: "rounded-md"
       }
     },
     defaultVariants: {
       variant: "outline",
-      size: "default"
+      size: "default",
+      fullRadius: false
     }
   }
 );
@@ -27,11 +34,20 @@ function IconButton({
   className,
   variant,
   size,
+  fullRadius,
   asChild = false,
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "icon-button", type: asChild ? void 0 : "button", className: cn(iconButtonVariants({ variant, size, className })), ...props });
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "icon-button",
+      type: asChild ? void 0 : "button",
+      className: cn(iconButtonVariants({ variant, size, fullRadius, className })),
+      ...props
+    }
+  );
 }
 export {
   IconButton,

package/dist/primitives/icon-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst iconButtonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n      },\n      size: {\n        xs: 'size-6',\n        sm: 'size-7',\n        default: 'size-8',\n        lg: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'default',\n    },\n  }\n)\n\nexport function IconButton({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof iconButtonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"icon-button\" type={asChild ? undefined : 'button'} className={cn(iconButtonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { iconButtonVariants }\n"],
-  "mappings": "AAqCS;AApCT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GACmE;AACjE,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,eAAc,MAAM,UAAU,SAAY,UAAU,WAAW,GAAG,mBAAmB,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AACzJ;",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst iconButtonVariants = cva(\n  \"inline-flex items-center justify-center cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:shadow-focus aria-pressed:bg-primary aria-pressed:text-primary-foreground aria-pressed:hover:bg-primary-hover\",\n  {\n    variants: {\n      variant: {\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        white:\n          'bg-background text-muted-foreground shadow-xs hover:bg-accent hover:text-accent-foreground',\n        modifiable:\n          'bg-transparent text-current hover:bg-foreground/10',\n      },\n      size: {\n        xs: 'size-6',\n        sm: 'size-7',\n        default: 'size-8',\n        lg: 'size-9',\n      },\n      fullRadius: {\n        true: 'rounded-full',\n        false: 'rounded-md',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'default',\n      fullRadius: false,\n    },\n  }\n)\n\nexport function IconButton({\n  className,\n  variant,\n  size,\n  fullRadius,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof iconButtonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return (\n    <Comp\n      data-slot=\"icon-button\"\n      type={asChild ? undefined : 'button'}\n      className={cn(iconButtonVariants({ variant, size, fullRadius, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { iconButtonVariants }\n"],
+  "mappings": "AAgDI;AA/CJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OAAO;AAAA,QACP,OACE;AAAA,QACF,YACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GACmE;AACjE,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,GAAG,mBAAmB,EAAE,SAAS,MAAM,YAAY,UAAU,CAAC,CAAC;AAAA,MACzE,GAAG;AAAA;AAAA,EACN;AAEJ;",
   "names": []
 }

package/dist/primitives/kbd.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+function Kbd({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: cn(
+        "inline-flex items-center rounded-sm border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground shadow-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function KbdShortcut({ keys, className }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("inline-flex items-center gap-1", className), children: keys.map((key, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx(Kbd, { children: key }),
+    i < keys.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "+" })
+  ] }, i)) });
+}
+export {
+  Kbd,
+  KbdShortcut
+};
+//# sourceMappingURL=kbd.js.map

package/dist/primitives/kbd.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/kbd.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>\n\nexport function Kbd({ children, className, ...props }: KbdProps) {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center rounded-sm border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground shadow-xs',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </kbd>\n  )\n}\n\nexport type KbdShortcutProps = {\n  keys: string[]\n  className?: string\n}\n\nexport function KbdShortcut({ keys, className }: KbdShortcutProps) {\n  return (\n    <span className={cn('inline-flex items-center gap-1', className)}>\n      {keys.map((key, i) => (\n        <React.Fragment key={i}>\n          <Kbd>{key}</Kbd>\n          {i < keys.length - 1 && (\n            <span className=\"text-xs text-muted-foreground\">+</span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  )\n}\n"],
+  "mappings": "AAOI,cAqBI,YArBJ;AAPJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAIZ,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,MAAM,GAAa;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,YAAY,EAAE,MAAM,UAAU,GAAqB;AACjE,SACE,oBAAC,UAAK,WAAW,GAAG,kCAAkC,SAAS,GAC5D,eAAK,IAAI,CAAC,KAAK,MACd,qBAAC,MAAM,UAAN,EACC;AAAA,wBAAC,OAAK,eAAI;AAAA,IACT,IAAI,KAAK,SAAS,KACjB,oBAAC,UAAK,WAAU,iCAAgC,eAAC;AAAA,OAHhC,CAKrB,CACD,GACH;AAEJ;",
+  "names": []
+}

package/dist/primitives/link-button.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const linkButtonVariants = cva(
+  "inline-flex items-center justify-center gap-1 cursor-pointer font-medium transition-colors outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 focus-visible:underline",
+  {
+    variants: {
+      variant: {
+        gray: "text-muted-foreground hover:text-foreground",
+        black: "text-foreground hover:text-foreground/80",
+        primary: "text-primary hover:text-primary-hover",
+        error: "text-destructive hover:text-destructive/80",
+        modifiable: "text-current hover:opacity-80"
+      },
+      size: {
+        sm: "text-xs leading-4 [&_svg:not([class*=size-])]:size-3",
+        default: "text-sm leading-5 [&_svg:not([class*=size-])]:size-4"
+      },
+      underline: {
+        always: "underline underline-offset-4",
+        hover: "underline-offset-4 hover:underline",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default",
+      underline: "hover"
+    }
+  }
+);
+function LinkButton({
+  className,
+  variant,
+  size,
+  underline,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "link-button",
+      type: asChild ? void 0 : "button",
+      className: cn(linkButtonVariants({ variant, size, underline, className })),
+      ...props
+    }
+  );
+}
+export {
+  LinkButton,
+  linkButtonVariants
+};
+//# sourceMappingURL=link-button.js.map

package/dist/primitives/link-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/link-button.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst linkButtonVariants = cva(\n  'inline-flex items-center justify-center gap-1 cursor-pointer font-medium transition-colors outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 focus-visible:underline',\n  {\n    variants: {\n      variant: {\n        gray: 'text-muted-foreground hover:text-foreground',\n        black: 'text-foreground hover:text-foreground/80',\n        primary: 'text-primary hover:text-primary-hover',\n        error: 'text-destructive hover:text-destructive/80',\n        modifiable: 'text-current hover:opacity-80',\n      },\n      size: {\n        sm: 'text-xs leading-4 [&_svg:not([class*=size-])]:size-3',\n        default: 'text-sm leading-5 [&_svg:not([class*=size-])]:size-4',\n      },\n      underline: {\n        always: 'underline underline-offset-4',\n        hover: 'underline-offset-4 hover:underline',\n        none: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      underline: 'hover',\n    },\n  }\n)\n\nexport function LinkButton({\n  className,\n  variant,\n  size,\n  underline,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof linkButtonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return (\n    <Comp\n      data-slot=\"link-button\"\n      type={asChild ? undefined : 'button'}\n      className={cn(linkButtonVariants({ variant, size, underline, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { linkButtonVariants }\n"],
+  "mappings": "AA6CI;AA5CJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GACmE;AACjE,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,GAAG,mBAAmB,EAAE,SAAS,MAAM,WAAW,UAAU,CAAC,CAAC;AAAA,MACxE,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/primitives/popover.js

@@ -14,7 +14,7 @@ const PopoverContent = React.forwardRef(({ className, align = "start", sideOffse
     align,
     sideOffset,
     className: cn(
-      "z-50 min-w-[280px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none",
+      "z-dropdown min-w-[280px] rounded-md border bg-popover p-0 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",

package/dist/primitives/popover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/popover.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport const Popover = PopoverPrimitive.Root\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor\n\nexport const PopoverClose = PopoverPrimitive.Close\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'start', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[280px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none',\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        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport const Popover = PopoverPrimitive.Root\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor\n\nexport const PopoverClose = PopoverPrimitive.Close\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'start', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-dropdown min-w-[280px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none',\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        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n"],
   "mappings": ";AAmBI;AAjBJ,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAEZ,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,gBAAgB,iBAAiB;AAEvC,MAAM,eAAe,iBAAiB;AAEtC,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,QAAQ,SAAS,aAAa,GAAG,GAAG,MAAM,GAAG,QAC3D,oBAAC,iBAAiB,QAAjB,EACC;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;",
   "names": []
 }

package/dist/primitives/social-button.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const baseClasses = "inline-flex h-10 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus";
+const filledByBrand = {
+  apple: "bg-brand-apple text-white hover:bg-brand-apple/90",
+  github: "bg-brand-github text-white hover:bg-brand-github/90",
+  x: "bg-brand-x text-white hover:bg-brand-x/90",
+  google: "bg-background text-foreground border border-brand-google-stroke hover:bg-accent",
+  facebook: "bg-brand-facebook text-white hover:bg-brand-facebook/90",
+  dropbox: "bg-brand-dropbox text-white hover:bg-brand-dropbox/90",
+  linkedin: "bg-brand-linkedin text-white hover:bg-brand-linkedin/90"
+};
+const strokeByBrand = {
+  apple: "bg-background text-brand-apple border border-brand-apple/30 hover:bg-brand-apple/5",
+  github: "bg-background text-brand-github border border-brand-github/30 hover:bg-brand-github/5",
+  x: "bg-background text-brand-x border border-brand-x/30 hover:bg-brand-x/5",
+  google: "bg-background text-foreground border border-brand-google-stroke hover:bg-accent",
+  facebook: "bg-background text-brand-facebook border border-brand-facebook/40 hover:bg-brand-facebook/5",
+  dropbox: "bg-background text-brand-dropbox border border-brand-dropbox/40 hover:bg-brand-dropbox/5",
+  linkedin: "bg-background text-brand-linkedin border border-brand-linkedin/40 hover:bg-brand-linkedin/5"
+};
+const socialButtonVariants = cva(baseClasses, {
+  variants: {
+    iconOnly: {
+      true: "w-10 px-0",
+      false: "px-4"
+    }
+  },
+  defaultVariants: {
+    iconOnly: false
+  }
+});
+function SocialButton({
+  className,
+  brand,
+  appearance = "filled",
+  iconOnly,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  const brandClasses = appearance === "stroke" ? strokeByBrand[brand] : filledByBrand[brand];
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "social-button",
+      "data-brand": brand,
+      "data-appearance": appearance,
+      type: asChild ? void 0 : "button",
+      className: cn(socialButtonVariants({ iconOnly, className }), brandClasses),
+      ...props
+    }
+  );
+}
+export {
+  SocialButton,
+  socialButtonVariants
+};
+//# sourceMappingURL=social-button.js.map

package/dist/primitives/social-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/social-button.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type SocialBrand =\n  | 'apple'\n  | 'github'\n  | 'x'\n  | 'google'\n  | 'facebook'\n  | 'dropbox'\n  | 'linkedin'\n\nconst baseClasses =\n  \"inline-flex h-10 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus\"\n\nconst filledByBrand: Record<SocialBrand, string> = {\n  apple: 'bg-brand-apple text-white hover:bg-brand-apple/90',\n  github: 'bg-brand-github text-white hover:bg-brand-github/90',\n  x: 'bg-brand-x text-white hover:bg-brand-x/90',\n  google: 'bg-background text-foreground border border-brand-google-stroke hover:bg-accent',\n  facebook: 'bg-brand-facebook text-white hover:bg-brand-facebook/90',\n  dropbox: 'bg-brand-dropbox text-white hover:bg-brand-dropbox/90',\n  linkedin: 'bg-brand-linkedin text-white hover:bg-brand-linkedin/90',\n}\n\nconst strokeByBrand: Record<SocialBrand, string> = {\n  apple: 'bg-background text-brand-apple border border-brand-apple/30 hover:bg-brand-apple/5',\n  github: 'bg-background text-brand-github border border-brand-github/30 hover:bg-brand-github/5',\n  x: 'bg-background text-brand-x border border-brand-x/30 hover:bg-brand-x/5',\n  google: 'bg-background text-foreground border border-brand-google-stroke hover:bg-accent',\n  facebook: 'bg-background text-brand-facebook border border-brand-facebook/40 hover:bg-brand-facebook/5',\n  dropbox: 'bg-background text-brand-dropbox border border-brand-dropbox/40 hover:bg-brand-dropbox/5',\n  linkedin: 'bg-background text-brand-linkedin border border-brand-linkedin/40 hover:bg-brand-linkedin/5',\n}\n\nconst socialButtonVariants = cva(baseClasses, {\n  variants: {\n    iconOnly: {\n      true: 'w-10 px-0',\n      false: 'px-4',\n    },\n  },\n  defaultVariants: {\n    iconOnly: false,\n  },\n})\n\nexport type SocialButtonProps = React.ComponentProps<'button'> &\n  VariantProps<typeof socialButtonVariants> & {\n    asChild?: boolean\n    brand: SocialBrand\n    /** Visual treatment of the button. Renamed from `style` to avoid shadowing the native HTML/React `style` (CSSProperties) attribute. */\n    appearance?: 'filled' | 'stroke'\n  }\n\nexport function SocialButton({\n  className,\n  brand,\n  appearance = 'filled',\n  iconOnly,\n  asChild = false,\n  ...props\n}: SocialButtonProps) {\n  const Comp = asChild ? Slot : 'button'\n  const brandClasses = appearance === 'stroke' ? strokeByBrand[brand] : filledByBrand[brand]\n  return (\n    <Comp\n      data-slot=\"social-button\"\n      data-brand={brand}\n      data-appearance={appearance}\n      type={asChild ? undefined : 'button'}\n      className={cn(socialButtonVariants({ iconOnly, className }), brandClasses)}\n      {...props}\n    />\n  )\n}\n\nexport { socialButtonVariants }\n"],
+  "mappings": "AAoEI;AAnEJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAWnB,MAAM,cACJ;AAEF,MAAM,gBAA6C;AAAA,EACjD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,MAAM,gBAA6C;AAAA,EACjD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,MAAM,uBAAuB,IAAI,aAAa;AAAA,EAC5C,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAUM,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAsB;AACpB,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,eAAe,eAAe,WAAW,cAAc,KAAK,IAAI,cAAc,KAAK;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,mBAAiB;AAAA,MACjB,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,GAAG,qBAAqB,EAAE,UAAU,UAAU,CAAC,GAAG,YAAY;AAAA,MACxE,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/primitives/tabs.js

@@ -64,7 +64,7 @@ function TabsTrigger({ value, children, className, disabled }) {
       disabled,
       onClick: () => onValueChange(value),
       className: cn(
-        isSelected ? "bg-background text-foreground shadow" : "hover:bg-background/50 hover:text-foreground",
+        isSelected ? "bg-background text-foreground shadow" : "hover:bg-background/80 hover:text-foreground",
         className
       ),
       children

package/dist/primitives/tabs.js.map

@@ -1,7 +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\nexport const TabsContext = createContext<TabsContextValue | undefined>(undefined)\n\nexport function 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  const contextValue = React.useMemo<TabsContextValue>(\n    () => ({ value, onValueChange: handleValueChange }),\n    [value, handleValueChange],\n  )\n\n  return (\n    <TabsContext.Provider value={contextValue}>\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"],
+  "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\nexport const TabsContext = createContext<TabsContextValue | undefined>(undefined)\n\nexport function 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  const contextValue = React.useMemo<TabsContextValue>(\n    () => ({ value, onValueChange: handleValueChange }),\n    [value, handleValueChange],\n  )\n\n  return (\n    <TabsContext.Provider value={contextValue}>\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/80 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": ";AA0DM;AAxDN,YAAY,WAAW;AACvB,SAAS,eAAe,kBAAkB;AAC1C,SAAS,UAAU;AACnB,SAAS,cAAc;AAOhB,MAAM,cAAc,cAA4C,MAAS;AAEzE,SAAS,iBAAiB;AAC/B,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,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,EAAE,OAAO,eAAe,kBAAkB;AAAA,IACjD,CAAC,OAAO,iBAAiB;AAAA,EAC3B;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,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/tag.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const tagVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-background text-muted-foreground",
+        success: "border-status-success-border bg-status-success-bg text-status-success-text",
+        warning: "border-status-warning-border bg-status-warning-bg text-status-warning-text",
+        error: "border-status-error-border bg-status-error-bg text-status-error-text",
+        info: "border-status-info-border bg-status-info-bg text-status-info-text",
+        neutral: "border-status-neutral-border bg-status-neutral-bg text-status-neutral-text",
+        brand: "border-brand-violet/30 bg-brand-violet/10 text-brand-violet"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+const dotColorMap = {
+  default: "bg-muted-foreground",
+  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",
+  brand: "bg-brand-violet"
+};
+function Tag({ className, variant = "default", dot = false, children, ...props }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(tagVariants({ variant }), className), ...props, children: [
+    dot && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("inline-block size-1.5 rounded-full shrink-0", dotColorMap[variant]),
+        "aria-hidden": "true"
+      }
+    ),
+    children
+  ] });
+}
+export {
+  Tag
+};
+//# sourceMappingURL=tag.js.map

package/dist/primitives/tag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/tag.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst tagVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-background text-muted-foreground',\n        success: 'border-status-success-border bg-status-success-bg text-status-success-text',\n        warning: 'border-status-warning-border bg-status-warning-bg text-status-warning-text',\n        error:   'border-status-error-border bg-status-error-bg text-status-error-text',\n        info:    'border-status-info-border bg-status-info-bg text-status-info-text',\n        neutral: 'border-status-neutral-border bg-status-neutral-bg text-status-neutral-text',\n        brand:   'border-brand-violet/30 bg-brand-violet/10 text-brand-violet',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  }\n)\n\nconst dotColorMap: Record<TagVariant, string> = {\n  default: 'bg-muted-foreground',\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  brand:   'bg-brand-violet',\n}\n\nexport type TagVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'brand'\n\nexport type TagProps = React.HTMLAttributes<HTMLSpanElement> & {\n  variant?: TagVariant\n  dot?: boolean\n}\n\nexport function Tag({ className, variant = 'default', dot = false, children, ...props }: TagProps) {\n  return (\n    <span className={cn(tagVariants({ variant }), className)} {...props}>\n      {dot && (\n        <span\n          className={cn('inline-block size-1.5 rounded-full shrink-0', dotColorMap[variant])}\n          aria-hidden=\"true\"\n        />\n      )}\n      {children}\n    </span>\n  )\n}\n\n/**\n * Helper type: modules define their own tag label \u2192 variant mapping.\n *\n * @example\n * const leadTagMap: TagMap<'customer' | 'hot' | 'inactive'> = {\n *   customer: 'success',\n *   hot: 'error',\n *   inactive: 'neutral',\n * }\n *\n * <Tag variant={leadTagMap[tag.type]} dot>{tag.label}</Tag>\n */\nexport type TagMap<T extends string = string> = Record<T, TagVariant>\n"],
+  "mappings": "AAyCI,SAEI,KAFJ;AAxCJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAS;AAAA,QACT,MAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,UAAU;AAAA,EACxC;AACF;AAEA,MAAM,cAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAS;AAAA,EACT,MAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAS;AACX;AASO,SAAS,IAAI,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,UAAU,GAAG,MAAM,GAAa;AACjG,SACE,qBAAC,UAAK,WAAW,GAAG,YAAY,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAC3D;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,+CAA+C,YAAY,OAAO,CAAC;AAAA,QACjF,eAAY;AAAA;AAAA,IACd;AAAA,IAED;AAAA,KACH;AAEJ;",
+  "names": []
+}

package/dist/primitives/tooltip.js

@@ -12,7 +12,7 @@ const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }
     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",
+      "z-tooltip 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",

package/dist/primitives/tooltip.js.map

@@ -1,7 +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"],
+  "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-tooltip 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.5.1-develop.2860.07af3a6a9d",
+  "version": "0.5.1-develop.2874.77704bccbd",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -132,12 +132,12 @@
     "recharts": "^3.8.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.5.1-develop.2860.07af3a6a9d",
+    "@open-mercato/shared": "0.5.1-develop.2874.77704bccbd",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.5.1-develop.2860.07af3a6a9d",
+    "@open-mercato/shared": "0.5.1-develop.2874.77704bccbd",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",