@saasflare/ui 3.1.1 → 3.2.0

package/dist/entries/calendar.js

@@ -1,219 +1,18 @@
-"use client";
 'use strict';
 
-var chunkDNLCSV5M_js = require('../chunk-DNLCSV5M.js');
-require('../chunk-FT66KYRN.js');
-var chunkD5LKWKG7_js = require('../chunk-D5LKWKG7.js');
-var React = require('react');
-var lucideReact = require('lucide-react');
-var reactDayPicker = require('react-day-picker');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkN65HIOBD_js = require('../chunk-N65HIOBD.js');
+require('../chunk-7UD3SGPP.js');
+require('../chunk-ITALEYDI.js');
+require('../chunk-R3AVBLJ3.js');
+require('../chunk-2GOPD64T.js');
 
-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);
 
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  surface,
-  radius,
-  animated,
-  ...props
-}) {
-  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
-    {
-      "data-slot": "calendar",
-      "data-surface": sf.surface,
-      "data-radius": sf.radius,
-      "data-animated": String(sf.animated),
-      showOutsideDays,
-      className: chunkD5LKWKG7_js.cn(
-        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      ),
-      captionLayout,
-      formatters: {
-        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-        ...formatters
-      },
-      classNames: {
-        root: chunkD5LKWKG7_js.cn("w-fit", defaultClassNames.root),
-        months: chunkD5LKWKG7_js.cn(
-          "relative flex flex-col gap-4 md:flex-row",
-          defaultClassNames.months
-        ),
-        month: chunkD5LKWKG7_js.cn("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: chunkD5LKWKG7_js.cn(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-          defaultClassNames.nav
-        ),
-        button_previous: chunkD5LKWKG7_js.cn(
-          chunkDNLCSV5M_js.buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_previous
-        ),
-        button_next: chunkD5LKWKG7_js.cn(
-          chunkDNLCSV5M_js.buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_next
-        ),
-        month_caption: chunkD5LKWKG7_js.cn(
-          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: chunkD5LKWKG7_js.cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: chunkD5LKWKG7_js.cn(
-          "relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: chunkD5LKWKG7_js.cn(
-          "absolute inset-0 bg-popover opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: chunkD5LKWKG7_js.cn(
-          "font-medium select-none",
-          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: chunkD5LKWKG7_js.cn("flex", defaultClassNames.weekdays),
-        weekday: chunkD5LKWKG7_js.cn(
-          "flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none",
-          defaultClassNames.weekday
-        ),
-        week: chunkD5LKWKG7_js.cn("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: chunkD5LKWKG7_js.cn(
-          "w-(--cell-size) select-none",
-          defaultClassNames.week_number_header
-        ),
-        week_number: chunkD5LKWKG7_js.cn(
-          "text-[0.8rem] text-muted-foreground select-none",
-          defaultClassNames.week_number
-        ),
-        day: chunkD5LKWKG7_js.cn(
-          "group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md",
-          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
-          defaultClassNames.day
-        ),
-        range_start: chunkD5LKWKG7_js.cn(
-          "rounded-l-md bg-accent",
-          defaultClassNames.range_start
-        ),
-        range_middle: chunkD5LKWKG7_js.cn("rounded-none", defaultClassNames.range_middle),
-        range_end: chunkD5LKWKG7_js.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: chunkD5LKWKG7_js.cn(
-          "rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: chunkD5LKWKG7_js.cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: chunkD5LKWKG7_js.cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: chunkD5LKWKG7_js.cn("invisible", defaultClassNames.hidden),
-        ...classNames
-      },
-      components: {
-        Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: chunkD5LKWKG7_js.cn(className2),
-              ...props2
-            }
-          );
-        },
-        Chevron: ({ className: className2, orientation, ...props2 }) => {
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkD5LKWKG7_js.cn("size-4", className2), ...props2 });
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.ChevronRightIcon,
-              {
-                className: chunkD5LKWKG7_js.cn("size-4", className2),
-                ...props2
-              }
-            );
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkD5LKWKG7_js.cn("size-4", className2), ...props2 });
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
-        },
-        ...components
-      },
-      ...props
-    }
-  );
-}
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React__namespace.useRef(null);
-  React__namespace.useEffect(() => {
-    if (modifiers.focused) ref.current?.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDNLCSV5M_js.Button,
-    {
-      ref,
-      variant: "ghost",
-      size: "icon",
-      "data-day": day.date.toLocaleDateString(),
-      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      className: chunkD5LKWKG7_js.cn(
-        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Calendar = Calendar;
-exports.CalendarDayButton = CalendarDayButton;
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return chunkN65HIOBD_js.Calendar; }
+});
+Object.defineProperty(exports, "CalendarDayButton", {
+  enumerable: true,
+  get: function () { return chunkN65HIOBD_js.CalendarDayButton; }
+});

package/dist/entries/calendar.mjs

@@ -1,196 +1,5 @@
-"use client";
-import { buttonVariants, Button } from '../chunk-WPOOC2FX.mjs';
-import '../chunk-EJHYM2HP.mjs';
-import { useSaasflareProps, cn } from '../chunk-WRONFPRI.mjs';
-import * as React from 'react';
-import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
-import { getDefaultClassNames, DayPicker } from 'react-day-picker';
-import { jsx } from 'react/jsx-runtime';
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  surface,
-  radius,
-  animated,
-  ...props
-}) {
-  const sf = useSaasflareProps({ surface, radius, animated });
-  const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      "data-slot": "calendar",
-      "data-surface": sf.surface,
-      "data-radius": sf.radius,
-      "data-animated": String(sf.animated),
-      showOutsideDays,
-      className: cn(
-        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      ),
-      captionLayout,
-      formatters: {
-        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-        ...formatters
-      },
-      classNames: {
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "relative flex flex-col gap-4 md:flex-row",
-          defaultClassNames.months
-        ),
-        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: cn(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          "absolute inset-0 bg-popover opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "font-medium select-none",
-          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn(
-          "flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none",
-          defaultClassNames.weekday
-        ),
-        week: cn("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: cn(
-          "w-(--cell-size) select-none",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "text-[0.8rem] text-muted-foreground select-none",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md",
-          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "rounded-l-md bg-accent",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: cn(
-          "rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden),
-        ...classNames
-      },
-      components: {
-        Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: cn(className2),
-              ...props2
-            }
-          );
-        },
-        Chevron: ({ className: className2, orientation, ...props2 }) => {
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsx(
-              ChevronRightIcon,
-              {
-                className: cn("size-4", className2),
-                ...props2
-              }
-            );
-          }
-          return /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
-        },
-        ...components
-      },
-      ...props
-    }
-  );
-}
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}) {
-  const defaultClassNames = getDefaultClassNames();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (modifiers.focused) ref.current?.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      variant: "ghost",
-      size: "icon",
-      "data-day": day.date.toLocaleDateString(),
-      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      className: cn(
-        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { Calendar, CalendarDayButton };
+export { Calendar, CalendarDayButton } from '../chunk-XNDTCYSO.mjs';
+import '../chunk-2ONA6OMO.mjs';
+import '../chunk-OZAWULTM.mjs';
+import '../chunk-GI6VN7XU.mjs';
+import '../chunk-RMQBB72G.mjs';

package/dist/entries/carousel.d.mts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import { c as SaasflareComponentProps } from '../use-saasflare-props-NrM2Glmp.mjs';
-import { B as Button } from '../button-Brb4BhPO.mjs';
+import { d as SaasflareComponentProps } from '../use-saasflare-props-BrjMhU0U.mjs';
+import { B as Button } from '../button-BA7OcXqy.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
@@ -16,7 +16,7 @@ type CarouselProps = SaasflareComponentProps & {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, surface, radius, animated, ...props }: Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, surface, radius, animated, iconWeight, ...props }: Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps> & CarouselProps): react_jsx_runtime.JSX.Element;
 declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;

package/dist/entries/carousel.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import { c as SaasflareComponentProps } from '../use-saasflare-props-NrM2Glmp.js';
-import { B as Button } from '../button-0Bdl7Nqm.js';
+import { d as SaasflareComponentProps } from '../use-saasflare-props-BrjMhU0U.js';
+import { B as Button } from '../button-Bfg2Tnvx.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
@@ -16,7 +16,7 @@ type CarouselProps = SaasflareComponentProps & {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, surface, radius, animated, ...props }: Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, surface, radius, animated, iconWeight, ...props }: Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps> & CarouselProps): react_jsx_runtime.JSX.Element;
 declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;

package/dist/entries/carousel.js

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var chunkDNLCSV5M_js = require('../chunk-DNLCSV5M.js');
-require('../chunk-FT66KYRN.js');
-var chunkD5LKWKG7_js = require('../chunk-D5LKWKG7.js');
+var chunk7UD3SGPP_js = require('../chunk-7UD3SGPP.js');
+require('../chunk-ITALEYDI.js');
+var chunkR3AVBLJ3_js = require('../chunk-R3AVBLJ3.js');
+var chunk2GOPD64T_js = require('../chunk-2GOPD64T.js');
 var React = require('react');
 var useEmblaCarousel = require('embla-carousel-react');
-var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -50,9 +50,10 @@ function Carousel({
   surface,
   radius,
   animated,
+  iconWeight,
   ...props
 }) {
-  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const sf = chunk2GOPD64T_js.useSaasflareProps({ surface, radius, animated, iconWeight });
   const [carouselRef, api] = useEmblaCarousel__default.default(
     {
       ...opts,
@@ -116,7 +117,7 @@ function Carousel({
         {
           ...props,
           onKeyDownCapture: handleKeyDown,
-          className: chunkD5LKWKG7_js.cn("relative", className),
+          className: chunk2GOPD64T_js.cn("relative", className),
           role: "region",
           "aria-roledescription": "carousel",
           "data-slot": "carousel",
@@ -140,7 +141,7 @@ function CarouselContent({ className, ...props }) {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkD5LKWKG7_js.cn(
+          className: chunk2GOPD64T_js.cn(
             "flex",
             orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
             className
@@ -159,7 +160,7 @@ function CarouselItem({ className, ...props }) {
       role: "group",
       "aria-roledescription": "slide",
       "data-slot": "carousel-item",
-      className: chunkD5LKWKG7_js.cn(
+      className: chunk2GOPD64T_js.cn(
         "min-w-0 shrink-0 grow-0 basis-full",
         orientation === "horizontal" ? "pl-4" : "pt-4",
         className
@@ -174,14 +175,15 @@ function CarouselPrevious({
   size = "icon",
   ...props
 }) {
+  const sf = chunk2GOPD64T_js.useSaasflareProps();
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDNLCSV5M_js.Button,
+    chunk7UD3SGPP_js.Button,
     {
       "data-slot": "carousel-previous",
       variant,
       size,
-      className: chunkD5LKWKG7_js.cn(
+      className: chunk2GOPD64T_js.cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
         className
@@ -190,7 +192,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR3AVBLJ3_js.ArrowLeftIcon, { weight: sf.iconWeight }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -202,14 +204,15 @@ function CarouselNext({
   size = "icon",
   ...props
 }) {
+  const sf = chunk2GOPD64T_js.useSaasflareProps();
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDNLCSV5M_js.Button,
+    chunk7UD3SGPP_js.Button,
     {
       "data-slot": "carousel-next",
       variant,
       size,
-      className: chunkD5LKWKG7_js.cn(
+      className: chunk2GOPD64T_js.cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
         className
@@ -218,7 +221,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR3AVBLJ3_js.ArrowRightIcon, { weight: sf.iconWeight }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
       ]
     }

package/dist/entries/carousel.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { Button } from '../chunk-WPOOC2FX.mjs';
-import '../chunk-EJHYM2HP.mjs';
-import { useSaasflareProps, cn } from '../chunk-WRONFPRI.mjs';
+import { Button } from '../chunk-2ONA6OMO.mjs';
+import '../chunk-OZAWULTM.mjs';
+import { ArrowLeftIcon, ArrowRightIcon } from '../chunk-GI6VN7XU.mjs';
+import { useSaasflareProps, cn } from '../chunk-RMQBB72G.mjs';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
-import { ArrowLeft, ArrowRight } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var CarouselContext = React.createContext(null);
@@ -25,9 +25,10 @@ function Carousel({
   surface,
   radius,
   animated,
+  iconWeight,
   ...props
 }) {
-  const sf = useSaasflareProps({ surface, radius, animated });
+  const sf = useSaasflareProps({ surface, radius, animated, iconWeight });
   const [carouselRef, api] = useEmblaCarousel(
     {
       ...opts,
@@ -149,6 +150,7 @@ function CarouselPrevious({
   size = "icon",
   ...props
 }) {
+  const sf = useSaasflareProps();
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -165,7 +167,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(ArrowLeft, {}),
+        /* @__PURE__ */ jsx(ArrowLeftIcon, { weight: sf.iconWeight }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -177,6 +179,7 @@ function CarouselNext({
   size = "icon",
   ...props
 }) {
+  const sf = useSaasflareProps();
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -193,7 +196,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(ArrowRight, {}),
+        /* @__PURE__ */ jsx(ArrowRightIcon, { weight: sf.iconWeight }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
       ]
     }

package/dist/entries/chart.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
-import { c as SaasflareComponentProps } from '../use-saasflare-props-NrM2Glmp.mjs';
+import { d as SaasflareComponentProps } from '../use-saasflare-props-BrjMhU0U.mjs';
 
 declare const THEMES: {
     readonly light: "";

package/dist/entries/chart.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
-import { c as SaasflareComponentProps } from '../use-saasflare-props-NrM2Glmp.js';
+import { d as SaasflareComponentProps } from '../use-saasflare-props-BrjMhU0U.js';
 
 declare const THEMES: {
     readonly light: "";