@saasflare/ui 1.1.2 → 2.0.0

package/dist/entries/carousel.js

@@ -1,6 +1,7 @@
+"use client";
 'use strict';
 
-var chunkO3CFRMDK_js = require('../chunk-O3CFRMDK.js');
+var chunkTU6BBAA7_js = require('../chunk-TU6BBAA7.js');
 var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
 var React = require('react');
 var useEmblaCarousel = require('embla-carousel-react');
@@ -167,7 +168,7 @@ function CarouselPrevious({
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       "data-slot": "carousel-previous",
       variant,
@@ -195,7 +196,7 @@ function CarouselNext({
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       "data-slot": "carousel-next",
       variant,

package/dist/entries/carousel.mjs

@@ -1,4 +1,5 @@
-import { Button } from '../chunk-QEKYM3BT.mjs';
+"use client";
+import { Button } from '../chunk-OT4ZNLTB.mjs';
 import { cn } from '../chunk-S26666D6.mjs';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';

package/dist/entries/chart.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');

package/dist/entries/chart.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from '../chunk-S26666D6.mjs';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkO3CFRMDK_js = require('./chunk-O3CFRMDK.js');
+var chunkTU6BBAA7_js = require('./chunk-TU6BBAA7.js');
 var chunkJOVJRQO3_js = require('./chunk-JOVJRQO3.js');
 var React9 = require('react');
 var react = require('motion/react');
@@ -229,13 +229,13 @@ function usePagination(options) {
   return { activePage, range, setPage, next, previous, first, last };
 }
 function Card({ className, ...props }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.m.div,
     {
       "data-slot": "card",
       whileHover: reduced ? void 0 : { y: -2, boxShadow: "0 8px 30px rgba(0,0,0,0.08)" },
-      transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.springGentle,
+      transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.springGentle,
       className: chunkJOVJRQO3_js.cn(
         "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm transition-[border-color] duration-300 hover:border-primary/20",
         className
@@ -351,7 +351,7 @@ function DialogContent({
   children,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -366,7 +366,7 @@ function DialogContent({
             initial: reduced ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
             exit: reduced ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 10 },
-            transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.springBouncy,
+            transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.springBouncy,
             className: chunkJOVJRQO3_js.cn(
               "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg sm:max-w-lg",
               className
@@ -466,7 +466,7 @@ function AlertDialogContent({
   children,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -481,7 +481,7 @@ function AlertDialogContent({
             initial: reduced ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
             exit: reduced ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 10 },
-            transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.springBouncy,
+            transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.springBouncy,
             className: chunkJOVJRQO3_js.cn(
               "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg sm:max-w-lg",
               className
@@ -547,7 +547,7 @@ function AlertDialogAction({
     AlertDialogPrimitive__namespace.Action,
     {
       "data-intent": "primary",
-      className: chunkJOVJRQO3_js.cn(chunkO3CFRMDK_js.buttonVariants({ variant: "solid" }), className),
+      className: chunkJOVJRQO3_js.cn(chunkTU6BBAA7_js.buttonVariants({ variant: "solid" }), className),
       ...props
     }
   );
@@ -560,7 +560,7 @@ function AlertDialogCancel({
     AlertDialogPrimitive__namespace.Cancel,
     {
       "data-intent": "neutral",
-      className: chunkJOVJRQO3_js.cn(chunkO3CFRMDK_js.buttonVariants({ variant: "outline" }), className),
+      className: chunkJOVJRQO3_js.cn(chunkTU6BBAA7_js.buttonVariants({ variant: "outline" }), className),
       ...props
     }
   );
@@ -588,7 +588,7 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Trigger,
     {
@@ -605,7 +605,7 @@ function AccordionTrigger({
           {
             className: "pointer-events-none shrink-0 translate-y-0.5 text-muted-foreground",
             animate: { rotate: 0 },
-            transition: reduced ? { duration: 0 } : chunkO3CFRMDK_js.springBouncy,
+            transition: reduced ? { duration: 0 } : chunkTU6BBAA7_js.springBouncy,
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
           }
         )
@@ -618,7 +618,7 @@ function AccordionContent({
   children,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Content,
     {
@@ -678,7 +678,7 @@ function TabsList({
   ...props
 }) {
   const listRef = React9__namespace.useRef(null);
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   const [pos, setPos] = React9__namespace.useState(null);
   React9__namespace.useLayoutEffect(() => {
     const list = listRef.current;
@@ -738,7 +738,7 @@ function TabsList({
               width: pos.width,
               height: pos.height
             },
-            transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.spring,
+            transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.spring,
             className: "pointer-events-none absolute top-0 left-0 rounded-md bg-background shadow-sm dark:border dark:border-input dark:bg-input/30",
             style: { zIndex: 0 }
           }
@@ -841,7 +841,7 @@ function Checkbox({
               initial: { scale: 0, opacity: 0 },
               animate: { scale: 1, opacity: 1 },
               exit: { scale: 0, opacity: 0 },
-              transition: chunkO3CFRMDK_js.springBouncy,
+              transition: chunkTU6BBAA7_js.springBouncy,
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
             }
           )
@@ -876,7 +876,7 @@ function Switch({
             {
               className: "pointer-events-none block rounded-full bg-background ring-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
               layout: true,
-              transition: chunkO3CFRMDK_js.springBouncy
+              transition: chunkTU6BBAA7_js.springBouncy
             }
           )
         }
@@ -889,7 +889,7 @@ function Progress({
   value,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   return /* @__PURE__ */ jsxRuntime.jsx(
     ProgressPrimitive__namespace.Root,
     {
@@ -905,7 +905,7 @@ function Progress({
           className: "h-full bg-primary",
           initial: { width: "0%" },
           animate: { width: `${value ?? 0}%` },
-          transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.spring
+          transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.spring
         }
       ) })
     }
@@ -944,7 +944,7 @@ function Badge({
   asChild = false,
   ...props
 }) {
-  const reduced = chunkO3CFRMDK_js.useReducedMotion();
+  const reduced = chunkTU6BBAA7_js.useReducedMotion();
   let resolvedVariant = variantProp;
   let resolvedIntent = intentProp;
   const legacy = LEGACY_VARIANT_MAP[variantProp];
@@ -973,7 +973,7 @@ function Badge({
       "data-variant": resolvedVariant,
       "data-intent": resolvedIntent,
       whileHover: reduced ? void 0 : { scale: 1.05 },
-      transition: reduced ? chunkO3CFRMDK_js.noMotion : chunkO3CFRMDK_js.spring,
+      transition: reduced ? chunkTU6BBAA7_js.noMotion : chunkTU6BBAA7_js.spring,
       className: chunkJOVJRQO3_js.cn(badgeVariants({ variant: resolvedVariant, size }), className),
       ...props
     }
@@ -1021,7 +1021,7 @@ function TooltipContent({
           initial: { opacity: 0, scale: 0.92, y: 2 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.92 },
-          transition: chunkO3CFRMDK_js.springBouncy,
+          transition: chunkTU6BBAA7_js.springBouncy,
           className: chunkJOVJRQO3_js.cn(
             "z-50 w-fit overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md",
             className
@@ -1067,7 +1067,7 @@ function PopoverContent({
           initial: { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.95, y: -4 },
-          transition: chunkO3CFRMDK_js.springBouncy,
+          transition: chunkTU6BBAA7_js.springBouncy,
           className: chunkJOVJRQO3_js.cn(
             "z-50 w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden",
             className
@@ -1107,7 +1107,7 @@ function HoverCardContent({
           initial: { opacity: 0, scale: 0.95, y: 4 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: chunkO3CFRMDK_js.springBouncy,
+          transition: chunkTU6BBAA7_js.springBouncy,
           className: chunkJOVJRQO3_js.cn(
             "z-50 w-64 origin-[var(--radix-hover-card-content-transform-origin)] rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden",
             className
@@ -1174,7 +1174,7 @@ function SelectContent({
         {
           initial: { opacity: 0, scale: 0.96, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          transition: chunkO3CFRMDK_js.springBouncy,
+          transition: chunkTU6BBAA7_js.springBouncy,
           className: chunkJOVJRQO3_js.cn(
             "relative z-50 max-h-[min(var(--radix-select-content-available-height),24rem)] min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
             position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]",
@@ -1310,7 +1310,7 @@ function DropdownMenuContent({
           initial: { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
           exit: { opacity: 0, scale: 0.95, y: -4 },
-          transition: chunkO3CFRMDK_js.springBouncy,
+          transition: chunkTU6BBAA7_js.springBouncy,
           className: chunkJOVJRQO3_js.cn(
             "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
             className
@@ -1702,7 +1702,7 @@ function Slider({
                 className: "block size-4 shrink-0 cursor-grab rounded-full border border-primary/50 bg-background shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing",
                 whileHover: { scale: 1.2 },
                 whileTap: { scale: 0.9 },
-                transition: chunkO3CFRMDK_js.springBouncy
+                transition: chunkTU6BBAA7_js.springBouncy
               }
             )
           },
@@ -2605,12 +2605,12 @@ function Calendar({
           defaultClassNames.nav
         ),
         button_previous: chunkJOVJRQO3_js.cn(
-          chunkO3CFRMDK_js.buttonVariants({ variant: buttonVariant }),
+          chunkTU6BBAA7_js.buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_previous
         ),
         button_next: chunkJOVJRQO3_js.cn(
-          chunkO3CFRMDK_js.buttonVariants({ variant: buttonVariant }),
+          chunkTU6BBAA7_js.buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_next
         ),
@@ -2725,7 +2725,7 @@ function CalendarDayButton({
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       ref,
       variant: "ghost",
@@ -4055,7 +4055,7 @@ function InputGroupButton({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       type,
       "data-size": size,
@@ -4453,7 +4453,7 @@ function PaginationLink({
       "data-slot": "pagination-link",
       "data-active": isActive,
       className: chunkJOVJRQO3_js.cn(
-        chunkO3CFRMDK_js.buttonVariants({
+        chunkTU6BBAA7_js.buttonVariants({
           variant: isActive ? "outline" : "ghost",
           size
         }),
@@ -4873,7 +4873,7 @@ function SidebarTrigger({
 }) {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -5704,7 +5704,7 @@ function ScrollToTopButton({
   className,
   ...sfProps
 }) {
-  const { animated, surface } = chunkO3CFRMDK_js.useSaasflareProps(sfProps);
+  const { animated, surface } = chunkTU6BBAA7_js.useSaasflareProps(sfProps);
   const [isVisible, setIsVisible] = React9.useState(false);
   const finalId = React9.useMemo(() => scrollContainerId ?? null, [scrollContainerId]);
   const getContainer = React9.useCallback(() => {
@@ -5772,7 +5772,7 @@ function ThemeModeToggle({
     setTheme(theme === "dark" ? "light" : "dark");
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkO3CFRMDK_js.Button,
+    chunkTU6BBAA7_js.Button,
     {
       variant: "ghost",
       size: showText ? "sm" : "icon",
@@ -5895,7 +5895,7 @@ function TopLoadingBar({
   finishDelayMs,
   ...sfProps
 }) {
-  const { animated } = chunkO3CFRMDK_js.useSaasflareProps(sfProps);
+  const { animated } = chunkTU6BBAA7_js.useSaasflareProps(sfProps);
   if (!animated) {
     return /* @__PURE__ */ jsxRuntime.jsx(React9.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       TopLoadingBarStatic,
@@ -5927,79 +5927,79 @@ function UserAvatar({ src, name, initials, size = "md", className }) {
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.Button; }
+  get: function () { return chunkTU6BBAA7_js.Button; }
 });
 Object.defineProperty(exports, "SaasflareProvider", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.SaasflareProvider; }
+  get: function () { return chunkTU6BBAA7_js.SaasflareProvider; }
 });
 Object.defineProperty(exports, "SaasflareScript", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.SaasflareScript; }
+  get: function () { return chunkTU6BBAA7_js.SaasflareScript; }
 });
 Object.defineProperty(exports, "SaasflareShell", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.SaasflareShell; }
+  get: function () { return chunkTU6BBAA7_js.SaasflareShell; }
 });
 Object.defineProperty(exports, "SmoothScrollProvider", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.SmoothScrollProvider; }
+  get: function () { return chunkTU6BBAA7_js.SmoothScrollProvider; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.buttonVariants; }
+  get: function () { return chunkTU6BBAA7_js.buttonVariants; }
 });
 Object.defineProperty(exports, "fadeIn", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.fadeIn; }
+  get: function () { return chunkTU6BBAA7_js.fadeIn; }
 });
 Object.defineProperty(exports, "noMotion", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.noMotion; }
+  get: function () { return chunkTU6BBAA7_js.noMotion; }
 });
 Object.defineProperty(exports, "scaleIn", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.scaleIn; }
+  get: function () { return chunkTU6BBAA7_js.scaleIn; }
 });
 Object.defineProperty(exports, "slideDown", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.slideDown; }
+  get: function () { return chunkTU6BBAA7_js.slideDown; }
 });
 Object.defineProperty(exports, "slideUp", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.slideUp; }
+  get: function () { return chunkTU6BBAA7_js.slideUp; }
 });
 Object.defineProperty(exports, "spring", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.spring; }
+  get: function () { return chunkTU6BBAA7_js.spring; }
 });
 Object.defineProperty(exports, "springBouncy", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.springBouncy; }
+  get: function () { return chunkTU6BBAA7_js.springBouncy; }
 });
 Object.defineProperty(exports, "springGentle", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.springGentle; }
+  get: function () { return chunkTU6BBAA7_js.springGentle; }
 });
 Object.defineProperty(exports, "springStiff", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.springStiff; }
+  get: function () { return chunkTU6BBAA7_js.springStiff; }
 });
 Object.defineProperty(exports, "useAnimation", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.useAnimation; }
+  get: function () { return chunkTU6BBAA7_js.useAnimation; }
 });
 Object.defineProperty(exports, "useReducedMotion", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.useReducedMotion; }
+  get: function () { return chunkTU6BBAA7_js.useReducedMotion; }
 });
 Object.defineProperty(exports, "useSaasflareProps", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.useSaasflareProps; }
+  get: function () { return chunkTU6BBAA7_js.useSaasflareProps; }
 });
 Object.defineProperty(exports, "useSaasflareTheme", {
   enumerable: true,
-  get: function () { return chunkO3CFRMDK_js.useSaasflareTheme; }
+  get: function () { return chunkTU6BBAA7_js.useSaasflareTheme; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { useReducedMotion, noMotion, springGentle, springBouncy, buttonVariants, spring, Button, useSaasflareProps } from './chunk-QEKYM3BT.mjs';
-export { Button, SaasflareProvider, SaasflareScript, SaasflareShell, SmoothScrollProvider, buttonVariants, fadeIn, noMotion, scaleIn, slideDown, slideUp, spring, springBouncy, springGentle, springStiff, useAnimation, useReducedMotion, useSaasflareProps, useSaasflareTheme } from './chunk-QEKYM3BT.mjs';
+import { useReducedMotion, noMotion, springGentle, springBouncy, buttonVariants, spring, Button, useSaasflareProps } from './chunk-OT4ZNLTB.mjs';
+export { Button, SaasflareProvider, SaasflareScript, SaasflareShell, SmoothScrollProvider, buttonVariants, fadeIn, noMotion, scaleIn, slideDown, slideUp, spring, springBouncy, springGentle, springStiff, useAnimation, useReducedMotion, useSaasflareProps, useSaasflareTheme } from './chunk-OT4ZNLTB.mjs';
 import { cn } from './chunk-S26666D6.mjs';
 export { cn } from './chunk-S26666D6.mjs';
 import * as React9 from 'react';

package/package.json

@@ -1,14 +1,39 @@
 {
   "name": "@saasflare/ui",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "private": false,
   "license": "MIT",
-  "description": "Saasflare UI Components Library – Standalone components built on Radix UI + Tailwind CSS",
+  "description": "The Next.js UI library — App Router-aware Radix primitives with Tailwind v4 and Motion, animated by default.",
+  "keywords": [
+    "react",
+    "nextjs",
+    "next",
+    "app-router",
+    "rsc",
+    "server-components",
+    "tailwindcss",
+    "tailwind-v4",
+    "radix-ui",
+    "motion",
+    "components",
+    "ui-library",
+    "design-system",
+    "accessible",
+    "typescript"
+  ],
+  "homepage": "https://ui.saasflare.io",
+  "bugs": {
+    "url": "https://github.com/saasflare/saasflare-ui/issues"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/saasflare/saasflare-ui.git",
     "directory": "packages/ui"
   },
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org",
@@ -43,7 +68,8 @@
       "types": "./dist/entries/carousel.d.ts",
       "import": "./dist/entries/carousel.mjs",
       "require": "./dist/entries/carousel.js"
-    }
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -92,13 +118,14 @@
     "motion": "^12.0.0",
     "next": "^15.0.0 || ^16.0.0",
     "next-themes": "^0.4.0",
-    "react": "^18.2.0 || ^19.0.0",
+    "react": "^19.0.0",
     "react-day-picker": "^9.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-dom": "^19.0.0",
     "react-hook-form": "^7.0.0",
     "react-resizable-panels": "^4.0.0",
     "recharts": "^3.0.0",
     "sonner": "^2.0.0",
+    "tailwindcss": "^4.0.0",
     "vaul": "^1.0.0",
     "zod": "^4.0.0"
   },
@@ -115,12 +142,6 @@
     "motion": {
       "optional": true
     },
-    "next": {
-      "optional": true
-    },
-    "next-themes": {
-      "optional": true
-    },
     "react-day-picker": {
       "optional": true
     },

package/dist/{chunk-QEKYM3BT.mjs → chunk-OT4ZNLTB.mjs}

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from './chunk-S26666D6.mjs';
+import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import { createContext, useContext, useEffect, useCallback, useRef, useState } from 'react';
-import { cva } from 'class-variance-authority';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { ThemeProvider, useTheme } from 'next-themes';
 import { m, LazyMotion, domAnimation } from 'motion/react';

package/dist/{chunk-O3CFRMDK.js → chunk-TU6BBAA7.js}

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunkJOVJRQO3_js = require('./chunk-JOVJRQO3.js');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var nextThemes = require('next-themes');
 var react = require('motion/react');