@saasflare/ui 3.0.2 → 3.1.0

package/dist/{button-DUQJ0X7e.d.mts → use-saasflare-props-NrM2Glmp.d.mts}

@@ -1,8 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
 /**
  * @fileoverview Theme-related types and constants consumed by SaasflareProvider,
  * SaasflareShell, and CustomPaletteInjector.
@@ -210,84 +205,4 @@ interface ResolvedSaasflareProps {
  */
 declare function useSaasflareProps(props?: SaasflareComponentProps): ResolvedSaasflareProps;
 
-declare const INTENTS: readonly ["primary", "neutral", "success", "warning", "danger", "info"];
-type Intent = (typeof INTENTS)[number];
-/**
- * Button variant definitions using the 3-axis system.
- *
- * Axes:
- *   variant — visual treatment: solid, soft, outline, ghost, link, glass, shadow
- *   intent  — color intent via data-intent attribute + CSS tokens
- *   size    — dimensional: xs, sm, md, lg, xl, icon, icon-xs, icon-sm, icon-lg
- */
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "glass" | "soft" | "solid" | "outline" | "ghost" | "shadow" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Framer-motion event overrides that conflict with React HTML events */
-type MotionConflicts = "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd";
-/**
- * Props for the Saasflare Button component.
- *
- * Extends {@link SaasflareComponentProps} to accept `surface` and `animated`
- * overrides that are resolved against the <SaasflareProvider> context.
- */
-interface ButtonProps extends Omit<React.ComponentProps<"button">, MotionConflicts>, VariantProps<typeof buttonVariants>, SaasflareComponentProps {
-    /** Render as child element (Radix Slot pattern) */
-    asChild?: boolean;
-    /** Semantic color intent */
-    intent?: Intent;
-    /** Show loading spinner (replaces left icon, keeps text visible) */
-    loading?: boolean;
-    /** Stretch to full width of container */
-    fullWidth?: boolean;
-}
-/**
- * Primary interactive button with motion, loading, and intent support.
- *
- * Resolves `surface` and `animated` via {@link useSaasflareProps} with the
- * precedence: component prop > <SaasflareProvider> context > hardcoded default.
- *
- * When no explicit `variant` is set and the resolved surface is `"glass"`, the
- * button promotes itself to `variant="glass"`. An explicit `variant` prop always
- * wins over the surface-based promotion.
- *
- * @component
- * @layer ui
- *
- * @param {string} variant - Visual treatment: "solid" | "soft" | "outline" | "ghost" | "link" | "glass" | "shadow"
- * @param {string} intent - Color intent: "primary" | "neutral" | "success" | "warning" | "danger" | "info"
- * @param {string} size - Button size: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg"
- * @param {string} surface - Surface style override: "flat" | "glass" (inherits from provider when omitted)
- * @param {boolean} animated - Gate motion effects (inherits from provider when omitted)
- * @param {boolean} loading - Shows spinner, sets aria-busy, preserves width
- * @param {boolean} fullWidth - Stretches to container width
- * @param {boolean} asChild - Render as child element (Slot pattern)
- *
- * @example
- * // Solid primary (default)
- * <Button>Save Changes</Button>
- *
- * @example
- * // Outline danger
- * <Button variant="outline" intent="danger">Delete Account</Button>
- *
- * @example
- * // Inherits surface from provider — auto-promotes to glass variant
- * <SaasflareProvider surface="glass"><Button>Frosted</Button></SaasflareProvider>
- *
- * @example
- * // Loading state
- * <Button loading>Processing...</Button>
- *
- * @example
- * // Icon button
- * <Button variant="ghost" size="icon"><SettingsIcon /></Button>
- *
- * @example
- * // Legacy API (deprecated but supported)
- * <Button variant="destructive">Delete</Button>
- */
-declare function Button({ className, variant: variantProp, size, intent: intentProp, asChild, loading, fullWidth, surface, animated, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { Button as B, type CustomPalette as C, type Intent as I, type Palette as P, type RadiusProp as R, type Surface as S, type StyleVariant as a, type Radius as b, type SaasflareComponentProps as c, type ButtonProps as d, PALETTES as e, type PaletteId as f, RADII as g, type ResolvedSaasflareProps as h, STYLES as i, buttonVariants as j, useSaasflareProps as u };
+export { type CustomPalette as C, type Palette as P, type RadiusProp as R, type Surface as S, type StyleVariant as a, type Radius as b, type SaasflareComponentProps as c, PALETTES as d, type PaletteId as e, RADII as f, type ResolvedSaasflareProps as g, STYLES as h, useSaasflareProps as u };

package/dist/{button-DUQJ0X7e.d.ts → use-saasflare-props-NrM2Glmp.d.ts}

@@ -1,8 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
 /**
  * @fileoverview Theme-related types and constants consumed by SaasflareProvider,
  * SaasflareShell, and CustomPaletteInjector.
@@ -210,84 +205,4 @@ interface ResolvedSaasflareProps {
  */
 declare function useSaasflareProps(props?: SaasflareComponentProps): ResolvedSaasflareProps;
 
-declare const INTENTS: readonly ["primary", "neutral", "success", "warning", "danger", "info"];
-type Intent = (typeof INTENTS)[number];
-/**
- * Button variant definitions using the 3-axis system.
- *
- * Axes:
- *   variant — visual treatment: solid, soft, outline, ghost, link, glass, shadow
- *   intent  — color intent via data-intent attribute + CSS tokens
- *   size    — dimensional: xs, sm, md, lg, xl, icon, icon-xs, icon-sm, icon-lg
- */
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "glass" | "soft" | "solid" | "outline" | "ghost" | "shadow" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Framer-motion event overrides that conflict with React HTML events */
-type MotionConflicts = "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd";
-/**
- * Props for the Saasflare Button component.
- *
- * Extends {@link SaasflareComponentProps} to accept `surface` and `animated`
- * overrides that are resolved against the <SaasflareProvider> context.
- */
-interface ButtonProps extends Omit<React.ComponentProps<"button">, MotionConflicts>, VariantProps<typeof buttonVariants>, SaasflareComponentProps {
-    /** Render as child element (Radix Slot pattern) */
-    asChild?: boolean;
-    /** Semantic color intent */
-    intent?: Intent;
-    /** Show loading spinner (replaces left icon, keeps text visible) */
-    loading?: boolean;
-    /** Stretch to full width of container */
-    fullWidth?: boolean;
-}
-/**
- * Primary interactive button with motion, loading, and intent support.
- *
- * Resolves `surface` and `animated` via {@link useSaasflareProps} with the
- * precedence: component prop > <SaasflareProvider> context > hardcoded default.
- *
- * When no explicit `variant` is set and the resolved surface is `"glass"`, the
- * button promotes itself to `variant="glass"`. An explicit `variant` prop always
- * wins over the surface-based promotion.
- *
- * @component
- * @layer ui
- *
- * @param {string} variant - Visual treatment: "solid" | "soft" | "outline" | "ghost" | "link" | "glass" | "shadow"
- * @param {string} intent - Color intent: "primary" | "neutral" | "success" | "warning" | "danger" | "info"
- * @param {string} size - Button size: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg"
- * @param {string} surface - Surface style override: "flat" | "glass" (inherits from provider when omitted)
- * @param {boolean} animated - Gate motion effects (inherits from provider when omitted)
- * @param {boolean} loading - Shows spinner, sets aria-busy, preserves width
- * @param {boolean} fullWidth - Stretches to container width
- * @param {boolean} asChild - Render as child element (Slot pattern)
- *
- * @example
- * // Solid primary (default)
- * <Button>Save Changes</Button>
- *
- * @example
- * // Outline danger
- * <Button variant="outline" intent="danger">Delete Account</Button>
- *
- * @example
- * // Inherits surface from provider — auto-promotes to glass variant
- * <SaasflareProvider surface="glass"><Button>Frosted</Button></SaasflareProvider>
- *
- * @example
- * // Loading state
- * <Button loading>Processing...</Button>
- *
- * @example
- * // Icon button
- * <Button variant="ghost" size="icon"><SettingsIcon /></Button>
- *
- * @example
- * // Legacy API (deprecated but supported)
- * <Button variant="destructive">Delete</Button>
- */
-declare function Button({ className, variant: variantProp, size, intent: intentProp, asChild, loading, fullWidth, surface, animated, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { Button as B, type CustomPalette as C, type Intent as I, type Palette as P, type RadiusProp as R, type Surface as S, type StyleVariant as a, type Radius as b, type SaasflareComponentProps as c, type ButtonProps as d, PALETTES as e, type PaletteId as f, RADII as g, type ResolvedSaasflareProps as h, STYLES as i, buttonVariants as j, useSaasflareProps as u };
+export { type CustomPalette as C, type Palette as P, type RadiusProp as R, type Surface as S, type StyleVariant as a, type Radius as b, type SaasflareComponentProps as c, PALETTES as d, type PaletteId as e, RADII as f, type ResolvedSaasflareProps as g, STYLES as h, useSaasflareProps as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasflare/ui",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "private": false,
   "license": "MIT",
   "description": "The Next.js UI library — App Router-aware Radix primitives with Tailwind v4 and Motion, animated by default.",

package/dist/chunk-BIU2MD4T.mjs

@@ -1,56 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import 'react';
-import 'class-variance-authority';
-
-// src/lib/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// 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());
-}
-
-export { cn, hexToOklch, isHex };

package/dist/chunk-CWW36RYE.js

@@ -1,59 +0,0 @@
-"use client";
-'use strict';
-
-var React = require('react');
-
-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);
-
-// src/hooks/use-reduced-motion.ts
-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 } };
-
-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.useReducedMotion = useReducedMotion;

package/dist/chunk-M3ICCPCU.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-require('react');
-require('class-variance-authority');
-
-// src/lib/utils.ts
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-
-// 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());
-}
-
-exports.cn = cn;
-exports.hexToOklch = hexToOklch;
-exports.isHex = isHex;