@sikka/hawa 0.25.0-next → 0.25.1-next

package/dist/blocks/auth/index.js

@@ -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

@@ -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

@@ -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,

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.js

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

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-XE3FLWLT.mjs";
+} from "../chunk-MJMQDUCC.mjs";
 import {
   Sheet,
   SheetClose,

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 };

package/dist/glow/index.js

@@ -0,0 +1,155 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/elements/glow/index.ts
+var glow_exports = {};
+__export(glow_exports, {
+  Glow: () => Glow,
+  GlowCapture: () => GlowCapture
+});
+module.exports = __toCommonJS(glow_exports);
+
+// components/elements/glow/Glow.tsx
+var import_react = __toESM(require("react"));
+var GlowCapture = ({ className = "", size = 400, ...rest }) => {
+  const element = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    const move = (e) => {
+      if (e.pointerType === "mouse") {
+        requestAnimationFrame(() => {
+          var _a2, _b2;
+          (_a2 = element.current) == null ? void 0 : _a2.style.setProperty("--glow-x", `${e.layerX}px`);
+          (_b2 = element.current) == null ? void 0 : _b2.style.setProperty("--glow-y", `${e.layerY}px`);
+        });
+      }
+    };
+    const leave = () => {
+      var _a2, _b2;
+      (_a2 = element.current) == null ? void 0 : _a2.style.removeProperty("--glow-x");
+      (_b2 = element.current) == null ? void 0 : _b2.style.removeProperty("--glow-y");
+    };
+    (_a = element.current) == null ? void 0 : _a.addEventListener("pointermove", move, { passive: true });
+    (_b = element.current) == null ? void 0 : _b.addEventListener("pointerleave", leave, { passive: true });
+    return () => {
+      var _a2, _b2;
+      (_a2 = element.current) == null ? void 0 : _a2.removeEventListener("pointermove", move);
+      (_b2 = element.current) == null ? void 0 : _b2.removeEventListener("pointerleave", leave);
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: element,
+      className: `hawa-glow-capture ${className}`,
+      style: {
+        position: "relative",
+        "--glow-size": `${size}px`
+      },
+      ...rest
+    }
+  );
+};
+var mask = `
+radial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))
+calc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)
+`;
+var Glow = ({
+  className = "",
+  style = {},
+  color = "#f50057",
+  debug = false,
+  ...rest
+}) => {
+  const element = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a, _b, _c, _d;
+    (_b = element.current) == null ? void 0 : _b.style.setProperty(
+      "--glow-top",
+      `${(_a = element.current) == null ? void 0 : _a.offsetTop}px`
+    );
+    (_d = element.current) == null ? void 0 : _d.style.setProperty(
+      "--glow-left",
+      `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
+    );
+  });
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const observer = new ResizeObserver(() => {
+      requestAnimationFrame(() => {
+        var _a2, _b, _c, _d;
+        (_b = element.current) == null ? void 0 : _b.style.setProperty(
+          "--glow-top",
+          `${(_a2 = element.current) == null ? void 0 : _a2.offsetTop}px`
+        );
+        (_d = element.current) == null ? void 0 : _d.style.setProperty(
+          "--glow-left",
+          `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
+        );
+      });
+    });
+    const capture = (_a = element.current) == null ? void 0 : _a.closest(".glow-capture");
+    if (capture)
+      observer.observe(capture);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: element, className: "hawa-glow", style: { display: "grid" } }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className,
+      style: {
+        ...style,
+        gridArea: "1/1/1/1"
+      },
+      ...rest
+    },
+    rest.children
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `glow-mask ${className}`,
+      glow: "true",
+      style: {
+        ...style,
+        "--glow-color": color,
+        gridArea: "1/1/1/1",
+        pointerEvents: "none",
+        mask: debug ? void 0 : mask,
+        WebkitMask: debug ? void 0 : mask
+      },
+      ...rest
+    },
+    rest.children
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Glow,
+  GlowCapture
+});

package/dist/glow/index.mjs

@@ -0,0 +1,117 @@
+// components/elements/glow/Glow.tsx
+import React, { useEffect, useRef } from "react";
+var GlowCapture = ({ className = "", size = 400, ...rest }) => {
+  const element = useRef(null);
+  useEffect(() => {
+    var _a, _b;
+    const move = (e) => {
+      if (e.pointerType === "mouse") {
+        requestAnimationFrame(() => {
+          var _a2, _b2;
+          (_a2 = element.current) == null ? void 0 : _a2.style.setProperty("--glow-x", `${e.layerX}px`);
+          (_b2 = element.current) == null ? void 0 : _b2.style.setProperty("--glow-y", `${e.layerY}px`);
+        });
+      }
+    };
+    const leave = () => {
+      var _a2, _b2;
+      (_a2 = element.current) == null ? void 0 : _a2.style.removeProperty("--glow-x");
+      (_b2 = element.current) == null ? void 0 : _b2.style.removeProperty("--glow-y");
+    };
+    (_a = element.current) == null ? void 0 : _a.addEventListener("pointermove", move, { passive: true });
+    (_b = element.current) == null ? void 0 : _b.addEventListener("pointerleave", leave, { passive: true });
+    return () => {
+      var _a2, _b2;
+      (_a2 = element.current) == null ? void 0 : _a2.removeEventListener("pointermove", move);
+      (_b2 = element.current) == null ? void 0 : _b2.removeEventListener("pointerleave", leave);
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: element,
+      className: `hawa-glow-capture ${className}`,
+      style: {
+        position: "relative",
+        "--glow-size": `${size}px`
+      },
+      ...rest
+    }
+  );
+};
+var mask = `
+radial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))
+calc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)
+`;
+var Glow = ({
+  className = "",
+  style = {},
+  color = "#f50057",
+  debug = false,
+  ...rest
+}) => {
+  const element = useRef(null);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    (_b = element.current) == null ? void 0 : _b.style.setProperty(
+      "--glow-top",
+      `${(_a = element.current) == null ? void 0 : _a.offsetTop}px`
+    );
+    (_d = element.current) == null ? void 0 : _d.style.setProperty(
+      "--glow-left",
+      `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
+    );
+  });
+  useEffect(() => {
+    var _a;
+    const observer = new ResizeObserver(() => {
+      requestAnimationFrame(() => {
+        var _a2, _b, _c, _d;
+        (_b = element.current) == null ? void 0 : _b.style.setProperty(
+          "--glow-top",
+          `${(_a2 = element.current) == null ? void 0 : _a2.offsetTop}px`
+        );
+        (_d = element.current) == null ? void 0 : _d.style.setProperty(
+          "--glow-left",
+          `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
+        );
+      });
+    });
+    const capture = (_a = element.current) == null ? void 0 : _a.closest(".glow-capture");
+    if (capture)
+      observer.observe(capture);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", { ref: element, className: "hawa-glow", style: { display: "grid" } }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className,
+      style: {
+        ...style,
+        gridArea: "1/1/1/1"
+      },
+      ...rest
+    },
+    rest.children
+  ), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `glow-mask ${className}`,
+      glow: "true",
+      style: {
+        ...style,
+        "--glow-color": color,
+        gridArea: "1/1/1/1",
+        pointerEvents: "none",
+        mask: debug ? void 0 : mask,
+        WebkitMask: debug ? void 0 : mask
+      },
+      ...rest
+    },
+    rest.children
+  ));
+};
+export {
+  Glow,
+  GlowCapture
+};