@sikka/hawa 0.25.0-next → 0.25.2-next

package/dist/blocks/auth/index.js

@@ -3956,7 +3956,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react19.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4063,6 +4063,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(

package/dist/blocks/auth/index.mjs

@@ -3149,7 +3149,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React11.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, !props.headless && /* @__PURE__ */ React11.createElement(CardHeader, null, /* @__PURE__ */ React11.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React11.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, !props.headless && /* @__PURE__ */ React11.createElement(CardHeader, null, /* @__PURE__ */ React11.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React11.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React11.createElement(
     "form",
     {
       noValidate: true,
@@ -3256,6 +3256,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(

package/dist/blocks/index.js

@@ -4113,7 +4113,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react19.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4220,6 +4220,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-XE3FLWLT.mjs";
+} from "../chunk-MJMQDUCC.mjs";
 import {
   Button,
   Card,
@@ -922,7 +922,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React7.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, !props.headless && /* @__PURE__ */ React7.createElement(CardHeader, null, /* @__PURE__ */ React7.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React7.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, !props.headless && /* @__PURE__ */ React7.createElement(CardHeader, null, /* @__PURE__ */ React7.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React7.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React7.createElement(
     "form",
     {
       noValidate: true,

package/dist/carousel/index.d.mts

@@ -1,13 +1,13 @@
-import React__default, { PropsWithChildren } from 'react';
+import React__default from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 export { Carousel };

package/dist/carousel/index.d.ts

@@ -1,13 +1,13 @@
-import React__default, { PropsWithChildren } from 'react';
+import React__default from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 export { Carousel };

package/dist/carousel/index.js

@@ -46,17 +46,18 @@ function cn(...inputs) {
 }
 
 // components/elements/carousel/Carousel.tsx
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
   (0, import_react.useEffect)(() => {

package/dist/carousel/index.mjs

@@ -5,17 +5,18 @@ import {
 // components/elements/carousel/Carousel.tsx
 import React, { useEffect, useState } from "react";
 import useEmblaCarousel from "embla-carousel-react";
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = useEmblaCarousel({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = useState(0);
   useEffect(() => {

package/dist/chunk-KNHT2UBG.mjs

@@ -0,0 +1,150 @@
+import {
+  cn
+} from "./chunk-TE3BKEXL.mjs";
+
+// components/elements/toast/Toast.tsx
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+var toastVariants = cva(
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-overflow-hidden hawa-rounded-md hawa-border hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "hawa-border hawa-bg-background hawa-text-foreground",
+        destructive: "hawa-destructive hawa-group hawa-border-destructive hawa-bg-destructive hawa-text-destructive-foreground"
+      },
+      severity: {
+        info: "hawa-info hawa-group hawa-text-info-foreground hawa-bg-info",
+        warning: "hawa-warning hawa-group hawa-text-warning-foreground hawa-bg-warning",
+        error: "hawa-error hawa-group hawa-border-error hawa-bg-error hawa-text-white",
+        success: "hawa-success hawa-group hawa-text-success-foreground hawa-bg-success",
+        none: ""
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var sizeStyles = {
+  default: "hawa-text-sm",
+  // Update this based on the desired padding for rtl
+  sm: "hawa-text-xs"
+};
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(
+        toastVariants({ variant, severity }),
+        className,
+        direction === "rtl" ? "data-[state=closed]:hawa-slide-out-to-left-full" : "data-[state=closed]:hawa-slide-out-to-right-full"
+      ),
+      dir: direction,
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    ToastPrimitives.Action,
+    {
+      ref,
+      className: cn(
+        "hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+        "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info",
+        "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
+        "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
+        "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        "hawa-whitespace-nowrap",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      // "hawa-absolute hawa-start-2 hawa-top-2",
+      // "group-hover:hawa-opacity-100",
+      "hawa-opacity-100",
+      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2  group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      "aria-label": "Close Icon",
+      "aria-hidden": "true",
+      className: "hawa-icon",
+      fill: "currentColor",
+      viewBox: "0 0 20 20"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+      }
+    )
+  )
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-select-text hawa-text-sm hawa-font-semibold",
+      sizeStyles[size],
+      className
+    ),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn(
+      "hawa-select-text hawa-opacity-90",
+      sizeStyles[size],
+      className
+    ),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+export {
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastTitle,
+  ToastDescription
+};

package/dist/{chunk-XE3FLWLT.mjs → chunk-MJMQDUCC.mjs}

@@ -2429,6 +2429,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(

package/dist/commonTypes-2IGtJ5cq.d.mts

@@ -0,0 +1,3 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+
+export type { PositionType as P };

package/dist/commonTypes-2IGtJ5cq.d.ts

@@ -0,0 +1,3 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+
+export type { PositionType as P };

package/dist/commonTypes-2k6FnHw5.d.mts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { DirectionType as D, RadiusType as R };

package/dist/commonTypes-2k6FnHw5.d.ts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { DirectionType as D, RadiusType as R };

package/dist/commonTypes-3k5cNB1s.d.mts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type OrientationType = "vertical" | "horizontal";
+
+export type { DirectionType as D, OrientationType as O };

package/dist/commonTypes-3k5cNB1s.d.ts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type OrientationType = "vertical" | "horizontal";
+
+export type { DirectionType as D, OrientationType as O };

package/dist/{commonTypes-3J1E3b61.d.mts → commonTypes-f_LVO3Sm.d.mts}

@@ -1,6 +1,5 @@
-type DirectionType = "rtl" | "ltr";
 type PositionType = "top" | "bottom" | "right" | "left";
 type OrientationType = "vertical" | "horizontal";
 type RadiusType = "full" | "inherit" | "none";
 
-export type { DirectionType as D, OrientationType as O, PositionType as P, RadiusType as R };
+export type { OrientationType as O, PositionType as P, RadiusType as R };

package/dist/{commonTypes-3J1E3b61.d.ts → commonTypes-f_LVO3Sm.d.ts}

@@ -1,6 +1,5 @@
-type DirectionType = "rtl" | "ltr";
 type PositionType = "top" | "bottom" | "right" | "left";
 type OrientationType = "vertical" | "horizontal";
 type RadiusType = "full" | "inherit" | "none";
 
-export type { DirectionType as D, OrientationType as O, PositionType as P, RadiusType as R };
+export type { OrientationType as O, PositionType as P, RadiusType as R };

package/dist/elements/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, PropsWithChildren } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-CKtkuNFH.mjs';
 export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-vm2kRAhL.mjs';
@@ -726,14 +726,14 @@ type CodeBlockTypes = {
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */

package/dist/elements/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, PropsWithChildren } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { P as PositionType, D as DirectionType, S as SeverityType, R as RadiusType, O as OrientationType } from '../commonTypes-CKtkuNFH.js';
 export { D as DropdownMenu, f as DropdownMenuCheckboxItem, d as DropdownMenuContent, k as DropdownMenuGroup, e as DropdownMenuItem, h as DropdownMenuLabel, l as DropdownMenuPortal, b as DropdownMenuRadio, p as DropdownMenuRadioGroup, g as DropdownMenuRadioItem, a as DropdownMenuRoot, i as DropdownMenuSeparator, j as DropdownMenuShortcut, m as DropdownMenuSub, n as DropdownMenuSubContent, o as DropdownMenuSubTrigger, c as DropdownMenuTrigger, M as MenuItemType, S as SubItem } from '../DropdownMenu-jh4puuXw.js';
@@ -726,14 +726,14 @@ type CodeBlockTypes = {
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */

package/dist/elements/index.js

@@ -6128,6 +6128,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
@@ -7031,17 +7032,18 @@ var CodeBlock = ({
 // components/elements/carousel/Carousel.tsx
 var import_react31 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = (0, import_react31.useState)(0);
   (0, import_react31.useEffect)(() => {

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-XE3FLWLT.mjs";
+} from "../chunk-MJMQDUCC.mjs";
 import {
   Sheet,
   SheetClose,
@@ -2756,17 +2756,18 @@ var CodeBlock = ({
 // components/elements/carousel/Carousel.tsx
 import React28, { useEffect as useEffect10, useState as useState12 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = useEmblaCarousel({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = useState12(0);
   useEffect10(() => {

package/dist/glow/index.d.mts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+declare const GlowCapture: ({ className, size, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    size?: number | undefined;
+}) => React__default.JSX.Element;
+declare const Glow: ({ className, style, color, debug, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    style?: {} | undefined;
+    color?: string | undefined;
+    debug?: boolean | undefined;
+}) => React__default.JSX.Element;
+
+export { Glow, GlowCapture };

package/dist/glow/index.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+declare const GlowCapture: ({ className, size, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    size?: number | undefined;
+}) => React__default.JSX.Element;
+declare const Glow: ({ className, style, color, debug, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    style?: {} | undefined;
+    color?: string | undefined;
+    debug?: boolean | undefined;
+}) => React__default.JSX.Element;
+
+export { Glow, GlowCapture };