@simpleapps-com/augur-web 2.0.4 → 2.0.6

package/dist/pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["/** Pagination navigation components, styled with buttonVariants. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(\"\", className)} {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <LuChevronLeft className=\"h-4 w-4\" />\n    <span>Prev</span>\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <LuChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <LuEllipsis className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"mappings":";;;;;;;AAGA,YAAY,WAAW;AACvB,SAAS,eAAe,gBAAgB,kBAAkB;AAC1D,SAAS,UAAU;AAIjB,cA0DA,YA1DA;AADF,IAAM,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MACxC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN;AAEF,WAAW,cAAc;AAEzB,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;AAEhC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,QAAG,KAAU,WAAW,GAAG,IAAI,SAAS,GAAI,GAAG,OAAO,CACxD;AACD,eAAe,cAAc;AAO7B,IAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,gBAAc,WAAW,SAAS;AAAA,IAClC,WAAW;AAAA,MACT,eAAe;AAAA,QACb,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,MACF,CAAC;AAAA,MACD;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,eAAe,cAAc;AAE7B,IAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA,IAEJ;AAAA,0BAAC,iBAAc,WAAU,WAAU;AAAA,MACnC,oBAAC,UAAK,kBAAI;AAAA;AAAA;AACZ;AAEF,mBAAmB,cAAc;AAEjC,IAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,kBAAI;AAAA,MACV,oBAAC,kBAAe,WAAU,WAAU;AAAA;AAAA;AACtC;AAEF,eAAe,cAAc;AAE7B,IAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,IAClE,GAAG;AAAA,IAEJ;AAAA,0BAAC,cAAW,WAAU,WAAU;AAAA,MAChC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AACtC;AAEF,mBAAmB,cAAc;","names":[]}
+{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["/** Pagination navigation components, styled with buttonVariants. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  ),\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />,\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <LuChevronLeft className=\"h-4 w-4\" />\n    <span>Prev</span>\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <LuChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <LuEllipsis className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"mappings":";;;;;;;AAGA,YAAY,WAAW;AACvB,SAAS,eAAe,gBAAgB,kBAAkB;AAC1D,SAAS,UAAU;AAIjB,cA6CA,YA7CA;AADF,IAAM,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MACxC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN;AAEF,WAAW,cAAc;AAEzB,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AAE3F;AACA,kBAAkB,cAAc;AAEhC,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ,oBAAC,QAAG,KAAU,WAAW,GAAG,IAAI,SAAS,GAAI,GAAG,OAAO;AAC3F;AACA,eAAe,cAAc;AAO7B,IAAM,iBAAiB,CAAC,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,MAAM,MACrE;AAAA,EAAC;AAAA;AAAA,IACC,gBAAc,WAAW,SAAS;AAAA,IAClC,WAAW;AAAA,MACT,eAAe;AAAA,QACb,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,MACF,CAAC;AAAA,MACD;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,eAAe,cAAc;AAE7B,IAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA,IAEJ;AAAA,0BAAC,iBAAc,WAAU,WAAU;AAAA,MACnC,oBAAC,UAAK,kBAAI;AAAA;AAAA;AACZ;AAEF,mBAAmB,cAAc;AAEjC,IAAM,iBAAiB,CAAC,EAAE,WAAW,GAAG,MAAM,MAC5C;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,kBAAI;AAAA,MACV,oBAAC,kBAAe,WAAU,WAAU;AAAA;AAAA;AACtC;AAEF,eAAe,cAAc;AAE7B,IAAM,qBAAqB,CAAC,EAAE,WAAW,GAAG,MAAM,MAChD;AAAA,EAAC;AAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,IAClE,GAAG;AAAA,IAEJ;AAAA,0BAAC,cAAW,WAAU,WAAU;AAAA,MAChC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AACtC;AAEF,mBAAmB,cAAc;","names":[]}

package/dist/popover.cjs

@@ -16,7 +16,7 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
     align,
     sideOffset,
     className: _web.cn.call(void 0, 
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
       className
     ),
     ...props

package/dist/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/popover.cjs","../src/popover.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,sHAAkC;AAClC,sDAAmB;AAaf,+CAAA;AAXJ,IAAM,QAAA,EAA2B,gBAAA,CAAA,IAAA;AAEjC,IAAM,eAAA,EAAkC,gBAAA,CAAA,OAAA;AAExC,IAAM,cAAA,EAAiC,gBAAA,CAAA,MAAA;AAEvC,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC5D,6BAAA,gBAAkB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAA,6BAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,EAAA,CACF,CACD,CAAA;AACD,cAAA,CAAe,YAAA,EAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA;ADLtD;AACE;AACA;AACA;AACA;AACF,mJAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/popover.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", 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 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/popover.cjs","../src/popover.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,sHAAkC;AAClC,sDAAmB;AAaf,+CAAA;AAXJ,IAAM,QAAA,EAA2B,gBAAA,CAAA,IAAA;AAEjC,IAAM,eAAA,EAAkC,gBAAA,CAAA,OAAA;AAExC,IAAM,cAAA,EAAiC,gBAAA,CAAA,MAAA;AAEvC,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC5D,6BAAA,gBAAkB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAA,6BAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,EAAA,CACF,CACD,CAAA;AACD,cAAA,CAAe,YAAA,EAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA;ADLtD;AACE;AACA;AACA;AACA;AACF,mJAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/popover.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"]}

package/dist/popover.js

@@ -16,7 +16,7 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
       className
     ),
     ...props

package/dist/popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", 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 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAaf;AAXJ,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,gBAAiC;AAEvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}
+{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-popover. See https://www.radix-ui.com/primitives/docs/components/popover */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAaf;AAXJ,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,gBAAiC;AAEvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}

package/dist/price-format.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkI4Q2GZZKcjs = require('./chunk-I4Q2GZZK.cjs');
+var _chunkVLZDTWPRcjs = require('./chunk-VLZDTWPR.cjs');
 
 
-exports.createFormatPrice = _chunkI4Q2GZZKcjs.createFormatPrice;
+exports.createFormatPrice = _chunkVLZDTWPRcjs.createFormatPrice;
 //# sourceMappingURL=price-format.cjs.map

package/dist/price-format.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   createFormatPrice
-} from "./chunk-FHUB6XI5.js";
+} from "./chunk-DZDC4HHK.js";
 export {
   createFormatPrice
 };

package/dist/price.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkI4Q2GZZKcjs = require('./chunk-I4Q2GZZK.cjs');
+var _chunkVLZDTWPRcjs = require('./chunk-VLZDTWPR.cjs');
 
 // src/price.tsx
 var _web = require('@simpleapps-com/augur-utils/web');
@@ -23,7 +23,7 @@ function createPrice(config = {}) {
     uomSeparator,
     classNames: factoryClassNames
   } = { ...defaults, ...config };
-  const formatPrice = _chunkI4Q2GZZKcjs.createFormatPrice.call(void 0, { currency, locale, precision });
+  const formatPrice = _chunkVLZDTWPRcjs.createFormatPrice.call(void 0, { currency, locale, precision });
   const slotKeys = [
     "amount",
     "uom",
@@ -48,7 +48,7 @@ function createPrice(config = {}) {
         "span",
         {
           className: _web.cn.call(void 0, 
-            "inline-block h-4 w-16 animate-pulse rounded bg-muted",
+            "bg-muted inline-block h-4 w-16 animate-pulse rounded",
             slots2.skeleton,
             props.className
           )
@@ -73,11 +73,11 @@ function createPrice(config = {}) {
       quantity
     });
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className, children: [
-      originalValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { className: _web.cn.call(void 0, "mr-1 text-muted-foreground", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
+      originalValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { className: _web.cn.call(void 0, "text-muted-foreground mr-1", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: slots.amount, children: formatted }),
       uom && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "ml-1", slots.separator), children: uomSeparator }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "ml-1 text-muted-foreground", slots.uom), children: uom })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "text-muted-foreground ml-1", slots.uom), children: uom })
       ] })
     ] });
   }

package/dist/price.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","../src/price.tsx"],"names":["slots"],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\n/**\n * Factory that creates a `Price` component and a `formatPrice` function\n * pre-configured with site-level currency/locale/precision.\n *\n * @example\n * ```tsx\n * // lib/price.ts -- one-time site config\n * import { createPrice } from \"@simpleapps-com/augur-web/price\";\n * export const { Price, formatPrice } = createPrice({\n *   currency: \"USD\",\n *   zeroLabel: \"Call for Price\",\n * });\n *\n * // components/ProductCard.tsx\n * <Price value={item.price1} uom={item.default_selling_unit} />\n * ```\n */\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\", \"uom\", \"separator\", \"zero\", \"skeleton\", \"original\",\n  ];\n\n  function mergeClassNames(\n    instance?: PriceClassNames,\n  ): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"mr-1 text-muted-foreground\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>\n              {uomSeparator}\n            </span>\n            <span className={cn(\"ml-1 text-muted-foreground\", slots.uom)}>\n              {uom}\n            </span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","../src/price.tsx"],"names":["slots"],"mappings":"AAAA,ylBAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACJA,sDAAmB;AAmIX,+CAAA;AA5DR,IAAM,SAAA,EAAW;AAAA,EACf,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQ,OAAA;AAAA,EACR,SAAA,EAAW,CAAA;AAAA,EACX,SAAA,EAAW,gBAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAA;AAmBO,SAAS,WAAA,CAAY,OAAA,EAAsB,CAAC,CAAA,EAAsB;AACvE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA,EAAY;AAAA,EACd,EAAA,EAAI,EAAE,GAAG,QAAA,EAAU,GAAG,OAAO,CAAA;AAE7B,EAAA,MAAM,YAAA,EAAc,iDAAA,EAAoB,QAAA,EAAU,MAAA,EAAQ,UAAU,CAAC,CAAA;AAErE,EAAA,MAAM,SAAA,EAAsC;AAAA,IAC1C,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EACF,CAAA;AAEA,EAAA,SAAS,eAAA,CAAgB,QAAA,EAA6C;AACpE,IAAA,GAAA,CAAI,CAAC,kBAAA,GAAqB,CAAC,QAAA,EAAU,OAAO,CAAC,CAAA;AAC7C,IAAA,MAAM,OAAA,EAA0B,CAAC,CAAA;AACjC,IAAA,IAAA,CAAA,MAAW,IAAA,GAAO,QAAA,EAAU;AAC1B,MAAA,MAAM,OAAA,EAAS,qBAAA,gBAAG,iBAAA,0BAAA,CAAoB,GAAG,GAAA,kBAAG,QAAA,4BAAA,CAAW,GAAG,GAAC,CAAA;AAC3D,MAAA,GAAA,CAAI,MAAA,EAAQ,MAAA,CAAO,GAAG,EAAA,EAAI,MAAA;AAAA,IAC5B;AACA,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,SAAS,KAAA,CAAM,KAAA,EAAmB;AAChC,IAAA,GAAA,CAAI,UAAA,GAAa,MAAA,GAAS,KAAA,CAAM,OAAA,EAAS;AACvC,MAAA,MAAMA,OAAAA,EAAQ,eAAA,CAAgB,KAAA,CAAM,UAAU,CAAA;AAC9C,MAAA,uBACE,6BAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,qBAAA;AAAA,YACT,sDAAA;AAAA,YACAA,MAAAA,CAAM,QAAA;AAAA,YACN,KAAA,CAAM;AAAA,UACR;AAAA,QAAA;AAAA,MACF,CAAA;AAAA,IAEJ;AAEA,IAAA,MAAM;AAAA,MACJ,MAAA,EAAQ,CAAA;AAAA,MACR,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,iBAAA;AAAA,MACX,aAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAY;AAAA,IACd,EAAA,EAAI,KAAA;AAEJ,IAAA,MAAM,MAAA,EAAQ,eAAA,CAAgB,kBAAkB,CAAA;AAEhD,IAAA,GAAA,CAAI,MAAA,IAAU,EAAA,GAAK,cAAA,IAAkB,KAAA,CAAA,EAAW;AAC9C,MAAA,uBACE,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,qBAAA,uBAAG,EAAyB,KAAA,CAAM,IAAA,EAAM,SAAS,CAAA,EAAI,QAAA,EAAA,UAAA,CAAU,CAAA;AAAA,IAEpF;AAEA,IAAA,MAAM,UAAA,EAAY,WAAA,CAAY,KAAA,EAAO;AAAA,MACnC,SAAA,EAAW,iBAAA;AAAA,MACX;AAAA,IACF,CAAC,CAAA;AAED,IAAA,uBACE,8BAAA,MAAC,EAAA,EAAK,SAAA,EACH,QAAA,EAAA;AAAA,MAAA,cAAA,IAAkB,KAAA,EAAA,mBACjB,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAW,qBAAA,4BAAG,EAA8B,KAAA,CAAM,QAAQ,CAAA,EAC1D,QAAA,EAAA,WAAA,CAAY,aAAA,EAAe,EAAE,SAAA,EAAW,kBAAkB,CAAC,EAAA,CAC9D,CAAA;AAAA,sBAEF,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,KAAA,CAAM,MAAA,EAAS,QAAA,EAAA,UAAA,CAAU,CAAA;AAAA,MACzC,IAAA,mBACC,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,qBAAA,MAAG,EAAQ,KAAA,CAAM,SAAS,CAAA,EAAI,QAAA,EAAA,aAAA,CAAa,CAAA;AAAA,wBAC5D,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,qBAAA,4BAAG,EAA8B,KAAA,CAAM,GAAG,CAAA,EAAI,QAAA,EAAA,IAAA,CAAI;AAAA,MAAA,EAAA,CACrE;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,KAAA,CAAM,YAAA,EAAc,OAAA;AAEpB,EAAA,OAAO,EAAE,KAAA,EAAO,YAAY,CAAA;AAC9B;ADrGA;AACE;AACF,kCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/price.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\n/**\n * Factory that creates a `Price` component and a `formatPrice` function\n * pre-configured with site-level currency/locale/precision.\n *\n * @example\n * ```tsx\n * // lib/price.ts -- one-time site config\n * import { createPrice } from \"@simpleapps-com/augur-web/price\";\n * export const { Price, formatPrice } = createPrice({\n *   currency: \"USD\",\n *   zeroLabel: \"Call for Price\",\n * });\n *\n * // components/ProductCard.tsx\n * <Price value={item.price1} uom={item.default_selling_unit} />\n * ```\n */\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\",\n    \"uom\",\n    \"separator\",\n    \"zero\",\n    \"skeleton\",\n    \"original\",\n  ];\n\n  function mergeClassNames(instance?: PriceClassNames): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"bg-muted inline-block h-4 w-16 animate-pulse rounded\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>{zeroLabel}</span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"text-muted-foreground mr-1\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>{uomSeparator}</span>\n            <span className={cn(\"text-muted-foreground ml-1\", slots.uom)}>{uom}</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"]}

package/dist/price.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   createFormatPrice
-} from "./chunk-FHUB6XI5.js";
+} from "./chunk-DZDC4HHK.js";
 
 // src/price.tsx
 import { cn } from "@simpleapps-com/augur-utils/web";
@@ -48,7 +48,7 @@ function createPrice(config = {}) {
         "span",
         {
           className: cn(
-            "inline-block h-4 w-16 animate-pulse rounded bg-muted",
+            "bg-muted inline-block h-4 w-16 animate-pulse rounded",
             slots2.skeleton,
             props.className
           )
@@ -73,11 +73,11 @@ function createPrice(config = {}) {
       quantity
     });
     return /* @__PURE__ */ jsxs("span", { className, children: [
-      originalValue !== void 0 && /* @__PURE__ */ jsx("s", { className: cn("mr-1 text-muted-foreground", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
+      originalValue !== void 0 && /* @__PURE__ */ jsx("s", { className: cn("text-muted-foreground mr-1", slots.original), children: formatPrice(originalValue, { precision: instancePrecision }) }),
       /* @__PURE__ */ jsx("span", { className: slots.amount, children: formatted }),
       uom && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: cn("ml-1", slots.separator), children: uomSeparator }),
-        /* @__PURE__ */ jsx("span", { className: cn("ml-1 text-muted-foreground", slots.uom), children: uom })
+        /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground ml-1", slots.uom), children: uom })
       ] })
     ] });
   }

package/dist/price.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/price.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\n/**\n * Factory that creates a `Price` component and a `formatPrice` function\n * pre-configured with site-level currency/locale/precision.\n *\n * @example\n * ```tsx\n * // lib/price.ts -- one-time site config\n * import { createPrice } from \"@simpleapps-com/augur-web/price\";\n * export const { Price, formatPrice } = createPrice({\n *   currency: \"USD\",\n *   zeroLabel: \"Call for Price\",\n * });\n *\n * // components/ProductCard.tsx\n * <Price value={item.price1} uom={item.default_selling_unit} />\n * ```\n */\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\", \"uom\", \"separator\", \"zero\", \"skeleton\", \"original\",\n  ];\n\n  function mergeClassNames(\n    instance?: PriceClassNames,\n  ): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"inline-block h-4 w-16 animate-pulse rounded bg-muted\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>\n          {zeroLabel}\n        </span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"mr-1 text-muted-foreground\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>\n              {uomSeparator}\n            </span>\n            <span className={cn(\"ml-1 text-muted-foreground\", slots.uom)}>\n              {uom}\n            </span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"],"mappings":";;;;;;;AAEA,SAAS,UAAU;AAgIX,SA4CE,UA5CF,KA4CE,YA5CF;AAzDR,IAAM,WAAW;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAChB;AAmBO,SAAS,YAAY,SAAsB,CAAC,GAAsB;AACvE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,QAAM,cAAc,kBAAkB,EAAE,UAAU,QAAQ,UAAU,CAAC;AAErE,QAAM,WAAsC;AAAA,IAC1C;AAAA,IAAU;AAAA,IAAO;AAAA,IAAa;AAAA,IAAQ;AAAA,IAAY;AAAA,EACpD;AAEA,WAAS,gBACP,UACiB;AACjB,QAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO,CAAC;AAC7C,UAAM,SAA0B,CAAC;AACjC,eAAW,OAAO,UAAU;AAC1B,YAAM,SAAS,GAAG,oBAAoB,GAAG,GAAG,WAAW,GAAG,CAAC;AAC3D,UAAI,OAAQ,QAAO,GAAG,IAAI;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AAEA,WAAS,MAAM,OAAmB;AAChC,QAAI,aAAa,SAAS,MAAM,SAAS;AACvC,YAAMA,SAAQ,gBAAgB,MAAM,UAAU;AAC9C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACAA,OAAM;AAAA,YACN,MAAM;AAAA,UACR;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,UAAM;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,IAAI;AAEJ,UAAM,QAAQ,gBAAgB,kBAAkB;AAEhD,QAAI,UAAU,KAAK,kBAAkB,QAAW;AAC9C,aACE,oBAAC,UAAK,WAAW,GAAG,yBAAyB,MAAM,MAAM,SAAS,GAC/D,qBACH;AAAA,IAEJ;AAEA,UAAM,YAAY,YAAY,OAAO;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,WACE,qBAAC,UAAK,WACH;AAAA,wBAAkB,UACjB,oBAAC,OAAE,WAAW,GAAG,8BAA8B,MAAM,QAAQ,GAC1D,sBAAY,eAAe,EAAE,WAAW,kBAAkB,CAAC,GAC9D;AAAA,MAEF,oBAAC,UAAK,WAAW,MAAM,QAAS,qBAAU;AAAA,MACzC,OACC,iCACE;AAAA,4BAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,SAAS,GACxC,wBACH;AAAA,QACA,oBAAC,UAAK,WAAW,GAAG,8BAA8B,MAAM,GAAG,GACxD,eACH;AAAA,SACF;AAAA,OAEJ;AAAA,EAEJ;AAEA,QAAM,cAAc;AAEpB,SAAO,EAAE,OAAO,YAAY;AAC9B;","names":["slots"]}
+{"version":3,"sources":["../src/price.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { createFormatPrice } from \"./price-format\";\nimport type { FormatPriceOptions } from \"./price-format\";\n\n// Re-export server-safe types so client consumers get everything from one path\nexport type { PriceFormatConfig, FormatPriceOptions } from \"./price-format\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PriceClassNames {\n  /** The formatted amount text. */\n  amount?: string;\n  /** The UOM label (e.g. \"EACH\"). */\n  uom?: string;\n  /** The separator between price and UOM (e.g. \"/\"). */\n  separator?: string;\n  /** The zero-price label (e.g. \"Call for Price\"). */\n  zero?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The strikethrough original price. */\n  original?: string;\n}\n\nexport interface PriceConfig {\n  /** ISO 4217 currency code. Default: `\"USD\"`. */\n  currency?: string;\n  /** BCP 47 locale. Default: `\"en-US\"`. */\n  locale?: string;\n  /** Decimal places. Default: `2`. */\n  precision?: number;\n  /** Label shown when value is 0. Default: `\"Call for Price\"`. */\n  zeroLabel?: string;\n  /** Separator between price and UOM. Default: `\"/\"`. */\n  uomSeparator?: string;\n  /** Default class names for sub-elements. */\n  classNames?: PriceClassNames;\n}\n\ntype PricePropsBase = {\n  /** Unit price. */\n  value?: number;\n  /** Quantity — multiplied by value for extended price. */\n  quantity?: number;\n  /** Unit of measure label (e.g. \"EACH\", \"FT\"). */\n  uom?: string;\n  /** Override precision for this instance. */\n  precision?: number;\n  /** Original price shown as strikethrough for sale display. */\n  originalValue?: number;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: PriceClassNames;\n};\n\nexport type PriceProps =\n  | (PricePropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: PriceClassNames };\n\nexport interface CreatePriceResult {\n  Price: React.FC<PriceProps>;\n  formatPrice: (value: number, options?: FormatPriceOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  currency: \"USD\",\n  locale: \"en-US\",\n  precision: 2,\n  zeroLabel: \"Call for Price\",\n  uomSeparator: \"/\",\n} as const;\n\n/**\n * Factory that creates a `Price` component and a `formatPrice` function\n * pre-configured with site-level currency/locale/precision.\n *\n * @example\n * ```tsx\n * // lib/price.ts -- one-time site config\n * import { createPrice } from \"@simpleapps-com/augur-web/price\";\n * export const { Price, formatPrice } = createPrice({\n *   currency: \"USD\",\n *   zeroLabel: \"Call for Price\",\n * });\n *\n * // components/ProductCard.tsx\n * <Price value={item.price1} uom={item.default_selling_unit} />\n * ```\n */\nexport function createPrice(config: PriceConfig = {}): CreatePriceResult {\n  const {\n    currency,\n    locale,\n    precision,\n    zeroLabel,\n    uomSeparator,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const formatPrice = createFormatPrice({ currency, locale, precision });\n\n  const slotKeys: (keyof PriceClassNames)[] = [\n    \"amount\",\n    \"uom\",\n    \"separator\",\n    \"zero\",\n    \"skeleton\",\n    \"original\",\n  ];\n\n  function mergeClassNames(instance?: PriceClassNames): PriceClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: PriceClassNames = {};\n    for (const key of slotKeys) {\n      const merged = cn(factoryClassNames?.[key], instance?.[key]);\n      if (merged) result[key] = merged;\n    }\n    return result;\n  }\n\n  function Price(props: PriceProps) {\n    if (\"loading\" in props && props.loading) {\n      const slots = mergeClassNames(props.classNames);\n      return (\n        <span\n          className={cn(\n            \"bg-muted inline-block h-4 w-16 animate-pulse rounded\",\n            slots.skeleton,\n            props.className,\n          )}\n        />\n      );\n    }\n\n    const {\n      value = 0,\n      quantity,\n      uom,\n      precision: instancePrecision,\n      originalValue,\n      className,\n      classNames: instanceClassNames,\n    } = props as PricePropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (value === 0 && originalValue === undefined) {\n      return (\n        <span className={cn(\"text-muted-foreground\", slots.zero, className)}>{zeroLabel}</span>\n      );\n    }\n\n    const formatted = formatPrice(value, {\n      precision: instancePrecision,\n      quantity,\n    });\n\n    return (\n      <span className={className}>\n        {originalValue !== undefined && (\n          <s className={cn(\"text-muted-foreground mr-1\", slots.original)}>\n            {formatPrice(originalValue, { precision: instancePrecision })}\n          </s>\n        )}\n        <span className={slots.amount}>{formatted}</span>\n        {uom && (\n          <>\n            <span className={cn(\"ml-1\", slots.separator)}>{uomSeparator}</span>\n            <span className={cn(\"text-muted-foreground ml-1\", slots.uom)}>{uom}</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  Price.displayName = \"Price\";\n\n  return { Price, formatPrice };\n}\n"],"mappings":";;;;;;;AAEA,SAAS,UAAU;AAmIX,SA0CE,UA1CF,KA0CE,YA1CF;AA5DR,IAAM,WAAW;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAChB;AAmBO,SAAS,YAAY,SAAsB,CAAC,GAAsB;AACvE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,QAAM,cAAc,kBAAkB,EAAE,UAAU,QAAQ,UAAU,CAAC;AAErE,QAAM,WAAsC;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,WAAS,gBAAgB,UAA6C;AACpE,QAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO,CAAC;AAC7C,UAAM,SAA0B,CAAC;AACjC,eAAW,OAAO,UAAU;AAC1B,YAAM,SAAS,GAAG,oBAAoB,GAAG,GAAG,WAAW,GAAG,CAAC;AAC3D,UAAI,OAAQ,QAAO,GAAG,IAAI;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AAEA,WAAS,MAAM,OAAmB;AAChC,QAAI,aAAa,SAAS,MAAM,SAAS;AACvC,YAAMA,SAAQ,gBAAgB,MAAM,UAAU;AAC9C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACAA,OAAM;AAAA,YACN,MAAM;AAAA,UACR;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,UAAM;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,IAAI;AAEJ,UAAM,QAAQ,gBAAgB,kBAAkB;AAEhD,QAAI,UAAU,KAAK,kBAAkB,QAAW;AAC9C,aACE,oBAAC,UAAK,WAAW,GAAG,yBAAyB,MAAM,MAAM,SAAS,GAAI,qBAAU;AAAA,IAEpF;AAEA,UAAM,YAAY,YAAY,OAAO;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,WACE,qBAAC,UAAK,WACH;AAAA,wBAAkB,UACjB,oBAAC,OAAE,WAAW,GAAG,8BAA8B,MAAM,QAAQ,GAC1D,sBAAY,eAAe,EAAE,WAAW,kBAAkB,CAAC,GAC9D;AAAA,MAEF,oBAAC,UAAK,WAAW,MAAM,QAAS,qBAAU;AAAA,MACzC,OACC,iCACE;AAAA,4BAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,wBAAa;AAAA,QAC5D,oBAAC,UAAK,WAAW,GAAG,8BAA8B,MAAM,GAAG,GAAI,eAAI;AAAA,SACrE;AAAA,OAEJ;AAAA,EAEJ;AAEA,QAAM,cAAc;AAEpB,SAAO,EAAE,OAAO,YAAY;AAC9B;","names":["slots"]}

package/dist/provider.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkECNNL5MUcjs = require('./chunk-ECNNL5MU.cjs');
+var _chunkCTYDRQMLcjs = require('./chunk-CTYDRQML.cjs');
 
 // src/provider.tsx
 var _augurhooks = require('@simpleapps-com/augur-hooks');
@@ -15,7 +15,7 @@ function AugurSiteProvider({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _augurhooks.AugurHooksProvider, { api, auth, callbacks, cache, site: config, children: config.analytics ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkECNNL5MUcjs.AnalyticsProvider,
+    _chunkCTYDRQMLcjs.AnalyticsProvider,
     {
       gtmId: config.analytics.gtmId,
       consentRequired: config.analytics.consentRequired,

package/dist/provider.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   AnalyticsProvider
-} from "./chunk-YR2SJWTF.js";
+} from "./chunk-U35D7OOZ.js";
 
 // src/provider.tsx
 import { AugurHooksProvider } from "@simpleapps-com/augur-hooks";

package/dist/quantity-input.cjs

@@ -25,9 +25,7 @@ var QuantityInput = React.memo(
       inputClassName,
       buttonClassName
     }, ref) => {
-      const [qtyStr, setQtyStr] = React.useState(
-        () => value.toFixed(decimals)
-      );
+      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));
       React.useEffect(() => {
         setQtyStr(value.toFixed(decimals));
       }, [value, decimals]);
@@ -51,14 +49,7 @@ var QuantityInput = React.memo(
       );
       const handleKeyDown = React.useCallback(
         (e) => {
-          const allowed = [
-            "Backspace",
-            "Delete",
-            "ArrowLeft",
-            "ArrowRight",
-            "Tab",
-            "Enter"
-          ];
+          const allowed = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Enter"];
           if (allowed.includes(e.key)) {
             if (e.key === "Enter") {
               commit(qtyStr);
@@ -102,62 +93,53 @@ var QuantityInput = React.memo(
       }, [value, step, max, onChange]);
       const minDisabled = disabled || value <= min;
       const maxDisabled = disabled || max !== void 0 && value >= max;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _web.cn.call(void 0, 
-            "inline-flex items-center border rounded-md bg-background",
-            className
-          ),
-          children: [
-            showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "button",
-                "aria-label": "Decrease quantity",
-                disabled: minDisabled,
-                onClick: handleDecrement,
-                className: _web.cn.call(void 0, 
-                  "h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50",
-                  buttonClassName
-                ),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuMinus, {})
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "input",
-              {
-                ref,
-                type: "text",
-                inputMode: decimals > 0 ? "decimal" : "numeric",
-                value: qtyStr,
-                disabled,
-                onKeyDown: handleKeyDown,
-                onChange: handleChange,
-                onBlur: handleBlur,
-                className: _web.cn.call(void 0, 
-                  "h-10 w-16 text-center bg-transparent focus:outline-none",
-                  inputClassName
-                )
-              }
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _web.cn.call(void 0, "bg-background inline-flex items-center rounded-md border", className), children: [
+        showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": "Decrease quantity",
+            disabled: minDisabled,
+            onClick: handleDecrement,
+            className: _web.cn.call(void 0, 
+              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+              buttonClassName
             ),
-            showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "button",
-                "aria-label": "Increase quantity",
-                disabled: maxDisabled,
-                onClick: handleIncrement,
-                className: _web.cn.call(void 0, 
-                  "h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50",
-                  buttonClassName
-                ),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuPlus, {})
-              }
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuMinus, {})
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref,
+            type: "text",
+            inputMode: decimals > 0 ? "decimal" : "numeric",
+            value: qtyStr,
+            disabled,
+            onKeyDown: handleKeyDown,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            className: _web.cn.call(void 0, 
+              "h-10 w-16 bg-transparent text-center focus:outline-none",
+              inputClassName
             )
-          ]
-        }
-      );
+          }
+        ),
+        showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": "Increase quantity",
+            disabled: maxDisabled,
+            onClick: handleIncrement,
+            className: _web.cn.call(void 0, 
+              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+              buttonClassName
+            ),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuPlus, {})
+          }
+        )
+      ] });
     }
   )
 );

package/dist/quantity-input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/quantity-input.cjs","../src/quantity-input.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACDA,2EAAuB;AACvB,sDAAmB;AACnB,oCAAgC;AAmJxB,+CAAA;AA5HR,SAAS,WAAA,CAAY,KAAA,EAAe,IAAA,EAAsB;AACxD,EAAA,GAAA,CAAI,KAAA,GAAQ,CAAA,EAAG,OAAO,KAAA;AACtB,EAAA,OAAO,IAAA,CAAK,IAAA,CAAK,MAAA,EAAQ,IAAI,EAAA,EAAI,IAAA;AACnC;AAUA,IAAM,cAAA,EAAsB,KAAA,CAAA,IAAA;AAAA,EACpB,KAAA,CAAA,UAAA;AAAA,IACJ,CACE;AAAA,MACE,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA,EAAM,CAAA;AAAA,MACN,GAAA;AAAA,MACA,KAAA,EAAO,CAAA;AAAA,MACP,SAAA,EAAW,CAAA;AAAA,MACX,YAAA,EAAc,IAAA;AAAA,MACd,SAAA,EAAW,KAAA;AAAA,MACX,SAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,IACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,MAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,EAAA,EAAU,KAAA,CAAA,QAAA;AAAA,QAAS,CAAA,EAAA,GACzC,KAAA,CAAM,OAAA,CAAQ,QAAQ;AAAA,MACxB,CAAA;AAEA,MAAM,KAAA,CAAA,SAAA,CAAU,CAAA,EAAA,GAAM;AACpB,QAAA,SAAA,CAAU,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAC,CAAA;AAAA,MACnC,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,MAAA,MAAM,OAAA,EAAe,KAAA,CAAA,WAAA;AAAA,QACnB,CAAC,GAAA,EAAA,GAAgB;AACf,UAAA,GAAA,CAAI,GAAA,CAAI,IAAA,CAAK,EAAA,IAAM,EAAA,EAAI;AACrB,YAAA,SAAA,CAAU,GAAA,CAAI,OAAA,CAAQ,QAAQ,CAAC,CAAA;AAC/B,YAAA,QAAA,CAAS,GAAG,CAAA;AACZ,YAAA,MAAA;AAAA,UACF;AAEA,UAAA,IAAI,OAAA,EAAS,UAAA,CAAW,GAAG,CAAA;AAC3B,UAAA,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,EAAG,OAAA,EAAS,GAAA;AAE5B,UAAA,OAAA,EAAS,WAAA,CAAY,MAAA,EAAQ,IAAI,CAAA;AACjC,UAAA,GAAA,CAAI,OAAA,EAAS,GAAA,EAAK,OAAA,EAAS,GAAA;AAC3B,UAAA,GAAA,CAAI,IAAA,IAAQ,KAAA,EAAA,GAAa,OAAA,EAAS,GAAA,EAAK,OAAA,EAAS,GAAA;AAEhD,UAAA,MAAM,QAAA,EAAU,UAAA,CAAW,MAAA,CAAO,OAAA,CAAQ,QAAQ,CAAC,CAAA;AACnD,UAAA,SAAA,CAAU,OAAA,CAAQ,OAAA,CAAQ,QAAQ,CAAC,CAAA;AACnC,UAAA,QAAA,CAAS,OAAO,CAAA;AAAA,QAClB,CAAA;AAAA,QACA,CAAC,GAAA,EAAK,GAAA,EAAK,IAAA,EAAM,QAAA,EAAU,QAAQ;AAAA,MACrC,CAAA;AAEA,MAAA,MAAM,cAAA,EAAsB,KAAA,CAAA,WAAA;AAAA,QAC1B,CAAC,CAAA,EAAA,GAA6C;AAC5C,UAAA,MAAM,QAAA,EAAU;AAAA,YACd,WAAA;AAAA,YACA,QAAA;AAAA,YACA,WAAA;AAAA,YACA,YAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,UACF,CAAA;AACA,UAAA,GAAA,CAAI,OAAA,CAAQ,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA,EAAG;AAC3B,YAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,OAAA,EAAS;AACrB,cAAA,MAAA,CAAO,MAAM,CAAA;AAAA,YACf;AACA,YAAA,MAAA;AAAA,UACF;AAEA,UAAA,GAAA,CAAI,SAAA,EAAW,EAAA,GAAK,CAAA,CAAE,IAAA,IAAQ,IAAA,GAAO,CAAC,MAAA,CAAO,QAAA,CAAS,GAAG,CAAA,EAAG;AAC1D,YAAA,MAAA;AAAA,UACF;AAEA,UAAA,GAAA,CAAI,CAAA,CAAE,IAAA,GAAO,IAAA,GAAO,CAAA,CAAE,IAAA,GAAO,GAAA,EAAK;AAChC,YAAA,MAAA;AAAA,UACF;AAEA,UAAA,CAAA,CAAE,cAAA,CAAe,CAAA;AAAA,QACnB,CAAA;AAAA,QACA,CAAC,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,MAC3B,CAAA;AAEA,MAAA,MAAM,aAAA,EAAqB,KAAA,CAAA,WAAA;AAAA,QACzB,CAAC,CAAA,EAAA,GAA2C;AAC1C,UAAA,MAAM,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,WAAA,EAAa,SAAA;AAC5C,UAAA,IAAI,QAAA,EAAU,CAAA,CAAE,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA;AAChD,UAAA,GAAA,CAAI,SAAA,EAAW,CAAA,EAAG;AAChB,YAAA,MAAM,MAAA,EAAQ,OAAA,CAAQ,KAAA,CAAM,GAAG,CAAA;AAC/B,YAAA,GAAA,CAAI,KAAA,CAAM,OAAA,EAAS,CAAA,EAAG;AACpB,cAAA,QAAA,EAAU,KAAA,CAAM,CAAC,EAAA,EAAI,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAA,YACnD;AAAA,UACF;AACA,UAAA,SAAA,CAAU,OAAO,CAAA;AAAA,QACnB,CAAA;AAAA,QACA,CAAC,QAAQ;AAAA,MACX,CAAA;AAEA,MAAA,MAAM,WAAA,EAAmB,KAAA,CAAA,WAAA,CAAY,CAAA,EAAA,GAAM;AACzC,QAAA,MAAA,CAAO,MAAM,CAAA;AAAA,MACf,CAAA,EAAG,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAEnB,MAAA,MAAM,gBAAA,EAAwB,KAAA,CAAA,WAAA,CAAY,CAAA,EAAA,GAAM;AAC9C,QAAA,MAAM,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAM,GAAG,CAAA;AACvC,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,MACf,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,GAAA,EAAK,QAAQ,CAAC,CAAA;AAE/B,MAAA,MAAM,gBAAA,EAAwB,KAAA,CAAA,WAAA,CAAY,CAAA,EAAA,GAAM;AAC9C,QAAA,MAAM,KAAA,EAAO,MAAA,EAAQ,IAAA;AACrB,QAAA,QAAA,CAAS,IAAA,IAAQ,KAAA,EAAA,EAAY,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,GAAG,EAAA,EAAI,IAAI,CAAA;AAAA,MACzD,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,GAAA,EAAK,QAAQ,CAAC,CAAA;AAE/B,MAAA,MAAM,YAAA,EAAc,SAAA,GAAY,MAAA,GAAS,GAAA;AACzC,MAAA,MAAM,YAAA,EAAc,SAAA,GAAa,IAAA,IAAQ,KAAA,EAAA,GAAa,MAAA,GAAS,GAAA;AAE/D,MAAA,uBACE,8BAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,qBAAA;AAAA,YACT,0DAAA;AAAA,YACA;AAAA,UACF,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,YAAA,mBACC,6BAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAW,mBAAA;AAAA,gBACX,QAAA,EAAU,WAAA;AAAA,gBACV,OAAA,EAAS,eAAA;AAAA,gBACT,SAAA,EAAW,qBAAA;AAAA,kBACT,gFAAA;AAAA,kBACA;AAAA,gBACF,CAAA;AAAA,gBAEA,QAAA,kBAAA,6BAAA,WAAC,EAAA,CAAA,CAAQ;AAAA,cAAA;AAAA,YACX,CAAA;AAAA,4BAEF,6BAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,IAAA,EAAK,MAAA;AAAA,gBACL,SAAA,EAAW,SAAA,EAAW,EAAA,EAAI,UAAA,EAAY,SAAA;AAAA,gBACtC,KAAA,EAAO,MAAA;AAAA,gBACP,QAAA;AAAA,gBACA,SAAA,EAAW,aAAA;AAAA,gBACX,QAAA,EAAU,YAAA;AAAA,gBACV,MAAA,EAAQ,UAAA;AAAA,gBACR,SAAA,EAAW,qBAAA;AAAA,kBACT,yDAAA;AAAA,kBACA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF,CAAA;AAAA,YACC,YAAA,mBACC,6BAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAW,mBAAA;AAAA,gBACX,QAAA,EAAU,WAAA;AAAA,gBACV,OAAA,EAAS,eAAA;AAAA,gBACT,SAAA,EAAW,qBAAA;AAAA,kBACT,gFAAA;AAAA,kBACA;AAAA,gBACF,CAAA;AAAA,gBAEA,QAAA,kBAAA,6BAAA,UAAC,EAAA,CAAA,CAAO;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,CAAA;AAAA,IAEJ;AAAA,EACF;AACF,CAAA;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;ADxC5B;AACE;AACF,sCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/quantity-input.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\n\nexport interface QuantityInputProps {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity. */\n  max?: number;\n  /** Increment/decrement step size. Values are rounded up to the nearest step. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 1) return value;\n  return Math.ceil(value / step) * step;\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <QuantityInput value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>(\n    (\n      {\n        value,\n        onChange,\n        min = 0,\n        max,\n        step = 1,\n        decimals = 0,\n        showStepper = true,\n        disabled = false,\n        className,\n        inputClassName,\n        buttonClassName,\n      },\n      ref,\n    ) => {\n      const [qtyStr, setQtyStr] = React.useState(() =>\n        value.toFixed(decimals),\n      );\n\n      React.useEffect(() => {\n        setQtyStr(value.toFixed(decimals));\n      }, [value, decimals]);\n\n      const commit = React.useCallback(\n        (raw: string) => {\n          if (raw.trim() === \"\") {\n            setQtyStr(min.toFixed(decimals));\n            onChange(min);\n            return;\n          }\n\n          let parsed = parseFloat(raw);\n          if (isNaN(parsed)) parsed = min;\n\n          parsed = roundToStep(parsed, step);\n          if (parsed < min) parsed = min;\n          if (max !== undefined && parsed > max) parsed = max;\n\n          const rounded = parseFloat(parsed.toFixed(decimals));\n          setQtyStr(rounded.toFixed(decimals));\n          onChange(rounded);\n        },\n        [min, max, step, decimals, onChange],\n      );\n\n      const handleKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n          const allowed = [\n            \"Backspace\",\n            \"Delete\",\n            \"ArrowLeft\",\n            \"ArrowRight\",\n            \"Tab\",\n            \"Enter\",\n          ];\n          if (allowed.includes(e.key)) {\n            if (e.key === \"Enter\") {\n              commit(qtyStr);\n            }\n            return;\n          }\n\n          if (decimals > 0 && e.key === \".\" && !qtyStr.includes(\".\")) {\n            return;\n          }\n\n          if (e.key >= \"0\" && e.key <= \"9\") {\n            return;\n          }\n\n          e.preventDefault();\n        },\n        [decimals, qtyStr, commit],\n      );\n\n      const handleChange = React.useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n          const pattern = decimals > 0 ? /[^0-9.]/g : /[^0-9]/g;\n          let cleaned = e.target.value.replace(pattern, \"\");\n          if (decimals > 0) {\n            const parts = cleaned.split(\".\");\n            if (parts.length > 2) {\n              cleaned = parts[0] + \".\" + parts.slice(1).join(\"\");\n            }\n          }\n          setQtyStr(cleaned);\n        },\n        [decimals],\n      );\n\n      const handleBlur = React.useCallback(() => {\n        commit(qtyStr);\n      }, [commit, qtyStr]);\n\n      const handleDecrement = React.useCallback(() => {\n        const next = Math.max(value - step, min);\n        onChange(next);\n      }, [value, step, min, onChange]);\n\n      const handleIncrement = React.useCallback(() => {\n        const next = value + step;\n        onChange(max !== undefined ? Math.min(next, max) : next);\n      }, [value, step, max, onChange]);\n\n      const minDisabled = disabled || value <= min;\n      const maxDisabled = disabled || (max !== undefined && value >= max);\n\n      return (\n        <div\n          className={cn(\n            \"inline-flex items-center border rounded-md bg-background\",\n            className,\n          )}\n        >\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Decrease quantity\"\n              disabled={minDisabled}\n              onClick={handleDecrement}\n              className={cn(\n                \"h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuMinus />\n            </button>\n          )}\n          <input\n            ref={ref}\n            type=\"text\"\n            inputMode={decimals > 0 ? \"decimal\" : \"numeric\"}\n            value={qtyStr}\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            className={cn(\n              \"h-10 w-16 text-center bg-transparent focus:outline-none\",\n              inputClassName,\n            )}\n          />\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Increase quantity\"\n              disabled={maxDisabled}\n              onClick={handleIncrement}\n              className={cn(\n                \"h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuPlus />\n            </button>\n          )}\n        </div>\n      );\n    },\n  ),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/quantity-input.cjs","../src/quantity-input.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/quantity-input.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\n\nexport interface QuantityInputProps {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity. */\n  max?: number;\n  /** Increment/decrement step size. Values are rounded up to the nearest step. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 1) return value;\n  return Math.ceil(value / step) * step;\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <QuantityInput value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>(\n    (\n      {\n        value,\n        onChange,\n        min = 0,\n        max,\n        step = 1,\n        decimals = 0,\n        showStepper = true,\n        disabled = false,\n        className,\n        inputClassName,\n        buttonClassName,\n      },\n      ref,\n    ) => {\n      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));\n\n      React.useEffect(() => {\n        setQtyStr(value.toFixed(decimals));\n      }, [value, decimals]);\n\n      const commit = React.useCallback(\n        (raw: string) => {\n          if (raw.trim() === \"\") {\n            setQtyStr(min.toFixed(decimals));\n            onChange(min);\n            return;\n          }\n\n          let parsed = parseFloat(raw);\n          if (isNaN(parsed)) parsed = min;\n\n          parsed = roundToStep(parsed, step);\n          if (parsed < min) parsed = min;\n          if (max !== undefined && parsed > max) parsed = max;\n\n          const rounded = parseFloat(parsed.toFixed(decimals));\n          setQtyStr(rounded.toFixed(decimals));\n          onChange(rounded);\n        },\n        [min, max, step, decimals, onChange],\n      );\n\n      const handleKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n          const allowed = [\"Backspace\", \"Delete\", \"ArrowLeft\", \"ArrowRight\", \"Tab\", \"Enter\"];\n          if (allowed.includes(e.key)) {\n            if (e.key === \"Enter\") {\n              commit(qtyStr);\n            }\n            return;\n          }\n\n          if (decimals > 0 && e.key === \".\" && !qtyStr.includes(\".\")) {\n            return;\n          }\n\n          if (e.key >= \"0\" && e.key <= \"9\") {\n            return;\n          }\n\n          e.preventDefault();\n        },\n        [decimals, qtyStr, commit],\n      );\n\n      const handleChange = React.useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n          const pattern = decimals > 0 ? /[^0-9.]/g : /[^0-9]/g;\n          let cleaned = e.target.value.replace(pattern, \"\");\n          if (decimals > 0) {\n            const parts = cleaned.split(\".\");\n            if (parts.length > 2) {\n              cleaned = parts[0] + \".\" + parts.slice(1).join(\"\");\n            }\n          }\n          setQtyStr(cleaned);\n        },\n        [decimals],\n      );\n\n      const handleBlur = React.useCallback(() => {\n        commit(qtyStr);\n      }, [commit, qtyStr]);\n\n      const handleDecrement = React.useCallback(() => {\n        const next = Math.max(value - step, min);\n        onChange(next);\n      }, [value, step, min, onChange]);\n\n      const handleIncrement = React.useCallback(() => {\n        const next = value + step;\n        onChange(max !== undefined ? Math.min(next, max) : next);\n      }, [value, step, max, onChange]);\n\n      const minDisabled = disabled || value <= min;\n      const maxDisabled = disabled || (max !== undefined && value >= max);\n\n      return (\n        <div className={cn(\"bg-background inline-flex items-center rounded-md border\", className)}>\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Decrease quantity\"\n              disabled={minDisabled}\n              onClick={handleDecrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuMinus />\n            </button>\n          )}\n          <input\n            ref={ref}\n            type=\"text\"\n            inputMode={decimals > 0 ? \"decimal\" : \"numeric\"}\n            value={qtyStr}\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            className={cn(\n              \"h-10 w-16 bg-transparent text-center focus:outline-none\",\n              inputClassName,\n            )}\n          />\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Increase quantity\"\n              disabled={maxDisabled}\n              onClick={handleIncrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuPlus />\n            </button>\n          )}\n        </div>\n      );\n    },\n  ),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"]}

package/dist/quantity-input.js

@@ -25,9 +25,7 @@ var QuantityInput = React.memo(
       inputClassName,
       buttonClassName
     }, ref) => {
-      const [qtyStr, setQtyStr] = React.useState(
-        () => value.toFixed(decimals)
-      );
+      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));
       React.useEffect(() => {
         setQtyStr(value.toFixed(decimals));
       }, [value, decimals]);
@@ -51,14 +49,7 @@ var QuantityInput = React.memo(
       );
       const handleKeyDown = React.useCallback(
         (e) => {
-          const allowed = [
-            "Backspace",
-            "Delete",
-            "ArrowLeft",
-            "ArrowRight",
-            "Tab",
-            "Enter"
-          ];
+          const allowed = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Enter"];
           if (allowed.includes(e.key)) {
             if (e.key === "Enter") {
               commit(qtyStr);
@@ -102,62 +93,53 @@ var QuantityInput = React.memo(
       }, [value, step, max, onChange]);
       const minDisabled = disabled || value <= min;
       const maxDisabled = disabled || max !== void 0 && value >= max;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "inline-flex items-center border rounded-md bg-background",
-            className
-          ),
-          children: [
-            showStepper && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Decrease quantity",
-                disabled: minDisabled,
-                onClick: handleDecrement,
-                className: cn(
-                  "h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50",
-                  buttonClassName
-                ),
-                children: /* @__PURE__ */ jsx(LuMinus, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref,
-                type: "text",
-                inputMode: decimals > 0 ? "decimal" : "numeric",
-                value: qtyStr,
-                disabled,
-                onKeyDown: handleKeyDown,
-                onChange: handleChange,
-                onBlur: handleBlur,
-                className: cn(
-                  "h-10 w-16 text-center bg-transparent focus:outline-none",
-                  inputClassName
-                )
-              }
+      return /* @__PURE__ */ jsxs("div", { className: cn("bg-background inline-flex items-center rounded-md border", className), children: [
+        showStepper && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Decrease quantity",
+            disabled: minDisabled,
+            onClick: handleDecrement,
+            className: cn(
+              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+              buttonClassName
             ),
-            showStepper && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Increase quantity",
-                disabled: maxDisabled,
-                onClick: handleIncrement,
-                className: cn(
-                  "h-10 w-10 flex items-center justify-center hover:bg-accent disabled:opacity-50",
-                  buttonClassName
-                ),
-                children: /* @__PURE__ */ jsx(LuPlus, {})
-              }
+            children: /* @__PURE__ */ jsx(LuMinus, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            type: "text",
+            inputMode: decimals > 0 ? "decimal" : "numeric",
+            value: qtyStr,
+            disabled,
+            onKeyDown: handleKeyDown,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            className: cn(
+              "h-10 w-16 bg-transparent text-center focus:outline-none",
+              inputClassName
             )
-          ]
-        }
-      );
+          }
+        ),
+        showStepper && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Increase quantity",
+            disabled: maxDisabled,
+            onClick: handleIncrement,
+            className: cn(
+              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+              buttonClassName
+            ),
+            children: /* @__PURE__ */ jsx(LuPlus, {})
+          }
+        )
+      ] });
     }
   )
 );