commerce-toolkit 0.6.0 → 0.8.0

package/dist/radio-group.js

@@ -1,52 +1,44 @@
-import { jsx as t } from "react/jsx-runtime";
-import { R as i, I as d, a as l } from "./index-BEcVxceo.js";
-import { c as e } from "./utils-CRiPKpXj.js";
-function c({ children: r, className: o, ...a }) {
-  return /* @__PURE__ */ t(
-    i,
+import { jsx as e } from "react/jsx-runtime";
+import { R as t, I as d, a as l } from "./index-BEcVxceo.js";
+import { c as i } from "./utils-CRiPKpXj.js";
+import { F as n } from "./field-item-DY-IZNXs.js";
+import { F as s } from "./field-label-BKlrU6b5.js";
+function g({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ e(
+    t,
     {
-      className: e("grid gap-2", o),
+      className: i("grid gap-2", o),
       "data-slot": "radio-group-root",
       ...a,
       children: r
     }
   );
 }
-function p({ children: r, className: o, ...a }) {
-  return /* @__PURE__ */ t(
+function m({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: e("flex items-center gap-2", o),
+      className: i("flex items-center gap-2", o),
       "data-slot": "radio-group-option",
       ...a,
       children: r
     }
   );
 }
-function g({ children: r, className: o, ...a }) {
-  return /* @__PURE__ */ t(
+function v({ children: r, className: o, ...a }) {
+  return /* @__PURE__ */ e(
     d,
     {
-      className: e(
-        // Base layout
-        "h-5 w-5 cursor-default",
-        // Colors
-        "bg-[var(--radio-group-light-background,hsl(var(--background)))]",
-        "border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]",
-        // Borders & rounded
-        "rounded-full border",
-        // Effects
-        "outline-none",
+      className: i(
+        "size-5 cursor-default rounded-full border border-[var(--radio-group-light-border,var(--contrast-200))] bg-[var(--radio-group-light-background,var(--background))]",
         // Hover state
-        "hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]",
-        // Focus state
-        "focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]",
+        "hover:border-[var(--radio-group-light-border-hover,var(--contrast-300))]",
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--radio-group-light-focus,var(--brand))]",
         // Aria-invalid state
-        "aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]",
-        "aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]",
+        "aria-invalid:border-[var(--radio-group-light-border-error,var(--error))] aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,var(--error)_50%,transparent))]",
         // Disabled state
-        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        "[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50",
         o
       ),
       "data-slot": "radio-group-item",
@@ -55,16 +47,12 @@ function g({ children: r, className: o, ...a }) {
     }
   );
 }
-function b({ className: r, children: o, ...a }) {
-  return /* @__PURE__ */ t(
+function h({ className: r, children: o, ...a }) {
+  return /* @__PURE__ */ e(
     l,
     {
-      className: e(
-        // Base layout
-        "relative flex h-full w-full items-center justify-center",
-        // After pseudo-element (indicator dot)
-        "after:block after:h-3 after:w-3 after:rounded-full",
-        "after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]",
+      className: i(
+        "relative flex size-full items-center justify-center after:block after:size-3 after:rounded-full after:bg-[var(--radio-group-light-indicator-background,var(--foreground))]",
         r
       ),
       "data-slot": "radio-group-indicator",
@@ -73,10 +61,27 @@ function b({ className: r, children: o, ...a }) {
     }
   );
 }
+function I({ className: r, children: o, ...a }) {
+  return /* @__PURE__ */ e(
+    n,
+    {
+      className: i(r),
+      "data-slot": "radio-group-field-item",
+      orientation: "horizontal",
+      ...a,
+      children: o
+    }
+  );
+}
+function R({ className: r, children: o, ...a }) {
+  return /* @__PURE__ */ e(s, { className: i(r), "data-slot": "radio-group-label", ...a, children: o });
+}
 export {
-  b as Indicator,
-  g as Item,
-  p as Option,
-  c as Root
+  I as FieldItem,
+  h as Indicator,
+  v as Item,
+  R as Label,
+  m as Option,
+  g as Root
 };
 //# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../src/components/radio-group/primitives/radio-group-root.tsx","../src/components/radio-group/primitives/radio-group-option.tsx","../src/components/radio-group/primitives/radio-group-item.tsx","../src/components/radio-group/primitives/radio-group-indicator.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function RadioGroupRoot({ children, className, ...props }: RadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      data-slot=\"radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemsProps = ComponentProps<'div'>;\n\nexport function RadioGroupOption({ children, className, ...props }: RadioGroupItemsProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"radio-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function RadioGroupItem({ children, className, ...props }: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'h-5 w-5 cursor-default',\n        // Colors\n        'bg-[var(--radio-group-light-background,hsl(var(--background)))]',\n        'border-[var(--radio-group-light-border,hsl(var(--contrast-200)))]',\n        // Borders & rounded\n        'rounded-full border',\n        // Effects\n        'outline-none',\n        // Hover state\n        'hover:border-[var(--radio-group-light-border-hover,hsl(var(--contrast-300)))]',\n        // Focus state\n        'focus:border-[var(--radio-group-light-border-focus,hsl(var(--contrast-300)))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--radio-group-light-border-error,hsl(var(--error)))]',\n        'aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,hsl(var(--error))_50%,transparent))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        '[&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50',\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupIndicatorProps = ComponentProps<typeof RadioGroupPrimitive.Indicator>;\n\nexport function RadioGroupIndicator({ className, children, ...props }: RadioGroupIndicatorProps) {\n  return (\n    <RadioGroupPrimitive.Indicator\n      className={cn(\n        // Base layout\n        'relative flex h-full w-full items-center justify-center',\n        // After pseudo-element (indicator dot)\n        'after:block after:h-3 after:w-3 after:rounded-full',\n        'after:bg-[var(--radio-group-light-indicator-background,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Indicator>\n  );\n}\n"],"names":["RadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupOption","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupIndicator","RadioGroupPrimitive.Indicator"],"mappings":";;;AAOO,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACrC,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASM,EAAiB,EAAE,UAAAN,GAAU,WAAAC,GAAW,GAAGC,KAA+B;AACxF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAG,2BAA2BJ,CAAS;AAAA,MAClD,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACTO,SAASO,EAAe,EAAE,UAAAP,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAA;AAAA,QAET;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AC/BO,SAASS,EAAoB,EAAE,WAAAR,GAAW,UAAAD,GAAU,GAAGE,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA;AAAA,QAET;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"radio-group.js","sources":["../src/components/radio-group/primitives/radio-group-root.tsx","../src/components/radio-group/primitives/radio-group-option.tsx","../src/components/radio-group/primitives/radio-group-item.tsx","../src/components/radio-group/primitives/radio-group-indicator.tsx","../src/components/radio-group/primitives/radio-group-field-item.tsx","../src/components/radio-group/primitives/radio-group-label.tsx"],"sourcesContent":["'use client';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function RadioGroupRoot({ children, className, ...props }: RadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      data-slot=\"radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemsProps = ComponentProps<'div'>;\n\nexport function RadioGroupOption({ children, className, ...props }: RadioGroupItemsProps) {\n  return (\n    <div\n      className={cn('flex items-center gap-2', className)}\n      data-slot=\"radio-group-option\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function RadioGroupItem({ children, className, ...props }: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'size-5 cursor-default rounded-full border border-[var(--radio-group-light-border,var(--contrast-200))] bg-[var(--radio-group-light-background,var(--background))]',\n        // Hover state\n        'hover:border-[var(--radio-group-light-border-hover,var(--contrast-300))]',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--radio-group-light-focus,var(--brand))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--radio-group-light-border-error,var(--error))] aria-invalid:disabled:border-[var(--radio-group-light-disabled-border-error,color-mix(in_oklab,var(--error)_50%,transparent))]',\n        // Disabled state\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&:disabled+label]:pointer-events-none [&:disabled+label]:opacity-50',\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","'use client';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RadioGroupIndicatorProps = ComponentProps<typeof RadioGroupPrimitive.Indicator>;\n\nexport function RadioGroupIndicator({ className, children, ...props }: RadioGroupIndicatorProps) {\n  return (\n    <RadioGroupPrimitive.Indicator\n      className={cn(\n        'relative flex size-full items-center justify-center after:block after:size-3 after:rounded-full after:bg-[var(--radio-group-light-indicator-background,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Indicator>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport * as Field from '@/components/field';\nimport { cn } from '@/lib';\n\nexport type RadioGroupFieldItemProps = ComponentProps<typeof Field.Item>;\n\nexport function RadioGroupFieldItem({ className, children, ...props }: RadioGroupFieldItemProps) {\n  return (\n    <Field.Item\n      className={cn(className)}\n      data-slot=\"radio-group-field-item\"\n      orientation=\"horizontal\"\n      {...props}\n    >\n      {children}\n    </Field.Item>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport * as Field from '@/components/field';\nimport { cn } from '@/lib';\n\nexport type RadioGroupLabelProps = ComponentProps<typeof Field.Label>;\n\nexport function RadioGroupLabel({ className, children, ...props }: RadioGroupLabelProps) {\n  return (\n    <Field.Label className={cn(className)} data-slot=\"radio-group-label\" {...props}>\n      {children}\n    </Field.Label>\n  );\n}\n"],"names":["RadioGroupRoot","children","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupOption","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupIndicator","RadioGroupPrimitive.Indicator","RadioGroupFieldItem","Field.Item","RadioGroupLabel","Field.Label"],"mappings":";;;;;AASO,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACrC,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASM,EAAiB,EAAE,UAAAN,GAAU,WAAAC,GAAW,GAAGC,KAA+B;AACxF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAG,2BAA2BJ,CAAS;AAAA,MAClD,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACPO,SAASO,EAAe,EAAE,UAAAP,GAAU,WAAAC,GAAW,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACrBO,SAASS,EAAoB,EAAE,WAAAR,GAAW,UAAAD,GAAU,GAAGE,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACfO,SAASW,EAAoB,EAAE,WAAAV,GAAW,UAAAD,GAAU,GAAGE,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,WAAWP,EAAGJ,CAAS;AAAA,MACvB,aAAU;AAAA,MACV,aAAY;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASa,EAAgB,EAAE,WAAAZ,GAAW,UAAAD,GAAU,GAAGE,KAA+B;AACvF,SACE,gBAAAC,EAACW,GAAA,EAAY,WAAWT,EAAGJ,CAAS,GAAG,aAAU,qBAAqB,GAAGC,GACtE,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/range-input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-DoxiiusW.cjs");function u({className:t,children:e,...n}){return o.jsx("div",{className:r.cn("flex w-full items-center gap-2",t),"data-slot":"range-input-root",...n,children:e})}exports.Root=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("./utils-DoxiiusW.cjs"),r=require("./index-DGaxX11V.cjs"),a=require("./arrow-right-Dx01QsJW.cjs"),i=require("./input-BFqWDVd1.cjs"),s=require("./button-bfAfHC_O.cjs");function c({className:n,children:t,...e}){return o.jsx("div",{className:u.cn("flex w-full items-center gap-2","[&>*:not([data-slot=range-input-button])]:flex-1 [&>[data-slot=range-input-button]]:shrink-0",n),"data-slot":"range-input-root",...e,children:t})}function l({asChild:n=!1,className:t,children:e}){return n?o.jsx(r.Slot,{className:u.cn("size-5",t),"data-slot":"range-input-icon",children:e}):o.jsx(a.default,{absoluteStrokeWidth:!0,className:u.cn("size-5",t),"data-slot":"range-input-icon",strokeWidth:1})}function d({className:n,...t}){return o.jsx(i.Input,{className:u.cn(n),"data-slot":"range-input-field",...t})}function g({className:n,children:t,...e}){return o.jsx(s.Button,{className:u.cn(n),"data-slot":"range-input-button",...e,children:t})}exports.Button=g;exports.Field=d;exports.Icon=l;exports.Root=c;
 //# sourceMappingURL=range-input.cjs.map

package/dist/range-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"range-input.cjs","sources":["../src/components/range-input/primitives/range-input-root.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RangeInputRootProps = ComponentProps<'div'>;\n\nexport function RangeInputRoot({ className, children, ...props }: RangeInputRootProps) {\n  return (\n    <div\n      className={cn('flex w-full items-center gap-2', className)}\n      data-slot=\"range-input-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["RangeInputRoot","className","children","props","jsx","cn"],"mappings":"uJAMO,SAASA,EAAe,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAA8B,CACrF,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iCAAkCJ,CAAS,EACzD,YAAU,mBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP"}
+{"version":3,"file":"range-input.cjs","sources":["../src/components/range-input/primitives/range-input-root.tsx","../src/components/range-input/primitives/range-input-icon.tsx","../src/components/range-input/primitives/range-input-field.tsx","../src/components/range-input/primitives/range-input-button.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RangeInputRootProps = ComponentProps<'div'>;\n\nexport function RangeInputRoot({ className, children, ...props }: RangeInputRootProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full items-center gap-2',\n        // Layout: inputs expand, button shrinks\n        '[&>*:not([data-slot=range-input-button])]:flex-1 [&>[data-slot=range-input-button]]:shrink-0',\n        className,\n      )}\n      data-slot=\"range-input-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { ArrowRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface RangeInputIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function RangeInputIcon({ asChild = false, className, children }: RangeInputIconProps) {\n  if (asChild) {\n    return (\n      <Slot className={cn('size-5', className)} data-slot=\"range-input-icon\">\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <ArrowRight\n      absoluteStrokeWidth\n      className={cn('size-5', className)}\n      data-slot=\"range-input-icon\"\n      strokeWidth={1}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Input } from '@/components/input';\nimport { cn } from '@/lib';\n\nexport type RangeInputFieldProps = ComponentProps<typeof Input>;\n\nexport function RangeInputField({ className, ...props }: RangeInputFieldProps) {\n  return <Input className={cn(className)} data-slot=\"range-input-field\" {...props} />;\n}\n","import type { ComponentProps } from 'react';\n\nimport { Button } from '@/components/button';\nimport { cn } from '@/lib';\n\nexport type RangeInputButtonProps = ComponentProps<typeof Button>;\n\nexport function RangeInputButton({ className, children, ...props }: RangeInputButtonProps) {\n  return (\n    <Button className={cn(className)} data-slot=\"range-input-button\" {...props}>\n      {children}\n    </Button>\n  );\n}\n"],"names":["RangeInputRoot","className","children","props","jsx","cn","RangeInputIcon","asChild","Slot","ArrowRight","RangeInputField","Input","RangeInputButton","Button"],"mappings":"sSAMO,SAASA,EAAe,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAA8B,CACrF,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iCAEA,+FACAJ,CAAA,EAEF,YAAU,mBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCPO,SAASI,EAAe,CAAE,QAAAC,EAAU,GAAO,UAAAN,EAAW,SAAAC,GAAiC,CAC5F,OAAIK,EAEAH,MAACI,EAAAA,MAAK,UAAWH,EAAAA,GAAG,SAAUJ,CAAS,EAAG,YAAU,mBACjD,SAAAC,CAAA,CACH,EAKFE,EAAAA,IAACK,EAAAA,QAAA,CACC,oBAAmB,GACnB,UAAWJ,EAAAA,GAAG,SAAUJ,CAAS,EACjC,YAAU,mBACV,YAAa,CAAA,CAAA,CAGnB,CCxBO,SAASS,EAAgB,CAAE,UAAAT,EAAW,GAAGE,GAA+B,CAC7E,OAAOC,MAACO,EAAAA,OAAM,UAAWN,EAAAA,GAAGJ,CAAS,EAAG,YAAU,oBAAqB,GAAGE,EAAO,CACnF,CCFO,SAASS,EAAiB,CAAE,UAAAX,EAAW,SAAAC,EAAU,GAAGC,GAAgC,CACzF,OACEC,MAACS,EAAAA,OAAA,CAAO,UAAWR,EAAAA,GAAGJ,CAAS,EAAG,YAAU,qBAAsB,GAAGE,EAClE,SAAAD,CAAA,CACH,CAEJ"}

package/dist/range-input.js

@@ -1,17 +1,46 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "./utils-CRiPKpXj.js";
-function i({ className: t, children: o, ...r }) {
+import { c as r } from "./utils-CRiPKpXj.js";
+import { S as e } from "./index-DD8W7cMj.js";
+import i from "./arrow-right-u33nJuCL.js";
+import { I as s } from "./input-Cq1AD4gY.js";
+import { B as u } from "./button-D0viptzn.js";
+function g({ className: n, children: t, ...o }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: e("flex w-full items-center gap-2", t),
+      className: r(
+        "flex w-full items-center gap-2",
+        // Layout: inputs expand, button shrinks
+        "[&>*:not([data-slot=range-input-button])]:flex-1 [&>[data-slot=range-input-button]]:shrink-0",
+        n
+      ),
       "data-slot": "range-input-root",
-      ...r,
-      children: o
+      ...o,
+      children: t
     }
   );
 }
+function I({ asChild: n = !1, className: t, children: o }) {
+  return n ? /* @__PURE__ */ a(e, { className: r("size-5", t), "data-slot": "range-input-icon", children: o }) : /* @__PURE__ */ a(
+    i,
+    {
+      absoluteStrokeWidth: !0,
+      className: r("size-5", t),
+      "data-slot": "range-input-icon",
+      strokeWidth: 1
+    }
+  );
+}
+function R({ className: n, ...t }) {
+  return /* @__PURE__ */ a(s, { className: r(n), "data-slot": "range-input-field", ...t });
+}
+function b({ className: n, children: t, ...o }) {
+  return /* @__PURE__ */ a(u, { className: r(n), "data-slot": "range-input-button", ...o, children: t });
+}
 export {
-  i as Root
+  b as Button,
+  R as Field,
+  I as Icon,
+  g as Root
 };
 //# sourceMappingURL=range-input.js.map

package/dist/range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-input.js","sources":["../src/components/range-input/primitives/range-input-root.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RangeInputRootProps = ComponentProps<'div'>;\n\nexport function RangeInputRoot({ className, children, ...props }: RangeInputRootProps) {\n  return (\n    <div\n      className={cn('flex w-full items-center gap-2', className)}\n      data-slot=\"range-input-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["RangeInputRoot","className","children","props","jsx","cn"],"mappings":";;AAMO,SAASA,EAAe,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,kCAAkCJ,CAAS;AAAA,MACzD,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"range-input.js","sources":["../src/components/range-input/primitives/range-input-root.tsx","../src/components/range-input/primitives/range-input-icon.tsx","../src/components/range-input/primitives/range-input-field.tsx","../src/components/range-input/primitives/range-input-button.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type RangeInputRootProps = ComponentProps<'div'>;\n\nexport function RangeInputRoot({ className, children, ...props }: RangeInputRootProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full items-center gap-2',\n        // Layout: inputs expand, button shrinks\n        '[&>*:not([data-slot=range-input-button])]:flex-1 [&>[data-slot=range-input-button]]:shrink-0',\n        className,\n      )}\n      data-slot=\"range-input-root\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { ArrowRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface RangeInputIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function RangeInputIcon({ asChild = false, className, children }: RangeInputIconProps) {\n  if (asChild) {\n    return (\n      <Slot className={cn('size-5', className)} data-slot=\"range-input-icon\">\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <ArrowRight\n      absoluteStrokeWidth\n      className={cn('size-5', className)}\n      data-slot=\"range-input-icon\"\n      strokeWidth={1}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Input } from '@/components/input';\nimport { cn } from '@/lib';\n\nexport type RangeInputFieldProps = ComponentProps<typeof Input>;\n\nexport function RangeInputField({ className, ...props }: RangeInputFieldProps) {\n  return <Input className={cn(className)} data-slot=\"range-input-field\" {...props} />;\n}\n","import type { ComponentProps } from 'react';\n\nimport { Button } from '@/components/button';\nimport { cn } from '@/lib';\n\nexport type RangeInputButtonProps = ComponentProps<typeof Button>;\n\nexport function RangeInputButton({ className, children, ...props }: RangeInputButtonProps) {\n  return (\n    <Button className={cn(className)} data-slot=\"range-input-button\" {...props}>\n      {children}\n    </Button>\n  );\n}\n"],"names":["RangeInputRoot","className","children","props","jsx","cn","RangeInputIcon","asChild","Slot","ArrowRight","RangeInputField","Input","RangeInputButton","Button"],"mappings":";;;;;;AAMO,SAASA,EAAe,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAA8B;AACrF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACPO,SAASI,EAAe,EAAE,SAAAC,IAAU,IAAO,WAAAN,GAAW,UAAAC,KAAiC;AAC5F,SAAIK,IAEA,gBAAAH,EAACI,KAAK,WAAWH,EAAG,UAAUJ,CAAS,GAAG,aAAU,oBACjD,UAAAC,EAAA,CACH,IAKF,gBAAAE;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,qBAAmB;AAAA,MACnB,WAAWJ,EAAG,UAAUJ,CAAS;AAAA,MACjC,aAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EAAA;AAGnB;ACxBO,SAASS,EAAgB,EAAE,WAAAT,GAAW,GAAGE,KAA+B;AAC7E,SAAO,gBAAAC,EAACO,KAAM,WAAWN,EAAGJ,CAAS,GAAG,aAAU,qBAAqB,GAAGE,GAAO;AACnF;ACFO,SAASS,EAAiB,EAAE,WAAAX,GAAW,UAAAC,GAAU,GAAGC,KAAgC;AACzF,SACE,gBAAAC,EAACS,GAAA,EAAO,WAAWR,EAAGJ,CAAS,GAAG,aAAU,sBAAsB,GAAGE,GAClE,UAAAD,EAAA,CACH;AAEJ;"}

package/dist/rating-total-Ch9GsI-i.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("./utils-DoxiiusW.cjs"),s=require("react"),h=s.createContext(void 0);function j({children:e,className:a,rating:r,showRating:t=!0,showTotalReviews:o=!0,totalReviews:u=0,...d}){const L=s.useRef(0),x=s.useCallback(()=>{const i=L.current;return L.current+=1,i},[]),g=s.useCallback(()=>{L.current=0},[]),m=s.useMemo(()=>{const i=Math.min(r,5),p=Array.from({length:5},(C,f)=>f<Math.floor(i)?"full":f<Math.ceil(i)?"half":"empty");return{rating:r,adjustedRating:i,stars:p,showRating:t,showTotalReviews:o,totalReviews:u,getNextStarIndex:x,resetStarIndex:g}},[r,t,o,u,x,g]);return n.jsx(h.Provider,{value:m,children:n.jsx("div",{className:c.cn("flex items-center @container/rating",a),"data-slot":"rating-root",...d,children:e})})}function l(){const e=s.use(h);if(e===void 0)throw new Error("useRating must be used within a RatingRoot");return e}function R({className:e,...a}){const{stars:r,getNextStarIndex:t}=l(),o=t(),u=r[o]??"empty",d={empty:n.jsx("path",{d:"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.4"}),half:n.jsxs(n.Fragment,{children:[n.jsx("path",{d:"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M10.0003 1.6665V14.8082L4.85033 17.5165L5.83366 11.7832L1.66699 7.72484L7.42533 6.88317L10.0003 1.6665Z",fill:"currentColor"})]}),full:n.jsx("path",{d:"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})};return n.jsx("svg",{className:c.cn("inline-block text-[var(--rating-icon,var(--foreground))]",e),"data-slot":"rating-star",fill:"none",height:20,viewBox:"0 0 20 20",width:20,...a,children:d[u]})}function v({className:e,...a}){const{resetStarIndex:r}=l();return r(),n.jsx("span",{className:c.cn("inline-flex",e),"data-slot":"rating-stars",...a,children:[0,1,2,3,4].map(t=>n.jsx(R,{},t))})}function k({className:e,children:a,...r}){const{adjustedRating:t,showRating:o}=l();return o?n.jsxs("span",{className:c.cn("ml-2 flex items-center text-xs font-bold leading-normal text-[var(--rating-text,var(--contrast-400))]",e),"data-slot":"rating-value",...r,children:[t%1!==0?t.toFixed(1):t,a]}):null}function w({className:e,children:a,...r}){const{totalReviews:t,showTotalReviews:o}=l();return o?n.jsxs("span",{className:c.cn("ml-2 whitespace-nowrap border-l border-[var(--rating-border,var(--contrast-100))] pl-2 font-normal text-[var(--rating-text,var(--contrast-400))]",e),"data-slot":"rating-total",...r,children:[t.toLocaleString()," ",t===1?"review":"reviews"]}):null}exports.RatingRoot=j;exports.RatingStar=R;exports.RatingStars=v;exports.RatingTotal=w;exports.RatingValue=k;exports.useRating=l;
+//# sourceMappingURL=rating-total-Ch9GsI-i.cjs.map

package/dist/rating-total-Ch9GsI-i.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-total-Ch9GsI-i.cjs","sources":["../src/components/rating/primitives/rating-root.tsx","../src/components/rating/primitives/rating-star.tsx","../src/components/rating/primitives/rating-stars.tsx","../src/components/rating/primitives/rating-value.tsx","../src/components/rating/primitives/rating-total.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useMemo, useRef } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type StarType = 'empty' | 'half' | 'full';\n\ninterface RatingContext {\n  rating: number;\n  adjustedRating: number;\n  stars: StarType[];\n  showRating: boolean;\n  showTotalReviews: boolean;\n  totalReviews: number;\n  getNextStarIndex: () => number;\n  resetStarIndex: () => void;\n}\n\nconst RatingContext = createContext<RatingContext | undefined>(undefined);\n\nexport interface RatingRootProps extends ComponentProps<'div'> {\n  rating: number;\n  showRating?: boolean;\n  showTotalReviews?: boolean;\n  totalReviews?: number;\n  children: ReactNode;\n}\n\nexport function RatingRoot({\n  children,\n  className,\n  rating,\n  showRating = true,\n  showTotalReviews = true,\n  totalReviews = 0,\n  ...props\n}: RatingRootProps) {\n  const starIndexRef = useRef(0);\n\n  const getNextStarIndex = useCallback(() => {\n    const index = starIndexRef.current;\n\n    starIndexRef.current += 1;\n\n    return index;\n  }, []);\n\n  const resetStarIndex = useCallback(() => {\n    starIndexRef.current = 0;\n  }, []);\n\n  const contextValues = useMemo(() => {\n    const adjustedRating = Math.min(rating, 5);\n\n    const stars: StarType[] = Array.from({ length: 5 }, (_, index) => {\n      if (index < Math.floor(adjustedRating)) return 'full';\n      if (index < Math.ceil(adjustedRating)) return 'half';\n\n      return 'empty';\n    });\n\n    return {\n      rating,\n      adjustedRating,\n      stars,\n      showRating,\n      showTotalReviews,\n      totalReviews,\n      getNextStarIndex,\n      resetStarIndex,\n    };\n  }, [rating, showRating, showTotalReviews, totalReviews, getNextStarIndex, resetStarIndex]);\n\n  return (\n    <RatingContext.Provider value={contextValues}>\n      <div\n        className={cn('flex items-center @container/rating', className)}\n        data-slot=\"rating-root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </RatingContext.Provider>\n  );\n}\n\nexport function useRating() {\n  const context = use(RatingContext);\n\n  if (context === undefined) {\n    throw new Error('useRating must be used within a RatingRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingStarProps = ComponentProps<'svg'>;\n\nexport function RatingStar({ className, ...props }: RatingStarProps) {\n  const { stars, getNextStarIndex } = useRating();\n\n  const index = getNextStarIndex();\n\n  const type = stars[index] ?? 'empty';\n\n  const paths = {\n    empty: (\n      <path\n        d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeOpacity=\"0.4\"\n      />\n    ),\n    half: (\n      <>\n        <path\n          d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        <path\n          d=\"M10.0003 1.6665V14.8082L4.85033 17.5165L5.83366 11.7832L1.66699 7.72484L7.42533 6.88317L10.0003 1.6665Z\"\n          fill=\"currentColor\"\n        />\n      </>\n    ),\n    full: (\n      <path\n        d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    ),\n  };\n\n  return (\n    <svg\n      className={cn('inline-block text-[var(--rating-icon,var(--foreground))]', className)}\n      data-slot=\"rating-star\"\n      fill=\"none\"\n      height={20}\n      viewBox=\"0 0 20 20\"\n      width={20}\n      {...props}\n    >\n      {paths[type]}\n    </svg>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { Star as RatingStar, useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingStarsProps = ComponentProps<'span'>;\n\nexport function RatingStars({ className, ...props }: RatingStarsProps) {\n  const { resetStarIndex } = useRating();\n\n  resetStarIndex();\n\n  return (\n    <span className={cn('inline-flex', className)} data-slot=\"rating-stars\" {...props}>\n      {[0, 1, 2, 3, 4].map((i) => (\n        <RatingStar key={i} />\n      ))}\n    </span>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingValueProps = ComponentProps<'span'>;\n\nexport function RatingValue({ className, children, ...props }: RatingValueProps) {\n  const { adjustedRating, showRating } = useRating();\n\n  if (!showRating) return null;\n\n  return (\n    <span\n      className={cn(\n        'ml-2 flex items-center text-xs font-bold leading-normal text-[var(--rating-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"rating-value\"\n      {...props}\n    >\n      {adjustedRating % 1 !== 0 ? adjustedRating.toFixed(1) : adjustedRating}\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingTotalProps = ComponentProps<'span'>;\n\nexport function RatingTotal({ className, children, ...props }: RatingTotalProps) {\n  const { totalReviews, showTotalReviews } = useRating();\n\n  if (!showTotalReviews) return null;\n\n  return (\n    <span\n      className={cn(\n        'ml-2 whitespace-nowrap border-l border-[var(--rating-border,var(--contrast-100))] pl-2 font-normal text-[var(--rating-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"rating-total\"\n      {...props}\n    >\n      {totalReviews.toLocaleString()} {totalReviews === 1 ? 'review' : 'reviews'}\n    </span>\n  );\n}\n"],"names":["RatingContext","createContext","RatingRoot","children","className","rating","showRating","showTotalReviews","totalReviews","props","starIndexRef","useRef","getNextStarIndex","useCallback","index","resetStarIndex","contextValues","useMemo","adjustedRating","stars","_","jsx","cn","useRating","context","use","RatingStar","type","paths","jsxs","Fragment","RatingStars","i","RatingValue","RatingTotal"],"mappings":"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"}

package/dist/rating-total-QaBpE1O6.js

@@ -0,0 +1,152 @@
+import { jsx as e, jsxs as L, Fragment as R } from "react/jsx-runtime";
+import { c as i } from "./utils-CRiPKpXj.js";
+import { createContext as k, useRef as w, useCallback as m, useMemo as b, use as C } from "react";
+const h = k(void 0);
+function I({
+  children: r,
+  className: a,
+  rating: n,
+  showRating: t = !0,
+  showTotalReviews: o = !0,
+  totalReviews: c = 0,
+  ...u
+}) {
+  const d = w(0), f = m(() => {
+    const s = d.current;
+    return d.current += 1, s;
+  }, []), g = m(() => {
+    d.current = 0;
+  }, []), p = b(() => {
+    const s = Math.min(n, 5), v = Array.from({ length: 5 }, (j, x) => x < Math.floor(s) ? "full" : x < Math.ceil(s) ? "half" : "empty");
+    return {
+      rating: n,
+      adjustedRating: s,
+      stars: v,
+      showRating: t,
+      showTotalReviews: o,
+      totalReviews: c,
+      getNextStarIndex: f,
+      resetStarIndex: g
+    };
+  }, [n, t, o, c, f, g]);
+  return /* @__PURE__ */ e(h.Provider, { value: p, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: i("flex items-center @container/rating", a),
+      "data-slot": "rating-root",
+      ...u,
+      children: r
+    }
+  ) });
+}
+function l() {
+  const r = C(h);
+  if (r === void 0)
+    throw new Error("useRating must be used within a RatingRoot");
+  return r;
+}
+function M({ className: r, ...a }) {
+  const { stars: n, getNextStarIndex: t } = l(), o = t(), c = n[o] ?? "empty", u = {
+    empty: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeOpacity: "0.4"
+      }
+    ),
+    half: /* @__PURE__ */ L(R, { children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M10.0003 1.6665V14.8082L4.85033 17.5165L5.83366 11.7832L1.66699 7.72484L7.42533 6.88317L10.0003 1.6665Z",
+          fill: "currentColor"
+        }
+      )
+    ] }),
+    full: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
+        fill: "currentColor",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  };
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: i("inline-block text-[var(--rating-icon,var(--foreground))]", r),
+      "data-slot": "rating-star",
+      fill: "none",
+      height: 20,
+      viewBox: "0 0 20 20",
+      width: 20,
+      ...a,
+      children: u[c]
+    }
+  );
+}
+function Z({ className: r, ...a }) {
+  const { resetStarIndex: n } = l();
+  return n(), /* @__PURE__ */ e("span", { className: i("inline-flex", r), "data-slot": "rating-stars", ...a, children: [0, 1, 2, 3, 4].map((t) => /* @__PURE__ */ e(M, {}, t)) });
+}
+function V({ className: r, children: a, ...n }) {
+  const { adjustedRating: t, showRating: o } = l();
+  return o ? /* @__PURE__ */ L(
+    "span",
+    {
+      className: i(
+        "ml-2 flex items-center text-xs font-bold leading-normal text-[var(--rating-text,var(--contrast-400))]",
+        r
+      ),
+      "data-slot": "rating-value",
+      ...n,
+      children: [
+        t % 1 !== 0 ? t.toFixed(1) : t,
+        a
+      ]
+    }
+  ) : null;
+}
+function F({ className: r, children: a, ...n }) {
+  const { totalReviews: t, showTotalReviews: o } = l();
+  return o ? /* @__PURE__ */ L(
+    "span",
+    {
+      className: i(
+        "ml-2 whitespace-nowrap border-l border-[var(--rating-border,var(--contrast-100))] pl-2 font-normal text-[var(--rating-text,var(--contrast-400))]",
+        r
+      ),
+      "data-slot": "rating-total",
+      ...n,
+      children: [
+        t.toLocaleString(),
+        " ",
+        t === 1 ? "review" : "reviews"
+      ]
+    }
+  ) : null;
+}
+export {
+  I as R,
+  M as a,
+  Z as b,
+  V as c,
+  F as d,
+  l as u
+};
+//# sourceMappingURL=rating-total-QaBpE1O6.js.map

package/dist/rating-total-QaBpE1O6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-total-QaBpE1O6.js","sources":["../src/components/rating/primitives/rating-root.tsx","../src/components/rating/primitives/rating-star.tsx","../src/components/rating/primitives/rating-stars.tsx","../src/components/rating/primitives/rating-value.tsx","../src/components/rating/primitives/rating-total.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useMemo, useRef } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type StarType = 'empty' | 'half' | 'full';\n\ninterface RatingContext {\n  rating: number;\n  adjustedRating: number;\n  stars: StarType[];\n  showRating: boolean;\n  showTotalReviews: boolean;\n  totalReviews: number;\n  getNextStarIndex: () => number;\n  resetStarIndex: () => void;\n}\n\nconst RatingContext = createContext<RatingContext | undefined>(undefined);\n\nexport interface RatingRootProps extends ComponentProps<'div'> {\n  rating: number;\n  showRating?: boolean;\n  showTotalReviews?: boolean;\n  totalReviews?: number;\n  children: ReactNode;\n}\n\nexport function RatingRoot({\n  children,\n  className,\n  rating,\n  showRating = true,\n  showTotalReviews = true,\n  totalReviews = 0,\n  ...props\n}: RatingRootProps) {\n  const starIndexRef = useRef(0);\n\n  const getNextStarIndex = useCallback(() => {\n    const index = starIndexRef.current;\n\n    starIndexRef.current += 1;\n\n    return index;\n  }, []);\n\n  const resetStarIndex = useCallback(() => {\n    starIndexRef.current = 0;\n  }, []);\n\n  const contextValues = useMemo(() => {\n    const adjustedRating = Math.min(rating, 5);\n\n    const stars: StarType[] = Array.from({ length: 5 }, (_, index) => {\n      if (index < Math.floor(adjustedRating)) return 'full';\n      if (index < Math.ceil(adjustedRating)) return 'half';\n\n      return 'empty';\n    });\n\n    return {\n      rating,\n      adjustedRating,\n      stars,\n      showRating,\n      showTotalReviews,\n      totalReviews,\n      getNextStarIndex,\n      resetStarIndex,\n    };\n  }, [rating, showRating, showTotalReviews, totalReviews, getNextStarIndex, resetStarIndex]);\n\n  return (\n    <RatingContext.Provider value={contextValues}>\n      <div\n        className={cn('flex items-center @container/rating', className)}\n        data-slot=\"rating-root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </RatingContext.Provider>\n  );\n}\n\nexport function useRating() {\n  const context = use(RatingContext);\n\n  if (context === undefined) {\n    throw new Error('useRating must be used within a RatingRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingStarProps = ComponentProps<'svg'>;\n\nexport function RatingStar({ className, ...props }: RatingStarProps) {\n  const { stars, getNextStarIndex } = useRating();\n\n  const index = getNextStarIndex();\n\n  const type = stars[index] ?? 'empty';\n\n  const paths = {\n    empty: (\n      <path\n        d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeOpacity=\"0.4\"\n      />\n    ),\n    half: (\n      <>\n        <path\n          d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        <path\n          d=\"M10.0003 1.6665V14.8082L4.85033 17.5165L5.83366 11.7832L1.66699 7.72484L7.42533 6.88317L10.0003 1.6665Z\"\n          fill=\"currentColor\"\n        />\n      </>\n    ),\n    full: (\n      <path\n        d=\"M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    ),\n  };\n\n  return (\n    <svg\n      className={cn('inline-block text-[var(--rating-icon,var(--foreground))]', className)}\n      data-slot=\"rating-star\"\n      fill=\"none\"\n      height={20}\n      viewBox=\"0 0 20 20\"\n      width={20}\n      {...props}\n    >\n      {paths[type]}\n    </svg>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { Star as RatingStar, useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingStarsProps = ComponentProps<'span'>;\n\nexport function RatingStars({ className, ...props }: RatingStarsProps) {\n  const { resetStarIndex } = useRating();\n\n  resetStarIndex();\n\n  return (\n    <span className={cn('inline-flex', className)} data-slot=\"rating-stars\" {...props}>\n      {[0, 1, 2, 3, 4].map((i) => (\n        <RatingStar key={i} />\n      ))}\n    </span>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingValueProps = ComponentProps<'span'>;\n\nexport function RatingValue({ className, children, ...props }: RatingValueProps) {\n  const { adjustedRating, showRating } = useRating();\n\n  if (!showRating) return null;\n\n  return (\n    <span\n      className={cn(\n        'ml-2 flex items-center text-xs font-bold leading-normal text-[var(--rating-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"rating-value\"\n      {...props}\n    >\n      {adjustedRating % 1 !== 0 ? adjustedRating.toFixed(1) : adjustedRating}\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useRating } from '@/components/rating';\nimport { cn } from '@/lib';\n\nexport type RatingTotalProps = ComponentProps<'span'>;\n\nexport function RatingTotal({ className, children, ...props }: RatingTotalProps) {\n  const { totalReviews, showTotalReviews } = useRating();\n\n  if (!showTotalReviews) return null;\n\n  return (\n    <span\n      className={cn(\n        'ml-2 whitespace-nowrap border-l border-[var(--rating-border,var(--contrast-100))] pl-2 font-normal text-[var(--rating-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"rating-total\"\n      {...props}\n    >\n      {totalReviews.toLocaleString()} {totalReviews === 1 ? 'review' : 'reviews'}\n    </span>\n  );\n}\n"],"names":["RatingContext","createContext","RatingRoot","children","className","rating","showRating","showTotalReviews","totalReviews","props","starIndexRef","useRef","getNextStarIndex","useCallback","index","resetStarIndex","contextValues","useMemo","adjustedRating","stars","_","jsx","cn","useRating","context","use","RatingStar","type","paths","jsxs","Fragment","RatingStars","i","RatingValue","RatingTotal"],"mappings":"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"}

package/dist/rating.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./rating-total-BxVcB0gt.cjs");exports.Root=t.RatingRoot;exports.Star=t.RatingStar;exports.Stars=t.RatingStars;exports.Total=t.RatingTotal;exports.Value=t.RatingValue;exports.useRating=t.useRating;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./rating-total-Ch9GsI-i.cjs");exports.Root=t.RatingRoot;exports.Star=t.RatingStar;exports.Stars=t.RatingStars;exports.Total=t.RatingTotal;exports.Value=t.RatingValue;exports.useRating=t.useRating;
 //# sourceMappingURL=rating.cjs.map

package/dist/rating.js

@@ -1,4 +1,4 @@
-import { R as t, a as o, b as r, d as e, c as u, u as R } from "./rating-total-C_vpBVPa.js";
+import { R as t, a as o, b as r, d as e, c as u, u as R } from "./rating-total-QaBpE1O6.js";
 export {
   t as Root,
   o as Star,

package/dist/reveal-trigger-DC3QWjji.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),u=require("./utils-DoxiiusW.cjs"),k=require("./button-bfAfHC_O.cjs"),l=require("react");function h({className:e,children:n,...t}){return r.jsx("span",{className:u.cn("origin-left font-semibold leading-normal text-[var(--animated-underline-text,var(--foreground))] transition-[background-size] duration-300 [background:linear-gradient(0deg,var(--animated-underline-hover,var(--brand)),var(--animated-underline-hover,var(--brand)))_no-repeat_left_bottom_/_0_2px] [font-family:var(--animated-underline-font-family,var(--font-family-body))]","hover:bg-[size:100%_2px]","group-focus/underline:bg-[size:100%_2px]",e),"data-slot":"animated-underline",...t,children:n})}const R=l.createContext(void 0);function y({children:e,className:n,variant:t="underline",showLabel:o="Show more",hideLabel:s="Show less",defaultOpen:c=!1,maxHeight:a=160,...d}){const[g,b]=l.useState(c),[p,w]=l.useState(!0),i=l.useRef(null);l.useEffect(()=>{function v(){if(i.current){const O=i.current.scrollHeight;w(O>a)}}v();const x=new ResizeObserver(v);return i.current&&x.observe(i.current),()=>{x.disconnect()}},[a]);const m=l.useCallback(()=>{b(v=>!v)},[]),_=l.useMemo(()=>({isOpen:g,hasOverflow:p,variant:t,showLabel:o,hideLabel:s,maxHeight:a,contentRef:i,toggleOpen:m}),[g,p,t,o,s,a,m]),j={"--reveal-max-height":`${a}px`};return r.jsx(R.Provider,{value:_,children:r.jsx("div",{className:u.cn("group/reveal relative",n),"data-open":g,"data-overflow":p,"data-slot":"reveal-root",style:j,...d,children:e})})}function f(){const e=l.use(R);if(e===void 0)throw new Error("useReveal must be used within a RevealRoot");return e}function C({children:e,className:n,...t}){const{contentRef:o}=f();return r.jsx("div",{className:u.cn("max-h-[var(--reveal-max-height)] overflow-hidden","group-data-[open=true]/reveal:max-h-none","group-data-[overflow=true]/reveal:group-data-[open=false]/reveal:[mask-image:linear-gradient(to_top,transparent,black_50px,black_calc(100%-50px))]",n),"data-slot":"reveal-viewport",ref:o,...t,children:e})}function z({children:e,className:n,...t}){const{hasOverflow:o}=f();return o?r.jsx("div",{className:u.cn("flex w-full items-end pt-4",n),"data-slot":"reveal-controls",...t,children:e}):null}function S({children:e,className:n,...t}){const{variant:o,showLabel:s,hideLabel:c,isOpen:a,toggleOpen:d}=f();return r.jsxs(r.Fragment,{children:[o==="underline"&&r.jsx("button",{className:u.cn("group/underline text-sm focus:outline-none",n),"data-slot":"reveal-trigger",onClick:d,type:"button",...t,children:r.jsx(h,{children:a?c:s})}),o==="button"&&r.jsx(k.Button,{className:n,"data-slot":"reveal-trigger",onClick:d,size:"x-small",type:"button",variant:"outline",...t,children:a?c:s})]})}exports.AnimatedUnderline=h;exports.RevealControls=z;exports.RevealRoot=y;exports.RevealTrigger=S;exports.RevealViewport=C;exports.useReveal=f;
+//# sourceMappingURL=reveal-trigger-DC3QWjji.cjs.map

package/dist/reveal-trigger-DC3QWjji.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal-trigger-DC3QWjji.cjs","sources":["../src/components/animated-underline/animated-underline.tsx","../src/components/reveal/primitives/reveal-root.tsx","../src/components/reveal/primitives/reveal-viewport.tsx","../src/components/reveal/primitives/reveal-controls.tsx","../src/components/reveal/primitives/reveal-trigger.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AnimatedUnderlineProps = ComponentProps<'span'> & {\n  children: string;\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --animated-underline-hover: var(--brand);\n *   --animated-underline-text: var(--foreground);\n *   --animated-underline-font-family: var(--font-family-body);\n * }\n * ```\n */\nexport function AnimatedUnderline({ className, children, ...props }: AnimatedUnderlineProps) {\n  return (\n    <span\n      className={cn(\n        'origin-left font-semibold leading-normal text-[var(--animated-underline-text,var(--foreground))] transition-[background-size] duration-300 [background:linear-gradient(0deg,var(--animated-underline-hover,var(--brand)),var(--animated-underline-hover,var(--brand)))_no-repeat_left_bottom_/_0_2px] [font-family:var(--animated-underline-font-family,var(--font-family-body))]',\n        // Hover state\n        'hover:bg-[size:100%_2px]',\n        // Group focus state\n        'group-focus/underline:bg-[size:100%_2px]',\n        className,\n      )}\n      data-slot=\"animated-underline\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, CSSProperties, ReactNode, RefObject } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface RevealContext {\n  isOpen: boolean;\n  hasOverflow: boolean;\n  variant: 'underline' | 'button';\n  showLabel: string;\n  hideLabel: string;\n  maxHeight: number;\n  contentRef: RefObject<HTMLDivElement | null>;\n  toggleOpen: () => void;\n}\n\nconst RevealContext = createContext<RevealContext | undefined>(undefined);\n\nexport interface RevealRootProps extends ComponentProps<'div'> {\n  variant?: 'underline' | 'button';\n  showLabel?: string;\n  hideLabel?: string;\n  defaultOpen?: boolean;\n  maxHeight?: number;\n  children: ReactNode;\n}\n\nexport function RevealRoot({\n  children,\n  className,\n  variant = 'underline',\n  showLabel = 'Show more',\n  hideLabel = 'Show less',\n  defaultOpen = false,\n  maxHeight = 160,\n  ...props\n}: RevealRootProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const [hasOverflow, setHasOverflow] = useState(true);\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function checkHeight() {\n      if (contentRef.current) {\n        const contentHeight = contentRef.current.scrollHeight;\n\n        setHasOverflow(contentHeight > maxHeight);\n      }\n    }\n\n    checkHeight();\n\n    const resizeObserver = new ResizeObserver(checkHeight);\n\n    if (contentRef.current) {\n      resizeObserver.observe(contentRef.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [maxHeight]);\n\n  const toggleOpen = useCallback(() => {\n    setIsOpen((prev) => !prev);\n  }, []);\n\n  const contextValues = useMemo(\n    () => ({\n      isOpen,\n      hasOverflow,\n      variant,\n      showLabel,\n      hideLabel,\n      maxHeight,\n      contentRef,\n      toggleOpen,\n    }),\n    [isOpen, hasOverflow, variant, showLabel, hideLabel, maxHeight, toggleOpen],\n  );\n\n  const revealStyle: CSSProperties & { '--reveal-max-height': string } = {\n    '--reveal-max-height': `${maxHeight}px`,\n  };\n\n  return (\n    <RevealContext.Provider value={contextValues}>\n      <div\n        className={cn('group/reveal relative', className)}\n        data-open={isOpen}\n        data-overflow={hasOverflow}\n        data-slot=\"reveal-root\"\n        style={revealStyle}\n        {...props}\n      >\n        {children}\n      </div>\n    </RevealContext.Provider>\n  );\n}\n\nexport function useReveal() {\n  const context = use(RevealContext);\n\n  if (context === undefined) {\n    throw new Error('useReveal must be used within a RevealRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealViewportProps = ComponentProps<'div'>;\n\nexport function RevealViewport({ children, className, ...props }: RevealViewportProps) {\n  const { contentRef } = useReveal();\n\n  return (\n    <div\n      className={cn(\n        'max-h-[var(--reveal-max-height)] overflow-hidden',\n        // Open state\n        'group-data-[open=true]/reveal:max-h-none',\n        // Overflow + Closed state (show gradient mask)\n        'group-data-[overflow=true]/reveal:group-data-[open=false]/reveal:[mask-image:linear-gradient(to_top,transparent,black_50px,black_calc(100%-50px))]',\n        className,\n      )}\n      data-slot=\"reveal-viewport\"\n      ref={contentRef}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealControlsProps = ComponentProps<'div'>;\n\nexport function RevealControls({ children, className, ...props }: RevealControlsProps) {\n  const { hasOverflow } = useReveal();\n\n  if (!hasOverflow) return null;\n\n  return (\n    <div\n      className={cn('flex w-full items-end pt-4', className)}\n      data-slot=\"reveal-controls\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { AnimatedUnderline } from '@/components/animated-underline';\nimport { Button } from '@/components/button';\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealTriggerProps = ComponentProps<'button'>;\n\nexport function RevealTrigger({ children, className, ...props }: RevealTriggerProps) {\n  const { variant, showLabel, hideLabel, isOpen, toggleOpen } = useReveal();\n\n  return (\n    <>\n      {variant === 'underline' && (\n        <button\n          className={cn('group/underline text-sm focus:outline-none', className)}\n          data-slot=\"reveal-trigger\"\n          onClick={toggleOpen}\n          type=\"button\"\n          {...props}\n        >\n          <AnimatedUnderline>{isOpen ? hideLabel : showLabel}</AnimatedUnderline>\n        </button>\n      )}\n      {variant === 'button' && (\n        <Button\n          className={className}\n          data-slot=\"reveal-trigger\"\n          onClick={toggleOpen}\n          size=\"x-small\"\n          type=\"button\"\n          variant=\"outline\"\n          {...props}\n        >\n          {isOpen ? hideLabel : showLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":["AnimatedUnderline","className","children","props","jsx","cn","RevealContext","createContext","RevealRoot","variant","showLabel","hideLabel","defaultOpen","maxHeight","isOpen","setIsOpen","useState","hasOverflow","setHasOverflow","contentRef","useRef","useEffect","checkHeight","contentHeight","resizeObserver","toggleOpen","useCallback","prev","contextValues","useMemo","revealStyle","useReveal","context","use","RevealViewport","RevealControls","RevealTrigger","jsxs","Fragment","Button"],"mappings":"0IAoBO,SAASA,EAAkB,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAiC,CAC3F,OACEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GACT,oXAEA,2BAEA,2CACAJ,CAAA,EAEF,YAAU,qBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCnBA,MAAMI,EAAgBC,EAAAA,cAAyC,MAAS,EAWjE,SAASC,EAAW,CACzB,SAAAN,EACA,UAAAD,EACA,QAAAQ,EAAU,YACV,UAAAC,EAAY,YACZ,UAAAC,EAAY,YACZ,YAAAC,EAAc,GACd,UAAAC,EAAY,IACZ,GAAGV,CACL,EAAoB,CAClB,KAAM,CAACW,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAW,EAC1C,CAACK,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAI,EAE7CG,EAAaC,EAAAA,OAAuB,IAAI,EAE9CC,EAAAA,UAAU,IAAM,CACd,SAASC,GAAc,CACrB,GAAIH,EAAW,QAAS,CACtB,MAAMI,EAAgBJ,EAAW,QAAQ,aAEzCD,EAAeK,EAAgBV,CAAS,CAC1C,CACF,CAEAS,EAAA,EAEA,MAAME,EAAiB,IAAI,eAAeF,CAAW,EAErD,OAAIH,EAAW,SACbK,EAAe,QAAQL,EAAW,OAAO,EAGpC,IAAM,CACXK,EAAe,WAAA,CACjB,CACF,EAAG,CAACX,CAAS,CAAC,EAEd,MAAMY,EAAaC,EAAAA,YAAY,IAAM,CACnCX,EAAWY,GAAS,CAACA,CAAI,CAC3B,EAAG,CAAA,CAAE,EAECC,EAAgBC,EAAAA,QACpB,KAAO,CACL,OAAAf,EACA,YAAAG,EACA,QAAAR,EACA,UAAAC,EACA,UAAAC,EACA,UAAAE,EACA,WAAAM,EACA,WAAAM,CAAA,GAEF,CAACX,EAAQG,EAAaR,EAASC,EAAWC,EAAWE,EAAWY,CAAU,CAAA,EAGtEK,EAAiE,CACrE,sBAAuB,GAAGjB,CAAS,IAAA,EAGrC,OACET,EAAAA,IAACE,EAAc,SAAd,CAAuB,MAAOsB,EAC7B,SAAAxB,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,wBAAyBJ,CAAS,EAChD,YAAWa,EACX,gBAAeG,EACf,YAAU,cACV,MAAOa,EACN,GAAG3B,EAEH,SAAAD,CAAA,CAAA,EAEL,CAEJ,CAEO,SAAS6B,GAAY,CAC1B,MAAMC,EAAUC,EAAAA,IAAI3B,CAAa,EAEjC,GAAI0B,IAAY,OACd,MAAM,IAAI,MAAM,4CAA4C,EAG9D,OAAOA,CACT,CCvGO,SAASE,EAAe,CAAE,SAAAhC,EAAU,UAAAD,EAAW,GAAGE,GAA8B,CACrF,KAAM,CAAE,WAAAgB,CAAA,EAAeY,EAAA,EAEvB,OACE3B,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,mDAEA,2CAEA,qJACAJ,CAAA,EAEF,YAAU,kBACV,IAAKkB,EACJ,GAAGhB,EAEH,SAAAD,CAAA,CAAA,CAGP,CCpBO,SAASiC,EAAe,CAAE,SAAAjC,EAAU,UAAAD,EAAW,GAAGE,GAA8B,CACrF,KAAM,CAAE,YAAAc,CAAA,EAAgBc,EAAA,EAExB,OAAKd,EAGHb,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,6BAA8BJ,CAAS,EACrD,YAAU,kBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,EARoB,IAW3B,CCZO,SAASkC,EAAc,CAAE,SAAAlC,EAAU,UAAAD,EAAW,GAAGE,GAA6B,CACnF,KAAM,CAAE,QAAAM,EAAS,UAAAC,EAAW,UAAAC,EAAW,OAAAG,EAAQ,WAAAW,CAAA,EAAeM,EAAA,EAE9D,OACEM,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA7B,IAAY,aACXL,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,GAAG,6CAA8CJ,CAAS,EACrE,YAAU,iBACV,QAASwB,EACT,KAAK,SACJ,GAAGtB,EAEJ,SAAAC,EAAAA,IAACJ,EAAA,CAAmB,SAAAc,EAASH,EAAYD,CAAA,CAAU,CAAA,CAAA,EAGtDD,IAAY,UACXL,EAAAA,IAACmC,EAAAA,OAAA,CACC,UAAAtC,EACA,YAAU,iBACV,QAASwB,EACT,KAAK,UACL,KAAK,SACL,QAAQ,UACP,GAAGtB,EAEH,WAASQ,EAAYD,CAAA,CAAA,CACxB,EAEJ,CAEJ"}