react-marketing-ui 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-marketing-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Reusable landing & marketing page UI components for React — animated text reveals, shader effects, magnetic tabs, and scroll-triggered entrances.",
   "keywords": [
     "react",
@@ -31,331 +31,331 @@
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "default": "./dist/index.mjs"
       },
       "require": {
         "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
+        "default": "./dist/index.js"
       }
     },
     "./sparkles-text": {
       "import": {
         "types": "./dist/sparkles-text.d.ts",
-        "default": "./dist/sparkles-text.js"
+        "default": "./dist/sparkles-text.mjs"
       },
       "require": {
         "types": "./dist/sparkles-text.d.cts",
-        "default": "./dist/sparkles-text.cjs"
+        "default": "./dist/sparkles-text.js"
       }
     },
     "./rainbow-button": {
       "import": {
         "types": "./dist/rainbow-button.d.ts",
-        "default": "./dist/rainbow-button.js"
+        "default": "./dist/rainbow-button.mjs"
       },
       "require": {
         "types": "./dist/rainbow-button.d.cts",
-        "default": "./dist/rainbow-button.cjs"
+        "default": "./dist/rainbow-button.js"
       }
     },
     "./shine-border": {
       "import": {
         "types": "./dist/shine-border.d.ts",
-        "default": "./dist/shine-border.js"
+        "default": "./dist/shine-border.mjs"
       },
       "require": {
         "types": "./dist/shine-border.d.cts",
-        "default": "./dist/shine-border.cjs"
+        "default": "./dist/shine-border.js"
       }
     },
     "./liquid-metal": {
       "import": {
         "types": "./dist/liquid-metal.d.ts",
-        "default": "./dist/liquid-metal.js"
+        "default": "./dist/liquid-metal.mjs"
       },
       "require": {
         "types": "./dist/liquid-metal.d.cts",
-        "default": "./dist/liquid-metal.cjs"
+        "default": "./dist/liquid-metal.js"
       }
     },
     "./tabs": {
       "import": {
         "types": "./dist/tabs.d.ts",
-        "default": "./dist/tabs.js"
+        "default": "./dist/tabs.mjs"
       },
       "require": {
         "types": "./dist/tabs.d.cts",
-        "default": "./dist/tabs.cjs"
+        "default": "./dist/tabs.js"
       }
     },
     "./highlighter": {
       "import": {
         "types": "./dist/highlighter.d.ts",
-        "default": "./dist/highlighter.js"
+        "default": "./dist/highlighter.mjs"
       },
       "require": {
         "types": "./dist/highlighter.d.cts",
-        "default": "./dist/highlighter.cjs"
+        "default": "./dist/highlighter.js"
       }
     },
     "./fade-in": {
       "import": {
         "types": "./dist/fade-in.d.ts",
-        "default": "./dist/fade-in.js"
+        "default": "./dist/fade-in.mjs"
       },
       "require": {
         "types": "./dist/fade-in.d.cts",
-        "default": "./dist/fade-in.cjs"
+        "default": "./dist/fade-in.js"
       }
     },
     "./dia-text-reveal": {
       "import": {
         "types": "./dist/dia-text-reveal.d.ts",
-        "default": "./dist/dia-text-reveal.js"
+        "default": "./dist/dia-text-reveal.mjs"
       },
       "require": {
         "types": "./dist/dia-text-reveal.d.cts",
-        "default": "./dist/dia-text-reveal.cjs"
+        "default": "./dist/dia-text-reveal.js"
       }
     },
     "./accordion": {
       "import": {
         "types": "./dist/accordion.d.ts",
-        "default": "./dist/accordion.js"
+        "default": "./dist/accordion.mjs"
       },
       "require": {
         "types": "./dist/accordion.d.cts",
-        "default": "./dist/accordion.cjs"
+        "default": "./dist/accordion.js"
       }
     },
     "./card": {
       "import": {
         "types": "./dist/card.d.ts",
-        "default": "./dist/card.js"
+        "default": "./dist/card.mjs"
       },
       "require": {
         "types": "./dist/card.d.cts",
-        "default": "./dist/card.cjs"
+        "default": "./dist/card.js"
       }
     },
     "./animated-beam": {
       "import": {
         "types": "./dist/animated-beam.d.ts",
-        "default": "./dist/animated-beam.js"
+        "default": "./dist/animated-beam.mjs"
       },
       "require": {
         "types": "./dist/animated-beam.d.cts",
-        "default": "./dist/animated-beam.cjs"
+        "default": "./dist/animated-beam.js"
       }
     },
     "./glossy-button": {
       "import": {
         "types": "./dist/glossy-button.d.ts",
-        "default": "./dist/glossy-button.js"
+        "default": "./dist/glossy-button.mjs"
       },
       "require": {
         "types": "./dist/glossy-button.d.cts",
-        "default": "./dist/glossy-button.cjs"
+        "default": "./dist/glossy-button.js"
       }
     },
     "./feature-card": {
       "import": {
         "types": "./dist/feature-card.d.ts",
-        "default": "./dist/feature-card.js"
+        "default": "./dist/feature-card.mjs"
       },
       "require": {
         "types": "./dist/feature-card.d.cts",
-        "default": "./dist/feature-card.cjs"
+        "default": "./dist/feature-card.js"
       }
     },
     "./rolling-badge": {
       "import": {
         "types": "./dist/rolling-badge.d.ts",
-        "default": "./dist/rolling-badge.js"
+        "default": "./dist/rolling-badge.mjs"
       },
       "require": {
         "types": "./dist/rolling-badge.d.cts",
-        "default": "./dist/rolling-badge.cjs"
+        "default": "./dist/rolling-badge.js"
       }
     },
     "./elevated-input": {
       "import": {
         "types": "./dist/elevated-input.d.ts",
-        "default": "./dist/elevated-input.js"
+        "default": "./dist/elevated-input.mjs"
       },
       "require": {
         "types": "./dist/elevated-input.d.cts",
-        "default": "./dist/elevated-input.cjs"
+        "default": "./dist/elevated-input.js"
       }
     },
     "./input": {
       "import": {
         "types": "./dist/input.d.ts",
-        "default": "./dist/input.js"
+        "default": "./dist/input.mjs"
       },
       "require": {
         "types": "./dist/input.d.cts",
-        "default": "./dist/input.cjs"
+        "default": "./dist/input.js"
       }
     },
     "./password-input": {
       "import": {
         "types": "./dist/password-input.d.ts",
-        "default": "./dist/password-input.js"
+        "default": "./dist/password-input.mjs"
       },
       "require": {
         "types": "./dist/password-input.d.cts",
-        "default": "./dist/password-input.cjs"
+        "default": "./dist/password-input.js"
       }
     },
     "./range-slider": {
       "import": {
         "types": "./dist/range-slider.d.ts",
-        "default": "./dist/range-slider.js"
+        "default": "./dist/range-slider.mjs"
       },
       "require": {
         "types": "./dist/range-slider.d.cts",
-        "default": "./dist/range-slider.cjs"
+        "default": "./dist/range-slider.js"
       }
     },
     "./lib/cn": {
       "import": {
         "types": "./dist/lib/utils.d.ts",
-        "default": "./dist/lib/cn.js"
+        "default": "./dist/lib/cn.mjs"
       },
       "require": {
         "types": "./dist/lib/utils.d.cts",
-        "default": "./dist/lib/cn.cjs"
+        "default": "./dist/lib/cn.js"
       }
     },
     "./lib/use-media-query": {
       "import": {
         "types": "./dist/lib/use-media-query.d.ts",
-        "default": "./dist/lib/use-media-query.js"
+        "default": "./dist/lib/use-media-query.mjs"
       },
       "require": {
         "types": "./dist/lib/use-media-query.d.cts",
-        "default": "./dist/lib/use-media-query.cjs"
+        "default": "./dist/lib/use-media-query.js"
       }
     },
     "./button": {
       "import": {
         "types": "./dist/button.d.ts",
-        "default": "./dist/button.js"
+        "default": "./dist/button.mjs"
       },
       "require": {
         "types": "./dist/button.d.cts",
-        "default": "./dist/button.cjs"
+        "default": "./dist/button.js"
       }
     },
     "./action-swap": {
       "import": {
         "types": "./dist/action-swap.d.ts",
-        "default": "./dist/action-swap.js"
+        "default": "./dist/action-swap.mjs"
       },
       "require": {
         "types": "./dist/action-swap.d.cts",
-        "default": "./dist/action-swap.cjs"
+        "default": "./dist/action-swap.js"
       }
     },
     "./savings-badge": {
       "import": {
         "types": "./dist/savings-badge.d.ts",
-        "default": "./dist/savings-badge.js"
+        "default": "./dist/savings-badge.mjs"
       },
       "require": {
         "types": "./dist/savings-badge.d.cts",
-        "default": "./dist/savings-badge.cjs"
+        "default": "./dist/savings-badge.js"
       }
     },
     "./theme-toggle": {
       "import": {
         "types": "./dist/theme-toggle.d.ts",
-        "default": "./dist/theme-toggle.js"
+        "default": "./dist/theme-toggle.mjs"
       },
       "require": {
         "types": "./dist/theme-toggle.d.cts",
-        "default": "./dist/theme-toggle.cjs"
+        "default": "./dist/theme-toggle.js"
       }
     },
     "./grainient": {
       "import": {
         "types": "./dist/grainient.d.ts",
-        "default": "./dist/grainient.js"
+        "default": "./dist/grainient.mjs"
       },
       "require": {
         "types": "./dist/grainient.d.cts",
-        "default": "./dist/grainient.cjs"
+        "default": "./dist/grainient.js"
       }
     },
     "./flowchart-parts": {
       "import": {
         "types": "./dist/flowchart-parts.d.ts",
-        "default": "./dist/flowchart-parts.js"
+        "default": "./dist/flowchart-parts.mjs"
       },
       "require": {
         "types": "./dist/flowchart-parts.d.cts",
-        "default": "./dist/flowchart-parts.cjs"
+        "default": "./dist/flowchart-parts.js"
       }
     },
     "./navigation-menu": {
       "import": {
         "types": "./dist/navigation-menu.d.ts",
-        "default": "./dist/navigation-menu.js"
+        "default": "./dist/navigation-menu.mjs"
       },
       "require": {
         "types": "./dist/navigation-menu.d.cts",
-        "default": "./dist/navigation-menu.cjs"
+        "default": "./dist/navigation-menu.js"
       }
     },
     "./navigation-menu-styles": {
       "import": {
         "types": "./dist/navigation-menu-styles.d.ts",
-        "default": "./dist/navigation-menu-styles.js"
+        "default": "./dist/navigation-menu-styles.mjs"
       },
       "require": {
         "types": "./dist/navigation-menu-styles.d.cts",
-        "default": "./dist/navigation-menu-styles.cjs"
+        "default": "./dist/navigation-menu-styles.js"
       }
     },
     "./navigation-menu-icons": {
       "import": {
         "types": "./dist/navigation-menu-icons.d.ts",
-        "default": "./dist/navigation-menu-icons.js"
+        "default": "./dist/navigation-menu-icons.mjs"
       },
       "require": {
         "types": "./dist/navigation-menu-icons.d.cts",
-        "default": "./dist/navigation-menu-icons.cjs"
+        "default": "./dist/navigation-menu-icons.js"
       }
     },
     "./lib/surface": {
       "import": {
         "types": "./dist/lib/surface.d.ts",
-        "default": "./dist/lib/surface.js"
+        "default": "./dist/lib/surface.mjs"
       },
       "require": {
         "types": "./dist/lib/surface.d.cts",
-        "default": "./dist/lib/surface.cjs"
+        "default": "./dist/lib/surface.js"
       }
     },
     "./lib/breakpoints": {
       "import": {
         "types": "./dist/lib/breakpoints.d.ts",
-        "default": "./dist/lib/breakpoints.js"
+        "default": "./dist/lib/breakpoints.mjs"
       },
       "require": {
         "types": "./dist/lib/breakpoints.d.cts",
-        "default": "./dist/lib/breakpoints.cjs"
+        "default": "./dist/lib/breakpoints.js"
       }
     },
     "./lib/ease": {
       "import": {
         "types": "./dist/lib/ease.d.ts",
-        "default": "./dist/lib/ease.js"
+        "default": "./dist/lib/ease.mjs"
       },
       "require": {
         "types": "./dist/lib/ease.d.cts",
-        "default": "./dist/lib/ease.cjs"
+        "default": "./dist/lib/ease.js"
       }
     },
     "./grainient.css": "./dist/grainient.css"
@@ -371,7 +371,7 @@
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "tsup && bun run build:types",
+    "build": "tsup && bun run build:types && bun scripts/add-client-directives.ts",
     "build:types": "tsc -p tsconfig.build.json && bun scripts/gen-cjs-types.ts",
     "build-storybook": "storybook build",
     "typecheck": "tsc --noEmit",

package/dist/chunk-3SB6HUBA.mjs

@@ -1,31 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function FeatureCard({ icon, title, body, iconColor, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex w-full flex-col justify-between gap-6 rounded-[20px] bg-(--muted) p-6 lg:gap-8 lg:rounded-3xl lg:p-8 xl:gap-10 xl:p-10",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex size-10 items-center justify-center rounded-[10px] bg-(--surface) shadow-(--shadow-sm) lg:size-12 lg:rounded-md", children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn("flex h-5 w-5 items-center justify-center lg:h-6 lg:w-6", iconColor ?? "text-(--foreground-secondary)"),
-            children: icon
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-[15px] text-foreground lg:text-base", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "text-(--foreground-secondary) text-[13px] leading-relaxed lg:text-sm", children: body })
-        ] })
-      ]
-    }
-  );
-}
-
-export { FeatureCard };
-//# sourceMappingURL=chunk-3SB6HUBA.mjs.map
-//# sourceMappingURL=chunk-3SB6HUBA.mjs.map

package/dist/chunk-3SB6HUBA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feature-card.tsx"],"names":[],"mappings":";;;AAwBO,SAAS,YAAY,EAAE,IAAA,EAAM,OAAO,IAAA,EAAM,SAAA,EAAW,WAAU,EAAqB;AACzF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,6HAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sHAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA,CAAG,wDAAA,EAA0D,SAAA,IAAa,+BAA+B,CAAA;AAAA,YAEnH,QAAA,EAAA;AAAA;AAAA,SACH,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAC9E,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sEAAA,EAAwE,QAAA,EAAA,IAAA,EAAK;AAAA,SAAA,EAC5F;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-3SB6HUBA.mjs","sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../lib/utils.js';\n\nexport type FeatureCardProps = {\n  /** Icon rendered in the elevated top-left box. Pass any ReactNode (e.g. an\n   *  inlined SVG or an iconify <Icon icon={...} />). */\n  icon: ReactNode;\n  title: string;\n  body: string;\n  /** Icon colour class, e.g. `text-violet-500`. Defaults to the secondary foreground tone. */\n  iconColor?: string;\n  /** Extra classes merged onto the card root. */\n  className?: string;\n};\n\n/**\n * Shared marketing feature card: a soft-filled panel with an elevated icon box\n * above a title + body. Used across the /security, /syncing, /web-access pages\n * and future copy pages.\n *\n * Geometry mirrors the design-system reference (p-6 → lg:p-8 → xl:p-10, icon box\n * size-10 → lg:size-12); the design tokens are mapped onto this library's own\n * variables so both themes stay in sync.\n */\nexport function FeatureCard({ icon, title, body, iconColor, className }: FeatureCardProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-col justify-between gap-6 rounded-[20px] bg-(--muted) p-6 lg:gap-8 lg:rounded-3xl lg:p-8 xl:gap-10 xl:p-10',\n        className,\n      )}\n    >\n      <div className=\"flex size-10 items-center justify-center rounded-[10px] bg-(--surface) shadow-(--shadow-sm) lg:size-12 lg:rounded-md\">\n        <span\n          className={cn('flex h-5 w-5 items-center justify-center lg:h-6 lg:w-6', iconColor ?? 'text-(--foreground-secondary)')}\n        >\n          {icon}\n        </span>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <h3 className=\"font-semibold text-[15px] text-foreground lg:text-base\">{title}</h3>\n        <p className=\"text-(--foreground-secondary) text-[13px] leading-relaxed lg:text-sm\">{body}</p>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-4PBVBXGY.mjs

@@ -1,84 +0,0 @@
-import { useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/range-slider.tsx
-function nearestIndex(steps, value) {
-  return steps.reduce((best, s, i) => Math.abs(s - value) < Math.abs(steps[best] - value) ? i : best, 0);
-}
-function RangeSlider({ label, value, steps, ticks, valueLabel, onChange }) {
-  const min = steps[0];
-  const max = steps.at(-1) ?? min;
-  const pct = (value - min) / (max - min) * 100;
-  const index = nearestIndex(steps, value);
-  const handleChange = useCallback(
-    (event_) => onChange(steps[Number(event_.target.value)]),
-    [onChange, steps]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-baseline justify-between gap-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-semibold text-[15px] text-(--color-foreground)", children: label }),
-      /* @__PURE__ */ jsx("p", { className: "font-bold font-numeric text-[20px] text-(--color-foreground) tabular-nums", children: valueLabel })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", style: { height: 20 }, children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-(--color-border)" }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "pointer-events-none absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-(--color-foreground)",
-          style: { width: `${pct}%` }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: 0,
-          max: steps.length - 1,
-          step: 1,
-          value: index,
-          onChange: handleChange,
-          className: "peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
-          "aria-label": label,
-          "aria-valuetext": valueLabel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-(--color-foreground) peer-focus-visible:outline-2 peer-focus-visible:outline-(--color-foreground) peer-focus-visible:outline-offset-2",
-          style: {
-            left: `${pct}%`,
-            width: 16,
-            height: 16,
-            boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "relative mt-2", style: { height: 16 }, children: ticks.map((tick, i) => {
-      const tp = (tick.value - min) / (max - min) * 100;
-      const isFirst = i === 0;
-      const isLast = i === ticks.length - 1;
-      let left = `${tp}%`;
-      if (isFirst) left = 0;
-      else if (isLast) left = void 0;
-      return /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "absolute font-numeric text-(--color-muted-foreground) text-[11px] tabular-nums",
-          style: {
-            left,
-            right: isLast ? 0 : void 0,
-            transform: isFirst || isLast ? void 0 : "translateX(-50%)"
-          },
-          children: tick.label
-        },
-        tick.value
-      );
-    }) })
-  ] });
-}
-
-export { RangeSlider };
-//# sourceMappingURL=chunk-4PBVBXGY.mjs.map
-//# sourceMappingURL=chunk-4PBVBXGY.mjs.map

package/dist/chunk-4PBVBXGY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/range-slider.tsx"],"names":[],"mappings":"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","file":"chunk-4PBVBXGY.mjs","sourcesContent":["'use client';\n\nimport type { ChangeEvent } from 'react';\nimport { useCallback } from 'react';\n\nexport type Tick = { value: number; label: string };\n\nexport type RangeSliderProps = {\n  label: string;\n  value: number;\n  /** Allowed values, ascending. The first and last double as the bounds. */\n  steps: number[];\n  ticks: Tick[];\n  valueLabel: string;\n  onChange: (v: number) => void;\n};\n\n/** Index of the grid step nearest `value`, so an off-grid value still resolves. */\nfunction nearestIndex(steps: number[], value: number) {\n  return steps.reduce((best, s, i) => (Math.abs(s - value) < Math.abs(steps[best]! - value) ? i : best), 0);\n}\n\n/**\n * Slider over an explicit list of allowed values rather than a uniform `step`,\n * so a grid whose span isn't a whole multiple of its increment can still reach\n * its stated ceiling.\n */\nexport function RangeSlider({ label, value, steps, ticks, valueLabel, onChange }: RangeSliderProps) {\n  const min = steps[0]!;\n  const max = steps.at(-1) ?? min;\n  const pct = ((value - min) / (max - min)) * 100;\n  const index = nearestIndex(steps, value);\n\n  const handleChange = useCallback(\n    (event_: ChangeEvent<HTMLInputElement>) => onChange(steps[Number(event_.target.value)]!),\n    [onChange, steps],\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"mb-5 flex items-baseline justify-between gap-2\">\n        <p className=\"font-semibold text-[15px] text-(--color-foreground)\">{label}</p>\n        <p className=\"font-bold font-numeric text-[20px] text-(--color-foreground) tabular-nums\">{valueLabel}</p>\n      </div>\n\n      <div className=\"relative\" style={{ height: 20 }}>\n        <div className=\"absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-(--color-border)\" />\n        <div\n          className=\"pointer-events-none absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-(--color-foreground)\"\n          style={{ width: `${pct}%` }}\n        />\n        <input\n          type=\"range\"\n          min={0}\n          max={steps.length - 1}\n          step={1}\n          value={index}\n          onChange={handleChange}\n          className=\"peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0\"\n          aria-label={label}\n          aria-valuetext={valueLabel}\n        />\n        <div\n          className=\"pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-(--color-foreground) peer-focus-visible:outline-2 peer-focus-visible:outline-(--color-foreground) peer-focus-visible:outline-offset-2\"\n          style={{\n            left: `${pct}%`,\n            width: 16,\n            height: 16,\n            boxShadow: '0 2px 8px rgba(0,0,0,0.15)',\n          }}\n        />\n      </div>\n\n      <div className=\"relative mt-2\" style={{ height: 16 }}>\n        {ticks.map((tick, i) => {\n          const tp = ((tick.value - min) / (max - min)) * 100;\n          const isFirst = i === 0;\n          const isLast = i === ticks.length - 1;\n          let left: number | string | undefined = `${tp}%`;\n          if (isFirst) left = 0;\n          else if (isLast) left = undefined;\n          return (\n            <span\n              key={tick.value}\n              className=\"absolute font-numeric text-(--color-muted-foreground) text-[11px] tabular-nums\"\n              style={{\n                left,\n                right: isLast ? 0 : undefined,\n                transform: isFirst || isLast ? undefined : 'translateX(-50%)',\n              }}\n            >\n              {tick.label}\n            </span>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-4VCFWVSJ.mjs

@@ -1,42 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var rainbowButtonVariants = cva(
-  cn(
-    "relative cursor-pointer group transition-transform animate-rainbow",
-    "inline-flex items-center justify-center gap-2 shrink-0",
-    "rounded-sm outline-none focus-visible:ring-[3px] aria-invalid:border-destructive",
-    "text-sm font-medium whitespace-nowrap",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0"
-  ),
-  {
-    variants: {
-      variant: {
-        default: "border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] bg-[length:200%] text-primary-foreground [background-clip:padding-box,border-box,border-box] [background-origin:border-box] [border:calc(0.125rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:animate-rainbow before:bg-[linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] before:bg-[length:200%] before:[filter:blur(0.75rem)] dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))]",
-        outline: "border border-input border-b-transparent bg-[linear-gradient(#ffffff,#ffffff),linear-gradient(#ffffff_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] bg-[length:200%] text-accent-foreground [background-clip:padding-box,border-box,border-box] [background-origin:border-box] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:animate-rainbow before:bg-[linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] before:bg-[length:200%] before:[filter:blur(0.75rem)] dark:bg-[linear-gradient(#0a0a0a,#0a0a0a),linear-gradient(#0a0a0a_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))]"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-11 rounded-md px-8",
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function RainbowButton({ className, variant, size, asChild = false, ref, ...props }) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "button", className: cn(rainbowButtonVariants({ variant, size, className })), ref, ...props });
-}
-RainbowButton.displayName = "RainbowButton";
-
-export { RainbowButton, rainbowButtonVariants };
-//# sourceMappingURL=chunk-4VCFWVSJ.mjs.map
-//# sourceMappingURL=chunk-4VCFWVSJ.mjs.map

package/dist/chunk-4VCFWVSJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/rainbow-button.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,qBAAA,GAAwB,GAAA;AAAA,EAC5B,EAAA;AAAA,IACE,oEAAA;AAAA,IACA,wDAAA;AAAA,IACA,kFAAA;AAAA,IACA,uCAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2+BAAA;AAAA,QACF,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,eAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAOO,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAA,EAAK,GAAG,KAAA,EAAM,EAAuB;AAC9G,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,EAAA,2BAAQ,IAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,OAAA,EAAS,IAAA,EAAM,WAAW,CAAC,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC3H;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-4VCFWVSJ.mjs","sourcesContent":["'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { ButtonHTMLAttributes, RefObject } from 'react';\nimport { cn } from '../lib/utils.js';\n\nconst rainbowButtonVariants = cva(\n  cn(\n    'relative cursor-pointer group transition-transform animate-rainbow',\n    'inline-flex items-center justify-center gap-2 shrink-0',\n    'rounded-sm outline-none focus-visible:ring-[3px] aria-invalid:border-destructive',\n    'text-sm font-medium whitespace-nowrap',\n    'disabled:pointer-events-none disabled:opacity-50',\n    \"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'border-0 bg-[linear-gradient(#121213,#121213),linear-gradient(#121213_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] bg-[length:200%] text-primary-foreground [background-clip:padding-box,border-box,border-box] [background-origin:border-box] [border:calc(0.125rem)_solid_transparent] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:animate-rainbow before:bg-[linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] before:bg-[length:200%] before:[filter:blur(0.75rem)] dark:bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))]',\n        outline:\n          'border border-input border-b-transparent bg-[linear-gradient(#ffffff,#ffffff),linear-gradient(#ffffff_50%,rgba(18,18,19,0.6)_80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] bg-[length:200%] text-accent-foreground [background-clip:padding-box,border-box,border-box] [background-origin:border-box] before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:animate-rainbow before:bg-[linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))] before:bg-[length:200%] before:[filter:blur(0.75rem)] dark:bg-[linear-gradient(#0a0a0a,#0a0a0a),linear-gradient(#0a0a0a_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,var(--color-rainbow-1),var(--color-rainbow-5),var(--color-rainbow-3),var(--color-rainbow-4),var(--color-rainbow-2))]',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-md px-3 text-xs',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface RainbowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof rainbowButtonVariants> {\n  asChild?: boolean;\n  ref?: RefObject<HTMLButtonElement | null>;\n}\n\nexport function RainbowButton({ className, variant, size, asChild = false, ref, ...props }: RainbowButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  return <Comp data-slot=\"button\" className={cn(rainbowButtonVariants({ variant, size, className }))} ref={ref} {...props} />;\n}\n\nRainbowButton.displayName = 'RainbowButton';\n\nexport { rainbowButtonVariants };\n"]}