@simpleapps-com/augur-web 2.0.4 → 2.0.7

package/dist/quantity-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/quantity-input.tsx"],"sourcesContent":["\"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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/quantity-input.tsx"],"sourcesContent":["\"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"],"mappings":"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","names":[]}

package/dist/radio-group.cjs

@@ -8,14 +8,7 @@ var _reactradiogroup = require('@radix-ui/react-radio-group'); var RadioGroupPri
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
 var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    RadioGroupPrimitive.Root,
-    {
-      className: _web.cn.call(void 0, "grid gap-2", className),
-      ...props,
-      ref
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupPrimitive.Root, { className: _web.cn.call(void 0, "grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
@@ -24,11 +17,11 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
     {
       ref,
       className: _web.cn.call(void 0, 
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-primary text-primary focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuCheck, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuCheck, { className: "fill-primary h-3.5 w-3.5" }) })
     }
   );
 });

package/dist/radio-group.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/radio-group.cjs","../src/radio-group.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,oCAAwB;AACxB,mIAAqC;AACrC,sDAAmB;AAOf,+CAAA;AALJ,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAClC,EAAA,uBACE,6BAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,SAAA,EAAW,qBAAA,YAAG,EAAc,SAAS,CAAA;AAAA,MACpC,GAAG,KAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AACD,UAAA,CAAW,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;AAElD,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAClC,EAAA,uBACE,6BAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,qBAAA;AAAA,QACT,8LAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,mBAAqB,CAAA,SAAA,EAApB,EAA8B,SAAA,EAAU,kCAAA,EACvC,QAAA,kBAAA,6BAAA,WAAC,EAAA,EAAQ,SAAA,EAAU,2BAAA,CAA2B,EAAA,CAChD;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AACD,cAAA,CAAe,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;ADNtD;AACE;AACA;AACF,yEAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/radio-group.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-radio-group. See https://www.radix-ui.com/primitives/docs/components/radio-group */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuCheck } from \"react-icons/lu\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <LuCheck className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/radio-group.cjs","../src/radio-group.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,oCAAwB;AACxB,mIAAqC;AACrC,sDAAmB;AAMV,+CAAA;AAJT,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAClC,EAAA,uBAAO,6BAAA,mBAAqB,CAAA,IAAA,EAApB,EAAyB,SAAA,EAAW,qBAAA,YAAG,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,IAAA,CAAU,CAAA;AAChG,CAAC,CAAA;AACD,UAAA,CAAW,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;AAElD,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAClC,EAAA,uBACE,6BAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,qBAAA;AAAA,QACT,8LAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,mBAAqB,CAAA,SAAA,EAApB,EAA8B,SAAA,EAAU,kCAAA,EACvC,QAAA,kBAAA,6BAAA,WAAC,EAAA,EAAQ,SAAA,EAAU,2BAAA,CAA2B,EAAA,CAChD;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AACD,cAAA,CAAe,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;ADPtD;AACE;AACA;AACF,yEAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/radio-group.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-radio-group. See https://www.radix-ui.com/primitives/docs/components/radio-group */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuCheck } from \"react-icons/lu\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-primary text-primary focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <LuCheck className=\"fill-primary h-3.5 w-3.5\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"]}

package/dist/radio-group.js

@@ -8,14 +8,7 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx } from "react/jsx-runtime";
 var RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      className: cn("grid gap-2", className),
-      ...props,
-      ref
-    }
-  );
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
@@ -24,11 +17,11 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
     {
       ref,
       className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-primary text-primary focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(LuCheck, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(LuCheck, { className: "fill-primary h-3.5 w-3.5" }) })
     }
   );
 });

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-radio-group. See https://www.radix-ui.com/primitives/docs/components/radio-group */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuCheck } from \"react-icons/lu\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <LuCheck className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,YAAY,yBAAyB;AACrC,SAAS,UAAU;AAOf;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,oCACvC,8BAAC,WAAQ,WAAU,4BAA2B,GAChD;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}
+{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-radio-group. See https://www.radix-ui.com/primitives/docs/components/radio-group */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuCheck } from \"react-icons/lu\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-primary text-primary focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border shadow focus:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <LuCheck className=\"fill-primary h-3.5 w-3.5\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,YAAY,yBAAyB;AACrC,SAAS,UAAU;AAMV;AAJT,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SAAO,oBAAqB,0BAApB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,KAAU;AAChG,CAAC;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,oCACvC,8BAAC,WAAQ,WAAU,4BAA2B,GAChD;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}

package/dist/select.cjs

@@ -11,7 +11,7 @@
 
 
 
-var _chunkSHF52AZMcjs = require('./chunk-SHF52AZM.cjs');
+var _chunkQXYVJQA5cjs = require('./chunk-QXYVJQA5.cjs');
 
 
 
@@ -23,5 +23,5 @@ var _chunkSHF52AZMcjs = require('./chunk-SHF52AZM.cjs');
 
 
 
-exports.Select = _chunkSHF52AZMcjs.Select; exports.SelectContent = _chunkSHF52AZMcjs.SelectContent; exports.SelectGroup = _chunkSHF52AZMcjs.SelectGroup; exports.SelectItem = _chunkSHF52AZMcjs.SelectItem; exports.SelectLabel = _chunkSHF52AZMcjs.SelectLabel; exports.SelectScrollDownButton = _chunkSHF52AZMcjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunkSHF52AZMcjs.SelectScrollUpButton; exports.SelectSeparator = _chunkSHF52AZMcjs.SelectSeparator; exports.SelectTrigger = _chunkSHF52AZMcjs.SelectTrigger; exports.SelectValue = _chunkSHF52AZMcjs.SelectValue;
+exports.Select = _chunkQXYVJQA5cjs.Select; exports.SelectContent = _chunkQXYVJQA5cjs.SelectContent; exports.SelectGroup = _chunkQXYVJQA5cjs.SelectGroup; exports.SelectItem = _chunkQXYVJQA5cjs.SelectItem; exports.SelectLabel = _chunkQXYVJQA5cjs.SelectLabel; exports.SelectScrollDownButton = _chunkQXYVJQA5cjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunkQXYVJQA5cjs.SelectScrollUpButton; exports.SelectSeparator = _chunkQXYVJQA5cjs.SelectSeparator; exports.SelectTrigger = _chunkQXYVJQA5cjs.SelectTrigger; exports.SelectValue = _chunkQXYVJQA5cjs.SelectValue;
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -11,7 +11,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-C7E3ITLU.js";
+} from "./chunk-ISFNITKF.js";
 export {
   Select,
   SelectContent,

package/dist/separator.cjs

@@ -6,22 +6,20 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
-var Separator = React.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: _web.cn.call(void 0, 
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: _web.cn.call(void 0, 
+      "bg-border shrink-0",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 

package/dist/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/separator.cjs","../src/separator.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,8HAAoC;AACpC,sDAAmB;AAUf,+CAAA;AARJ,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA;AAAA,EAItB,CACE,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,EAAc,WAAA,EAAa,IAAA,EAAM,GAAG,MAAM,CAAA,EACrE,GAAA,EAAA,mBAEA,6BAAA;AAAA,IAAoB,kBAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,qBAAA;AAAA,QACT,oBAAA;AAAA,QACA,YAAA,IAAgB,aAAA,EAAe,iBAAA,EAAmB,gBAAA;AAAA,QAClD;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAA;AACA,SAAA,CAAU,YAAA,EAAiC,kBAAA,CAAA,IAAA,CAAK,WAAA;ADHhD;AACE;AACF,8BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/separator.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-separator. See https://www.radix-ui.com/primitives/docs/components/separator */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/separator.cjs","../src/separator.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,8HAAoC;AACpC,sDAAmB;AAMjB,+CAAA;AAJF,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,EAAc,WAAA,EAAa,IAAA,EAAM,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACzE,6BAAA;AAAA,EAAoB,kBAAA,CAAA,IAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,oBAAA;AAAA,MACA,YAAA,IAAgB,aAAA,EAAe,iBAAA,EAAmB,gBAAA;AAAA,MAClD;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAiC,kBAAA,CAAA,IAAA,CAAK,WAAA;ADAhD;AACE;AACF,8BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/separator.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-separator. See https://www.radix-ui.com/primitives/docs/components/separator */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"bg-border shrink-0\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}

package/dist/separator.js

@@ -6,22 +6,20 @@ import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx } from "react/jsx-runtime";
-var Separator = React.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "bg-border shrink-0",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 export {
   Separator

package/dist/separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-separator. See https://www.radix-ui.com/primitives/docs/components/separator */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,UAAU;AAUf;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,mBAAmB;AAAA,QAClD;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK;","names":[]}
+{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-separator. See https://www.radix-ui.com/primitives/docs/components/separator */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"bg-border shrink-0\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"mappings":";;;;AAGA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,UAAU;AAMjB;AAJF,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QACzE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,eAAe,mBAAmB;AAAA,MAClD;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAiC,wBAAK;","names":[]}

package/dist/skeleton.cjs

@@ -3,17 +3,8 @@
 // src/skeleton.tsx
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _web.cn.call(void 0, "animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _web.cn.call(void 0, "bg-muted animate-pulse rounded-md", className), ...props });
 }
 
 

package/dist/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/skeleton.cjs","../src/skeleton.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACDA,sDAAmB;AAOf,+CAAA;AALJ,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyC;AACvC,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,qBAAA,mCAAG,EAAqC,SAAS,CAAA;AAAA,MAC3D,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADIA;AACE;AACF,4BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/skeleton.cjs","sourcesContent":[null,"/** Animated placeholder for loading states. */\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/skeleton.cjs","../src/skeleton.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACDA,sDAAmB;AAGV,+CAAA;AADT,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyC;AAC/E,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,qBAAA,mCAAG,EAAqC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACxF;ADGA;AACE;AACF,4BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/skeleton.cjs","sourcesContent":[null,"/** Animated placeholder for loading states. */\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"bg-muted animate-pulse rounded-md\", className)} {...props} />;\n}\n\nexport { Skeleton };\n"]}

package/dist/skeleton.js

@@ -3,17 +3,8 @@
 // src/skeleton.tsx
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx } from "react/jsx-runtime";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-muted animate-pulse rounded-md", className), ...props });
 }
 export {
   Skeleton

package/dist/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["/** Animated placeholder for loading states. */\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;AACA,SAAS,UAAU;AAOf;AALJ,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC3D,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["/** Animated placeholder for loading states. */\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"bg-muted animate-pulse rounded-md\", className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":";;;AACA,SAAS,UAAU;AAGV;AADT,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAyC;AAC/E,SAAO,oBAAC,SAAI,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO;AACxF;","names":[]}

package/dist/spinner.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkECZR6SW3cjs = require('./chunk-ECZR6SW3.cjs');
+var _chunk5VMEEKZ5cjs = require('./chunk-5VMEEKZ5.cjs');
 
 
-exports.Spinner = _chunkECZR6SW3cjs.Spinner;
+exports.Spinner = _chunk5VMEEKZ5cjs.Spinner;
 //# sourceMappingURL=spinner.cjs.map

package/dist/spinner.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Spinner
-} from "./chunk-DONF5PIE.js";
+} from "./chunk-UMNTUD2P.js";
 export {
   Spinner
 };

package/dist/stock-label.cjs

@@ -39,7 +39,7 @@ function createStockLabel(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
           )

package/dist/stock-label.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/stock-label.cjs","../src/stock-label.tsx"],"names":["slots"],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/stock-label.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface StockLabelClassNames {\n  /** In-stock text. */\n  inStock?: string;\n  /** Low-stock text. */\n  lowStock?: string;\n  /** Out-of-stock text. */\n  outOfStock?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The quantity parenthetical. */\n  quantity?: string;\n}\n\nexport interface StockLabelConfig {\n  /** Label for in-stock state. Default: `\"In stock\"`. */\n  inStockLabel?: string;\n  /** Label for low-stock state. Default: `\"Low stock\"`. */\n  lowStockLabel?: string;\n  /** Label for out-of-stock state. Default: `\"Out of stock\"`. */\n  outOfStockLabel?: string;\n  /** Default class names for sub-elements. */\n  classNames?: StockLabelClassNames;\n}\n\ntype StockLabelPropsBase = {\n  /** Whether the item is in stock. */\n  isInStock: boolean;\n  /** Whether the item has low stock. */\n  isLowStock?: boolean;\n  /** Quantity to display in parentheses (shown only when in stock or low stock). */\n  displayQuantity?: number | null;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: StockLabelClassNames;\n};\n\nexport type StockLabelProps =\n  | (StockLabelPropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: StockLabelClassNames };\n\nexport interface CreateStockLabelResult {\n  StockLabel: React.FC<StockLabelProps>;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  inStockLabel: \"In stock\",\n  lowStockLabel: \"Low stock\",\n  outOfStockLabel: \"Out of stock\",\n} as const;\n\nexport function createStockLabel(config: StockLabelConfig = {}): CreateStockLabelResult {\n  const {\n    inStockLabel,\n    lowStockLabel,\n    outOfStockLabel,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const slotKeys: (keyof StockLabelClassNames)[] = [\n    \"inStock\", \"lowStock\", \"outOfStock\", \"skeleton\", \"quantity\",\n  ];\n\n  function mergeClassNames(\n    instance?: StockLabelClassNames,\n  ): StockLabelClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: StockLabelClassNames = {};\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 StockLabel(props: StockLabelProps) {\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      isInStock,\n      isLowStock = false,\n      displayQuantity,\n      className,\n      classNames: instanceClassNames,\n    } = props as StockLabelPropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (!isInStock) {\n      return (\n        <span className={cn(\"text-red-600\", slots.outOfStock, className)}>\n          {outOfStockLabel}\n        </span>\n      );\n    }\n\n    if (isLowStock) {\n      return (\n        <span className={cn(\"text-orange-500\", slots.lowStock, className)}>\n          {lowStockLabel}\n          {displayQuantity != null && (\n            <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n          )}\n        </span>\n      );\n    }\n\n    return (\n      <span className={cn(\"text-green-600\", slots.inStock, className)}>\n        {inStockLabel}\n        {displayQuantity != null && (\n          <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n        )}\n      </span>\n    );\n  }\n\n  StockLabel.displayName = \"StockLabel\";\n\n  return { StockLabel };\n}\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/stock-label.cjs","../src/stock-label.tsx"],"names":["slots"],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/stock-label.cjs","sourcesContent":[null,"\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface StockLabelClassNames {\n  /** In-stock text. */\n  inStock?: string;\n  /** Low-stock text. */\n  lowStock?: string;\n  /** Out-of-stock text. */\n  outOfStock?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The quantity parenthetical. */\n  quantity?: string;\n}\n\nexport interface StockLabelConfig {\n  /** Label for in-stock state. Default: `\"In stock\"`. */\n  inStockLabel?: string;\n  /** Label for low-stock state. Default: `\"Low stock\"`. */\n  lowStockLabel?: string;\n  /** Label for out-of-stock state. Default: `\"Out of stock\"`. */\n  outOfStockLabel?: string;\n  /** Default class names for sub-elements. */\n  classNames?: StockLabelClassNames;\n}\n\ntype StockLabelPropsBase = {\n  /** Whether the item is in stock. */\n  isInStock: boolean;\n  /** Whether the item has low stock. */\n  isLowStock?: boolean;\n  /** Quantity to display in parentheses (shown only when in stock or low stock). */\n  displayQuantity?: number | null;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: StockLabelClassNames;\n};\n\nexport type StockLabelProps =\n  | (StockLabelPropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: StockLabelClassNames };\n\nexport interface CreateStockLabelResult {\n  StockLabel: React.FC<StockLabelProps>;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  inStockLabel: \"In stock\",\n  lowStockLabel: \"Low stock\",\n  outOfStockLabel: \"Out of stock\",\n} as const;\n\nexport function createStockLabel(config: StockLabelConfig = {}): CreateStockLabelResult {\n  const {\n    inStockLabel,\n    lowStockLabel,\n    outOfStockLabel,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const slotKeys: (keyof StockLabelClassNames)[] = [\n    \"inStock\",\n    \"lowStock\",\n    \"outOfStock\",\n    \"skeleton\",\n    \"quantity\",\n  ];\n\n  function mergeClassNames(instance?: StockLabelClassNames): StockLabelClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: StockLabelClassNames = {};\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 StockLabel(props: StockLabelProps) {\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      isInStock,\n      isLowStock = false,\n      displayQuantity,\n      className,\n      classNames: instanceClassNames,\n    } = props as StockLabelPropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (!isInStock) {\n      return (\n        <span className={cn(\"text-red-600\", slots.outOfStock, className)}>{outOfStockLabel}</span>\n      );\n    }\n\n    if (isLowStock) {\n      return (\n        <span className={cn(\"text-orange-500\", slots.lowStock, className)}>\n          {lowStockLabel}\n          {displayQuantity != null && (\n            <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n          )}\n        </span>\n      );\n    }\n\n    return (\n      <span className={cn(\"text-green-600\", slots.inStock, className)}>\n        {inStockLabel}\n        {displayQuantity != null && (\n          <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n        )}\n      </span>\n    );\n  }\n\n  StockLabel.displayName = \"StockLabel\";\n\n  return { StockLabel };\n}\n"]}

package/dist/stock-label.js

@@ -39,7 +39,7 @@ function createStockLabel(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
           )

package/dist/stock-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stock-label.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface StockLabelClassNames {\n  /** In-stock text. */\n  inStock?: string;\n  /** Low-stock text. */\n  lowStock?: string;\n  /** Out-of-stock text. */\n  outOfStock?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The quantity parenthetical. */\n  quantity?: string;\n}\n\nexport interface StockLabelConfig {\n  /** Label for in-stock state. Default: `\"In stock\"`. */\n  inStockLabel?: string;\n  /** Label for low-stock state. Default: `\"Low stock\"`. */\n  lowStockLabel?: string;\n  /** Label for out-of-stock state. Default: `\"Out of stock\"`. */\n  outOfStockLabel?: string;\n  /** Default class names for sub-elements. */\n  classNames?: StockLabelClassNames;\n}\n\ntype StockLabelPropsBase = {\n  /** Whether the item is in stock. */\n  isInStock: boolean;\n  /** Whether the item has low stock. */\n  isLowStock?: boolean;\n  /** Quantity to display in parentheses (shown only when in stock or low stock). */\n  displayQuantity?: number | null;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: StockLabelClassNames;\n};\n\nexport type StockLabelProps =\n  | (StockLabelPropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: StockLabelClassNames };\n\nexport interface CreateStockLabelResult {\n  StockLabel: React.FC<StockLabelProps>;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  inStockLabel: \"In stock\",\n  lowStockLabel: \"Low stock\",\n  outOfStockLabel: \"Out of stock\",\n} as const;\n\nexport function createStockLabel(config: StockLabelConfig = {}): CreateStockLabelResult {\n  const {\n    inStockLabel,\n    lowStockLabel,\n    outOfStockLabel,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const slotKeys: (keyof StockLabelClassNames)[] = [\n    \"inStock\", \"lowStock\", \"outOfStock\", \"skeleton\", \"quantity\",\n  ];\n\n  function mergeClassNames(\n    instance?: StockLabelClassNames,\n  ): StockLabelClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: StockLabelClassNames = {};\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 StockLabel(props: StockLabelProps) {\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      isInStock,\n      isLowStock = false,\n      displayQuantity,\n      className,\n      classNames: instanceClassNames,\n    } = props as StockLabelPropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (!isInStock) {\n      return (\n        <span className={cn(\"text-red-600\", slots.outOfStock, className)}>\n          {outOfStockLabel}\n        </span>\n      );\n    }\n\n    if (isLowStock) {\n      return (\n        <span className={cn(\"text-orange-500\", slots.lowStock, className)}>\n          {lowStockLabel}\n          {displayQuantity != null && (\n            <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n          )}\n        </span>\n      );\n    }\n\n    return (\n      <span className={cn(\"text-green-600\", slots.inStock, className)}>\n        {inStockLabel}\n        {displayQuantity != null && (\n          <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n        )}\n      </span>\n    );\n  }\n\n  StockLabel.displayName = \"StockLabel\";\n\n  return { StockLabel };\n}\n"],"mappings":";;;;AAEA,SAAS,UAAU;AAyFX,cAiCI,YAjCJ;AAlCR,IAAM,WAAW;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AACnB;AAEO,SAAS,iBAAiB,SAA2B,CAAC,GAA2B;AACtF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,QAAM,WAA2C;AAAA,IAC/C;AAAA,IAAW;AAAA,IAAY;AAAA,IAAc;AAAA,IAAY;AAAA,EACnD;AAEA,WAAS,gBACP,UACsB;AACtB,QAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO,CAAC;AAC7C,UAAM,SAA+B,CAAC;AACtC,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,WAAW,OAAwB;AAC1C,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;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,IAAI;AAEJ,UAAM,QAAQ,gBAAgB,kBAAkB;AAEhD,QAAI,CAAC,WAAW;AACd,aACE,oBAAC,UAAK,WAAW,GAAG,gBAAgB,MAAM,YAAY,SAAS,GAC5D,2BACH;AAAA,IAEJ;AAEA,QAAI,YAAY;AACd,aACE,qBAAC,UAAK,WAAW,GAAG,mBAAmB,MAAM,UAAU,SAAS,GAC7D;AAAA;AAAA,QACA,mBAAmB,QAClB,qBAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,QAAQ,GAAG;AAAA;AAAA,UAAE;AAAA,UAAgB;AAAA,WAAC;AAAA,SAEpE;AAAA,IAEJ;AAEA,WACE,qBAAC,UAAK,WAAW,GAAG,kBAAkB,MAAM,SAAS,SAAS,GAC3D;AAAA;AAAA,MACA,mBAAmB,QAClB,qBAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,QAAQ,GAAG;AAAA;AAAA,QAAE;AAAA,QAAgB;AAAA,SAAC;AAAA,OAEpE;AAAA,EAEJ;AAEA,aAAW,cAAc;AAEzB,SAAO,EAAE,WAAW;AACtB;","names":["slots"]}
+{"version":3,"sources":["../src/stock-label.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface StockLabelClassNames {\n  /** In-stock text. */\n  inStock?: string;\n  /** Low-stock text. */\n  lowStock?: string;\n  /** Out-of-stock text. */\n  outOfStock?: string;\n  /** The loading skeleton. */\n  skeleton?: string;\n  /** The quantity parenthetical. */\n  quantity?: string;\n}\n\nexport interface StockLabelConfig {\n  /** Label for in-stock state. Default: `\"In stock\"`. */\n  inStockLabel?: string;\n  /** Label for low-stock state. Default: `\"Low stock\"`. */\n  lowStockLabel?: string;\n  /** Label for out-of-stock state. Default: `\"Out of stock\"`. */\n  outOfStockLabel?: string;\n  /** Default class names for sub-elements. */\n  classNames?: StockLabelClassNames;\n}\n\ntype StockLabelPropsBase = {\n  /** Whether the item is in stock. */\n  isInStock: boolean;\n  /** Whether the item has low stock. */\n  isLowStock?: boolean;\n  /** Quantity to display in parentheses (shown only when in stock or low stock). */\n  displayQuantity?: number | null;\n  /** Additional class names for the root element. */\n  className?: string;\n  /** Class names for sub-elements, merged with factory defaults. */\n  classNames?: StockLabelClassNames;\n};\n\nexport type StockLabelProps =\n  | (StockLabelPropsBase & { loading?: false })\n  | { loading: true; className?: string; classNames?: StockLabelClassNames };\n\nexport interface CreateStockLabelResult {\n  StockLabel: React.FC<StockLabelProps>;\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nconst defaults = {\n  inStockLabel: \"In stock\",\n  lowStockLabel: \"Low stock\",\n  outOfStockLabel: \"Out of stock\",\n} as const;\n\nexport function createStockLabel(config: StockLabelConfig = {}): CreateStockLabelResult {\n  const {\n    inStockLabel,\n    lowStockLabel,\n    outOfStockLabel,\n    classNames: factoryClassNames,\n  } = { ...defaults, ...config };\n\n  const slotKeys: (keyof StockLabelClassNames)[] = [\n    \"inStock\",\n    \"lowStock\",\n    \"outOfStock\",\n    \"skeleton\",\n    \"quantity\",\n  ];\n\n  function mergeClassNames(instance?: StockLabelClassNames): StockLabelClassNames {\n    if (!factoryClassNames && !instance) return {};\n    const result: StockLabelClassNames = {};\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 StockLabel(props: StockLabelProps) {\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      isInStock,\n      isLowStock = false,\n      displayQuantity,\n      className,\n      classNames: instanceClassNames,\n    } = props as StockLabelPropsBase;\n\n    const slots = mergeClassNames(instanceClassNames);\n\n    if (!isInStock) {\n      return (\n        <span className={cn(\"text-red-600\", slots.outOfStock, className)}>{outOfStockLabel}</span>\n      );\n    }\n\n    if (isLowStock) {\n      return (\n        <span className={cn(\"text-orange-500\", slots.lowStock, className)}>\n          {lowStockLabel}\n          {displayQuantity != null && (\n            <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n          )}\n        </span>\n      );\n    }\n\n    return (\n      <span className={cn(\"text-green-600\", slots.inStock, className)}>\n        {inStockLabel}\n        {displayQuantity != null && (\n          <span className={cn(\"ml-1\", slots.quantity)}>({displayQuantity})</span>\n        )}\n      </span>\n    );\n  }\n\n  StockLabel.displayName = \"StockLabel\";\n\n  return { StockLabel };\n}\n"],"mappings":";;;;AAEA,SAAS,UAAU;AA2FX,cA+BI,YA/BJ;AApCR,IAAM,WAAW;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AACnB;AAEO,SAAS,iBAAiB,SAA2B,CAAC,GAA2B;AACtF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO;AAE7B,QAAM,WAA2C;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,WAAS,gBAAgB,UAAuD;AAC9E,QAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO,CAAC;AAC7C,UAAM,SAA+B,CAAC;AACtC,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,WAAW,OAAwB;AAC1C,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;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,IAAI;AAEJ,UAAM,QAAQ,gBAAgB,kBAAkB;AAEhD,QAAI,CAAC,WAAW;AACd,aACE,oBAAC,UAAK,WAAW,GAAG,gBAAgB,MAAM,YAAY,SAAS,GAAI,2BAAgB;AAAA,IAEvF;AAEA,QAAI,YAAY;AACd,aACE,qBAAC,UAAK,WAAW,GAAG,mBAAmB,MAAM,UAAU,SAAS,GAC7D;AAAA;AAAA,QACA,mBAAmB,QAClB,qBAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,QAAQ,GAAG;AAAA;AAAA,UAAE;AAAA,UAAgB;AAAA,WAAC;AAAA,SAEpE;AAAA,IAEJ;AAEA,WACE,qBAAC,UAAK,WAAW,GAAG,kBAAkB,MAAM,SAAS,SAAS,GAC3D;AAAA;AAAA,MACA,mBAAmB,QAClB,qBAAC,UAAK,WAAW,GAAG,QAAQ,MAAM,QAAQ,GAAG;AAAA;AAAA,QAAE;AAAA,QAAgB;AAAA,SAAC;AAAA,OAEpE;AAAA,EAEJ;AAEA,aAAW,cAAc;AAEzB,SAAO,EAAE,WAAW;AACtB;","names":["slots"]}

package/dist/table.cjs

@@ -5,56 +5,43 @@
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
-var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "table",
-  {
-    ref,
-    className: _web.cn.call(void 0, "w-full caption-bottom text-sm", className),
-    ...props
-  }
-) }));
+var Table = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { ref, className: _web.cn.call(void 0, "w-full caption-bottom text-sm", className), ...props }) })
+);
 Table.displayName = "Table";
 var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref, className: _web.cn.call(void 0, "[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "tbody",
-  {
-    ref,
-    className: _web.cn.call(void 0, "[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
+var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { ref, className: _web.cn.call(void 0, "[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
 var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "tfoot",
   {
     ref,
-    className: _web.cn.call(void 0, 
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
-    ),
+    className: _web.cn.call(void 0, "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
     ...props
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "tr",
-  {
-    ref,
-    className: _web.cn.call(void 0, 
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
+var TableRow = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tr",
+    {
+      ref,
+      className: _web.cn.call(void 0, 
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  )
+);
 TableRow.displayName = "TableRow";
 var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "th",
   {
     ref,
     className: _web.cn.call(void 0, 
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className
     ),
     ...props
@@ -73,14 +60,7 @@ var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "caption",
-  {
-    ref,
-    className: _web.cn.call(void 0, "mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "caption", { ref, className: _web.cn.call(void 0, "text-muted-foreground mt-4 text-sm", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 

package/dist/table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/table.cjs","../src/table.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACA;ACAA,2EAAuB;AACvB,sDAAmB;AAOf,+CAAA;AALJ,IAAM,MAAA,EAAc,KAAA,CAAA,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,+BAAA,EACb,QAAA,kBAAA,6BAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,+BAAG,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA,EAAA;AACN,EAAA,CACF,CACD,CAAA;AACD,KAAA,CAAM,YAAA,EAAc,OAAA;AAEpB,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA,OAAC,EAAA,EAAM,GAAA,EAAU,SAAA,EAAW,qBAAA,iBAAG,EAAmB,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAC1E,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,4BAAG,EAA8B,SAAS,CAAA;AAAA,IACpD,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAc,WAAA;AAExB,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,yDAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA,CAGrB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,6EAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,QAAA,CAAS,YAAA,EAAc,UAAA;AAEvB,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,wIAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAc,WAAA;AAExB,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,sFAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAc,WAAA;AAExB,IAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,oCAAG,EAAsC,SAAS,CAAA;AAAA,IAC5D,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,YAAA,CAAa,YAAA,EAAc,cAAA;AD1B3B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,2PAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/table.cjs","sourcesContent":[null,"/** Styled HTML table with responsive overflow wrapper. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/table.cjs","../src/table.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/table.cjs","sourcesContent":[null,"/** Styled HTML table with responsive overflow wrapper. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n      <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n    </div>\n  ),\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={cn(\"text-muted-foreground mt-4 text-sm\", className)} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"]}