@saasflare/ui 1.0.0 → 1.0.1

package/dist/chunk-7UB3R5JU.js

@@ -0,0 +1,590 @@
+"use client";
+'use strict';
+
+var chunkJOVJRQO3_js = require('./chunk-JOVJRQO3.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var nextThemes = require('next-themes');
+var framerMotion = require('framer-motion');
+var lucideReact = require('lucide-react');
+var Slot = require('@radix-ui/react-slot');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Slot__namespace = /*#__PURE__*/_interopNamespace(Slot);
+
+// src/lib/color.ts
+function hexToOklch(hex) {
+  const normalized = normalizeHex(hex);
+  if (!normalized) return null;
+  const r = srgbToLinear(parseInt(normalized.slice(0, 2), 16) / 255);
+  const g = srgbToLinear(parseInt(normalized.slice(2, 4), 16) / 255);
+  const b = srgbToLinear(parseInt(normalized.slice(4, 6), 16) / 255);
+  const l_ = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
+  const m_ = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
+  const s_ = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
+  const lc = Math.cbrt(l_);
+  const mc = Math.cbrt(m_);
+  const sc = Math.cbrt(s_);
+  const L = 0.2104542553 * lc + 0.793617785 * mc - 0.0040720468 * sc;
+  const a = 1.9779984951 * lc - 2.428592205 * mc + 0.4505937099 * sc;
+  const b2 = 0.0259040371 * lc + 0.7827717662 * mc - 0.808675766 * sc;
+  const c = Math.sqrt(a * a + b2 * b2);
+  let h = Math.atan2(b2, a) * 180 / Math.PI;
+  if (h < 0) h += 360;
+  return { l: L, c, h };
+}
+function normalizeHex(input) {
+  if (typeof input !== "string") return null;
+  const s = input.trim().replace(/^#/, "").toLowerCase();
+  if (/^[0-9a-f]{3}$/.test(s)) {
+    return s[0] + s[0] + s[1] + s[1] + s[2] + s[2];
+  }
+  if (/^[0-9a-f]{4}$/.test(s)) {
+    return s[0] + s[0] + s[1] + s[1] + s[2] + s[2];
+  }
+  if (/^[0-9a-f]{6}$/.test(s)) {
+    return s;
+  }
+  if (/^[0-9a-f]{8}$/.test(s)) {
+    return s.slice(0, 6);
+  }
+  return null;
+}
+function srgbToLinear(c) {
+  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function isHex(input) {
+  return typeof input === "string" && /^#?[0-9a-f]{3,8}$/i.test(input.trim());
+}
+var QUERY = "(prefers-reduced-motion: reduce)";
+var subscribe = (cb) => {
+  const mql = window.matchMedia(QUERY);
+  mql.addEventListener("change", cb);
+  return () => mql.removeEventListener("change", cb);
+};
+var getSnapshot = () => window.matchMedia(QUERY).matches;
+var getServerSnapshot = () => false;
+function useReducedMotion() {
+  return React__namespace.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+// src/components/ui/motion-config.ts
+var spring = { type: "spring", stiffness: 400, damping: 25 };
+var springBouncy = { type: "spring", stiffness: 300, damping: 15 };
+var springGentle = { type: "spring", stiffness: 200, damping: 20 };
+var springStiff = { type: "spring", stiffness: 500, damping: 30 };
+var noMotion = { duration: 0 };
+var fadeIn = { initial: { opacity: 0 }, animate: { opacity: 1 } };
+var scaleIn = { initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 } };
+var slideUp = { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 } };
+var slideDown = { initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 } };
+var AnimationContext = React.createContext(
+  void 0
+);
+function useAnimation() {
+  const context = React.useContext(AnimationContext);
+  const prefersReduced = useReducedMotion();
+  if (context) return context;
+  return { animated: !prefersReduced };
+}
+function SmoothScrollProvider({
+  children,
+  enabled = true
+}) {
+  const reduced = useReducedMotion();
+  const shouldSmooth = enabled && !reduced;
+  React.useEffect(() => {
+    if (!shouldSmooth) return;
+    const html = document.documentElement;
+    const previous = html.style.scrollBehavior;
+    html.style.scrollBehavior = "smooth";
+    return () => {
+      html.style.scrollBehavior = previous;
+    };
+  }, [shouldSmooth]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+
+// src/lib/constants.ts
+var UI_PREFS_STORAGE_KEY = "sf-ui-prefs";
+var THEME_STORAGE_KEY = "theme";
+var SAASFLARE_DATA_ATTR = {
+  /** Active brand palette id (matches `:root[data-palette="…"]` in palettes.css). */
+  palette: "data-palette",
+  /** Active surface style (matches `[data-style="…"]` in surfaces.css). */
+  style: "data-style",
+  /** Active radius preset (matches `:root[data-radius="…"]` in theme.css). */
+  radius: "data-radius",
+  /** Animation kill-switch (matches `[data-animated="false"]` in motion.css). */
+  animated: "data-animated"
+};
+function encode(value) {
+  return JSON.stringify(value ?? null).replace(/</g, "\\u003c");
+}
+function buildSaasflareScript(palette, surface, radius, animated, storageKey = UI_PREFS_STORAGE_KEY) {
+  return buildScript(palette, surface, radius, animated, storageKey);
+}
+function buildScript(palette, surface, radius, animated, storageKey) {
+  const forcePalette = palette || null;
+  const forceSurface = surface || null;
+  const forceRadius = radius || null;
+  const forceAnimated = typeof animated === "boolean" ? animated : null;
+  return `(function(){try{var r=document.documentElement;var p={};try{p=JSON.parse(localStorage.getItem(${encode(storageKey)})||"{}")||{}}catch(_){}var t=${encode(forcePalette)};if(t===null&&typeof p.palette==="string")t=p.palette;if(typeof t==="string"&&t.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.palette)},t);var s=${encode(forceSurface)};if(s===null&&typeof p.surface==="string")s=p.surface;if(typeof s==="string"&&s.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.style)},s);var d=${encode(forceRadius)};if(d===null&&typeof p.radius==="string")d=p.radius;if(typeof d==="string"&&d.length)r.setAttribute(${encode(SAASFLARE_DATA_ATTR.radius)},d);var a=${encode(forceAnimated)};if(a===null&&typeof p.animated==="boolean")a=p.animated;if(typeof a==="boolean")r.setAttribute(${encode(SAASFLARE_DATA_ATTR.animated)},String(a));}catch(e){}})();`;
+}
+function SaasflareScript({ nonce, palette, surface, radius, animated, storageKey = UI_PREFS_STORAGE_KEY }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      nonce,
+      dangerouslySetInnerHTML: { __html: buildScript(palette, surface, radius, animated, storageKey) }
+    }
+  );
+}
+var SYNC_PREFIX = "sf-ls:";
+function useLocalStorage(key, initialValue, options) {
+  const initialRef = React.useRef(initialValue);
+  const optionsRef = React.useRef(options);
+  optionsRef.current = options;
+  const serialize = React.useCallback(
+    (value) => (optionsRef.current?.serializer ?? JSON.stringify)(value),
+    []
+  );
+  const deserialize = React.useCallback(
+    (raw) => (optionsRef.current?.deserializer ?? JSON.parse)(raw),
+    []
+  );
+  const handleError = React.useCallback(
+    (error, operation) => {
+      if (optionsRef.current?.onError) {
+        optionsRef.current.onError(error, operation);
+      } else {
+        console.warn(`useLocalStorage: ${operation} failed for "${key}"`, error);
+      }
+    },
+    [key]
+  );
+  const readValue = React.useCallback(() => {
+    if (typeof window === "undefined") return initialRef.current;
+    try {
+      const item = window.localStorage.getItem(key);
+      return item !== null ? deserialize(item) : initialRef.current;
+    } catch (error) {
+      handleError(error, "read");
+      return initialRef.current;
+    }
+  }, [key, deserialize, handleError]);
+  const [storedValue, setStoredValue] = React.useState(() => readValue());
+  const setValue = React.useCallback(
+    (value) => {
+      try {
+        setStoredValue((prev) => {
+          const next = typeof value === "function" ? value(prev) : value;
+          if (typeof window !== "undefined") {
+            window.localStorage.setItem(key, serialize(next));
+            window.dispatchEvent(new CustomEvent(`${SYNC_PREFIX}${key}`));
+          }
+          return next;
+        });
+      } catch (error) {
+        handleError(error, "write");
+      }
+    },
+    [key, serialize, handleError]
+  );
+  const removeValue = React.useCallback(() => {
+    try {
+      if (typeof window !== "undefined") {
+        window.localStorage.removeItem(key);
+        window.dispatchEvent(new CustomEvent(`${SYNC_PREFIX}${key}`));
+      }
+      setStoredValue(initialRef.current);
+    } catch (error) {
+      handleError(error, "remove");
+    }
+  }, [key, handleError]);
+  React.useEffect(() => {
+    const onStorage = (e) => {
+      if (e.key === key) setStoredValue(readValue());
+    };
+    const onSync = () => setStoredValue(readValue());
+    const syncEvent = `${SYNC_PREFIX}${key}`;
+    window.addEventListener("storage", onStorage);
+    window.addEventListener(syncEvent, onSync);
+    return () => {
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener(syncEvent, onSync);
+    };
+  }, [key, readValue]);
+  React.useEffect(() => {
+    setStoredValue(readValue());
+  }, [readValue]);
+  return [storedValue, setValue, removeValue];
+}
+var DEFAULT_CONTEXT = {
+  palette: null,
+  surface: "flat",
+  radius: "rounded",
+  setPalette: () => {
+  },
+  setSurface: () => {
+  },
+  setRadius: () => {
+  }
+};
+var SaasflareThemeContext = React.createContext(DEFAULT_CONTEXT);
+function useSaasflareTheme() {
+  return React.useContext(SaasflareThemeContext);
+}
+function applyColorAxis(root, prefix, value, injected) {
+  if (isHex(value)) {
+    const oklch = hexToOklch(value);
+    if (oklch) {
+      const hKey = `--${prefix}-h`;
+      const cKey = `--${prefix}-c`;
+      const lKey = `--${prefix}-l`;
+      root.style.setProperty(hKey, oklch.h.toFixed(2));
+      root.style.setProperty(cKey, oklch.c.toFixed(4));
+      if (prefix === "primary") {
+        root.style.setProperty(lKey, oklch.l.toFixed(4));
+        injected.push(lKey);
+      }
+      injected.push(hKey, cKey);
+      return;
+    }
+  }
+  const key = `--${prefix}`;
+  root.style.setProperty(key, value);
+  injected.push(key);
+}
+function CustomPaletteInjector({ palette }) {
+  const { resolvedTheme } = nextThemes.useTheme();
+  React.useEffect(() => {
+    const root = document.documentElement;
+    const injected = [];
+    applyColorAxis(root, "primary", palette.primary, injected);
+    if (palette.neutral) {
+      applyColorAxis(root, "neutral", palette.neutral, injected);
+    }
+    if (palette.radius) {
+      root.style.setProperty("--radius", palette.radius);
+      injected.push("--radius");
+    }
+    const extras = resolvedTheme === "dark" ? palette.dark : palette.light;
+    if (extras) {
+      for (const [key, value] of Object.entries(extras)) {
+        root.style.setProperty(key, value);
+        injected.push(key);
+      }
+    }
+    return () => {
+      for (const key of injected) {
+        root.style.removeProperty(key);
+      }
+    };
+  }, [resolvedTheme, palette]);
+  return null;
+}
+var PERSISTED_DEFAULTS = {
+  palette: null,
+  surface: null,
+  radius: null,
+  animated: null
+};
+function SaasflareProvider({
+  children,
+  theme = "system",
+  palette,
+  surface,
+  radius,
+  animated = true,
+  smoothScrolling = false,
+  disableScript = false,
+  scriptNonce,
+  storageKey = UI_PREFS_STORAGE_KEY,
+  themeStorageKey = THEME_STORAGE_KEY
+}) {
+  const isCustomPalette = typeof palette === "object";
+  const scriptPalette = !isCustomPalette && typeof palette === "string" ? palette : void 0;
+  const scriptSurface = typeof surface === "string" ? surface : void 0;
+  const scriptRadius = typeof radius === "string" ? radius : void 0;
+  const scriptHtml = disableScript ? null : buildSaasflareScript(scriptPalette, scriptSurface, scriptRadius, animated, storageKey);
+  const [persisted, setPersisted] = useLocalStorage(
+    storageKey,
+    PERSISTED_DEFAULTS
+  );
+  const currentPalette = isCustomPalette ? palette.name : palette ?? persisted.palette;
+  const currentStyle = surface ?? persisted.surface ?? "flat";
+  const currentRadius = radius ?? persisted.radius ?? "rounded";
+  const setPalette = React.useCallback(
+    (id) => setPersisted((prev) => ({ ...prev, palette: id })),
+    [setPersisted]
+  );
+  const setSurface = React.useCallback(
+    (style) => setPersisted((prev) => ({ ...prev, surface: style })),
+    [setPersisted]
+  );
+  const setRadius = React.useCallback(
+    (r) => setPersisted((prev) => ({ ...prev, radius: r })),
+    [setPersisted]
+  );
+  const prefersReduced = useReducedMotion();
+  const effectiveAnimated = animated && !prefersReduced;
+  React.useEffect(() => {
+    const root = document.documentElement;
+    if (currentPalette) {
+      root.setAttribute(SAASFLARE_DATA_ATTR.palette, currentPalette);
+    } else {
+      root.removeAttribute(SAASFLARE_DATA_ATTR.palette);
+    }
+    root.setAttribute(SAASFLARE_DATA_ATTR.style, currentStyle);
+    root.setAttribute(SAASFLARE_DATA_ATTR.radius, currentRadius);
+    root.setAttribute(SAASFLARE_DATA_ATTR.animated, String(effectiveAnimated));
+  }, [currentPalette, currentStyle, currentRadius, effectiveAnimated]);
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, strict: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    nextThemes.ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: theme,
+      enableSystem: theme === "system",
+      storageKey: themeStorageKey,
+      disableTransitionOnChange: true,
+      children: [
+        scriptHtml !== null && /* @__PURE__ */ jsxRuntime.jsx(
+          "script",
+          {
+            nonce: scriptNonce,
+            dangerouslySetInnerHTML: { __html: scriptHtml }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SaasflareThemeContext.Provider,
+          {
+            value: {
+              palette: currentPalette,
+              surface: currentStyle,
+              radius: currentRadius,
+              setPalette,
+              setSurface,
+              setRadius
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(AnimationContext.Provider, { value: { animated: effectiveAnimated }, children: [
+              isCustomPalette && /* @__PURE__ */ jsxRuntime.jsx(CustomPaletteInjector, { palette }),
+              /* @__PURE__ */ jsxRuntime.jsx(SmoothScrollProvider, { enabled: smoothScrolling, children })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SaasflareShell({
+  children,
+  lang = "en",
+  className,
+  bodyClassName,
+  head,
+  palette,
+  surface,
+  radius,
+  animated,
+  theme,
+  smoothScrolling,
+  storageKey,
+  themeStorageKey
+}) {
+  const dataPalette = typeof palette === "object" ? palette.name : palette;
+  const dataAnimated = typeof animated === "boolean" ? String(animated) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "html",
+    {
+      lang,
+      className,
+      suppressHydrationWarning: true,
+      "data-palette": dataPalette,
+      "data-style": surface,
+      "data-radius": radius,
+      "data-animated": dataAnimated,
+      children: [
+        head ? /* @__PURE__ */ jsxRuntime.jsx("head", { children: head }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("body", { className: bodyClassName, children: /* @__PURE__ */ jsxRuntime.jsx(
+          SaasflareProvider,
+          {
+            palette,
+            surface,
+            radius,
+            animated,
+            theme,
+            smoothScrolling,
+            storageKey,
+            themeStorageKey,
+            disableScript: true,
+            children
+          }
+        ) })
+      ]
+    }
+  );
+}
+function useSaasflareProps(props = {}) {
+  const ctx = useSaasflareTheme();
+  const anim = React.useContext(AnimationContext);
+  return {
+    surface: props.surface ?? ctx.surface,
+    radius: props.radius ?? ctx.radius,
+    animated: props.animated ?? anim?.animated ?? true,
+    palette: ctx.palette
+  };
+}
+var MotionSlot = framerMotion.m.create(Slot__namespace.Root);
+var LEGACY_VARIANT_MAP = {
+  default: { variant: "solid", intent: "primary" },
+  destructive: { variant: "solid", intent: "danger" },
+  secondary: { variant: "soft", intent: "neutral" }
+};
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        solid: "bg-[var(--intent)] text-[var(--intent-fg)] shadow-xs hover:brightness-110 dark:hover:brightness-125",
+        soft: "bg-[var(--intent)]/15 text-[var(--intent)] hover:bg-[var(--intent)]/25 dark:bg-[var(--intent)]/20 dark:hover:bg-[var(--intent)]/30",
+        outline: "border border-[var(--intent)]/30 text-[var(--intent)] shadow-xs hover:bg-[var(--intent)]/10 dark:border-[var(--intent)]/40 dark:hover:bg-[var(--intent)]/15",
+        ghost: "text-[var(--intent)] hover:bg-[var(--intent)]/10 dark:hover:bg-[var(--intent)]/15",
+        link: "text-[var(--intent)] underline-offset-4 hover:underline",
+        glass: "bg-[var(--glass-bg)] text-[var(--intent)] border border-[var(--glass-border)] backdrop-blur-lg shadow-[var(--glass-shadow)] hover:bg-[var(--glass-bg-hover)] hover:border-[var(--glass-border-hover)]",
+        shadow: "bg-[var(--intent)] text-[var(--intent-fg)] shadow-[var(--btn-shadow)] hover:shadow-[var(--btn-shadow-hover)] hover:brightness-110 dark:hover:brightness-125"
+      },
+      size: {
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        md: "h-9 px-4 py-2 has-[>svg]:px-3",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        xl: "h-12 rounded-lg px-8 text-base has-[>svg]:px-5 [&_svg:not([class*='size-'])]:size-5",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "solid",
+      size: "md"
+    }
+  }
+);
+function Button({
+  className,
+  variant: variantProp,
+  size = "md",
+  intent: intentProp = "primary",
+  asChild = false,
+  loading = false,
+  fullWidth = false,
+  surface,
+  animated,
+  disabled,
+  children,
+  ...props
+}) {
+  const sfProps = useSaasflareProps({ surface, animated });
+  const reduced = useReducedMotion();
+  const effectiveVariant = variantProp ?? (sfProps.surface === "glass" ? "glass" : "solid");
+  let resolvedVariant = effectiveVariant;
+  let resolvedIntent = intentProp;
+  const legacy = LEGACY_VARIANT_MAP[effectiveVariant];
+  if (legacy) {
+    resolvedVariant = legacy.variant;
+    if (legacy.intent) {
+      resolvedIntent = legacy.intent;
+    }
+  }
+  const motionDisabled = !sfProps.animated || reduced || disabled || loading;
+  const transition = !sfProps.animated || reduced ? noMotion : spring;
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MotionSlot,
+      {
+        "data-slot": "button",
+        "data-variant": resolvedVariant,
+        "data-intent": resolvedIntent,
+        "data-size": size,
+        "data-surface": sfProps.surface,
+        whileHover: motionDisabled ? void 0 : { scale: 1.02 },
+        whileTap: motionDisabled ? void 0 : { scale: 0.97 },
+        transition,
+        className: chunkJOVJRQO3_js.cn(
+          buttonVariants({ variant: resolvedVariant, size }),
+          fullWidth && "w-full",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.m.button,
+    {
+      "data-slot": "button",
+      "data-variant": resolvedVariant,
+      "data-intent": resolvedIntent,
+      "data-size": size,
+      "data-surface": sfProps.surface,
+      whileHover: motionDisabled ? void 0 : { scale: 1.02 },
+      whileTap: motionDisabled ? void 0 : { scale: 0.97 },
+      transition,
+      className: chunkJOVJRQO3_js.cn(
+        buttonVariants({ variant: resolvedVariant, size }),
+        fullWidth && "w-full",
+        className
+      ),
+      disabled,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled || void 0,
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "animate-spin", "aria-hidden": "true" }),
+        children
+      ]
+    }
+  );
+}
+
+exports.Button = Button;
+exports.SaasflareProvider = SaasflareProvider;
+exports.SaasflareScript = SaasflareScript;
+exports.SaasflareShell = SaasflareShell;
+exports.SmoothScrollProvider = SmoothScrollProvider;
+exports.buttonVariants = buttonVariants;
+exports.fadeIn = fadeIn;
+exports.noMotion = noMotion;
+exports.scaleIn = scaleIn;
+exports.slideDown = slideDown;
+exports.slideUp = slideUp;
+exports.spring = spring;
+exports.springBouncy = springBouncy;
+exports.springGentle = springGentle;
+exports.springStiff = springStiff;
+exports.useAnimation = useAnimation;
+exports.useReducedMotion = useReducedMotion;
+exports.useSaasflareProps = useSaasflareProps;
+exports.useSaasflareTheme = useSaasflareTheme;

package/dist/chunk-JOVJRQO3.js

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+require('react');
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;