@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.16 → 1.0.0-canary.18

package/dist/components/Icons/XMark.js

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
-function n({ className: t }) {
-  return /* @__PURE__ */ r(
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function XMark({ className }) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       width: "24",
@@ -9,8 +9,8 @@ function n({ className: t }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: o("h-6 w-6", t),
-      children: /* @__PURE__ */ r(
+      className: cn("h-6 w-6", className),
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M6.75729 17.2426L11.9999 12M17.2426 6.75736L11.9999 12M11.9999 12L6.75729 6.75736M11.9999 12L17.2426 17.2426",
@@ -23,5 +23,5 @@ function n({ className: t }) {
   );
 }
 export {
-  n as XMark
+  XMark
 };

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "placeholder" | "size"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "placeholder" | "size"> {
     /**
      * If true, the input will display in an error state with error styling
      */
@@ -44,5 +44,6 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
      */
     id?: string;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { InputProps };

package/dist/components/Input/Input.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { cva as o } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import * as x from "react";
-import { cn as s } from "../../lib/utils.js";
-import { Tick as F } from "../Icons/Tick.js";
-import { typographyVariants as c } from "../Typography/Typography.js";
-const R = o(
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { Tick } from "../Icons/Tick.js";
+import { typographyVariants } from "../Typography/Typography.js";
+const inputContainerVariants = cva(
   [
     "bg-gray-100",
     "text-gray-900",
@@ -44,11 +44,12 @@ const R = o(
       }
     },
     defaultVariants: {
-      error: !1,
-      areDividers: !1
+      error: false,
+      areDividers: false
     }
   }
-), y = o(
+);
+const inputElementVariants = cva(
   [
     "peer",
     "inline-block",
@@ -75,7 +76,8 @@ const R = o(
       variant: "default"
     }
   }
-), C = o([
+);
+const floatingLabelVariants = cva([
   "text-gray-500",
   "pointer-events-none",
   "absolute",
@@ -103,7 +105,8 @@ const R = o(
   "peer-[:not(:placeholder-shown)]:pointer-events-auto",
   "peer-[:not(:placeholder-shown)]:top-[1.125rem]",
   "peer-[:not(:placeholder-shown)]:text-xs"
-]), w = o("border-r h-[1.625rem] w-1", {
+]);
+const dividerVariants = cva("border-r h-[1.625rem] w-1", {
   variants: {
     error: {
       true: "border-error-600",
@@ -111,99 +114,102 @@ const R = o(
     }
   },
   defaultVariants: {
-    error: !1
+    error: false
   }
-}), D = x.forwardRef(
+});
+const Input = React.forwardRef(
   ({
-    type: d = "text",
-    error: r = !1,
-    startAdornment: u,
-    endAdornment: p,
-    isValid: f,
-    disabled: h,
-    className: N,
-    label: a,
-    id: V,
-    showStartDivider: m = !1,
-    showEndDivider: g = !1,
-    variant: i = "default",
-    ...v
-  }, b) => {
-    const k = x.useId(), n = V || k, j = !!u, I = f || !!p;
-    return /* @__PURE__ */ t(
+    type = "text",
+    error = false,
+    startAdornment,
+    endAdornment,
+    isValid,
+    disabled,
+    className,
+    label,
+    id: providedId,
+    showStartDivider = false,
+    showEndDivider = false,
+    variant = "default",
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = providedId || generatedId;
+    const hasStartAdornment = !!startAdornment;
+    const hasEndAdornment = isValid || !!endAdornment;
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: s(
-          R({ error: r, areDividers: m || g }),
-          N
+        className: cn(
+          inputContainerVariants({ error, areDividers: showStartDivider || showEndDivider }),
+          className
         ),
         children: [
-          j && /* @__PURE__ */ t(l, { children: [
-            /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center shrink-0 text-gray-500", children: u }),
-            m && /* @__PURE__ */ e("div", { className: w({ error: r }) })
+          hasStartAdornment && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center shrink-0 text-gray-500", children: startAdornment }),
+            showStartDivider && /* @__PURE__ */ jsx("div", { className: dividerVariants({ error }) })
           ] }),
-          i === "floating-label" ? /* @__PURE__ */ t("div", { className: "relative grow h-full", children: [
-            /* @__PURE__ */ e(
+          variant === "floating-label" ? /* @__PURE__ */ jsxs("div", { className: "relative grow h-full", children: [
+            /* @__PURE__ */ jsx(
               "input",
               {
-                ref: b,
-                id: n,
-                type: d,
-                placeholder: a || " ",
-                disabled: h,
-                "aria-invalid": r,
-                className: s(
-                  c({ variant: "body", level: 3 }),
-                  y({
-                    variant: i
+                ref,
+                id,
+                type,
+                placeholder: label || " ",
+                disabled,
+                "aria-invalid": error,
+                className: cn(
+                  typographyVariants({ variant: "body", level: 3 }),
+                  inputElementVariants({
+                    variant
                   })
                 ),
-                ...v
+                ...props
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ jsx(
               "label",
               {
-                className: s(
-                  C(),
-                  c({ variant: "body", level: 3 })
+                className: cn(
+                  floatingLabelVariants(),
+                  typographyVariants({ variant: "body", level: 3 })
                 ),
-                htmlFor: n,
-                children: a
+                htmlFor: id,
+                children: label
               }
             )
-          ] }) : /* @__PURE__ */ t(l, { children: [
-            a && /* @__PURE__ */ e("label", { className: "sr-only", htmlFor: n, children: a }),
-            /* @__PURE__ */ e(
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            label && /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: id, children: label }),
+            /* @__PURE__ */ jsx(
               "input",
               {
-                ref: b,
-                id: n,
-                type: d,
-                placeholder: a,
-                disabled: h,
-                "aria-invalid": r,
-                className: s(
-                  y({
-                    variant: i
+                ref,
+                id,
+                type,
+                placeholder: label,
+                disabled,
+                "aria-invalid": error,
+                className: cn(
+                  inputElementVariants({
+                    variant
                   }),
-                  c({ variant: "body", level: 3 })
+                  typographyVariants({ variant: "body", level: 3 })
                 ),
-                ...v
+                ...props
               }
             )
           ] }),
-          I && /* @__PURE__ */ t(l, { children: [
-            g && /* @__PURE__ */ e("div", { className: w({ error: r }) }),
-            /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center shrink-0 text-gray-500", children: f ? /* @__PURE__ */ e(F, { className: "text-success-700" }) : p })
+          hasEndAdornment && /* @__PURE__ */ jsxs(Fragment, { children: [
+            showEndDivider && /* @__PURE__ */ jsx("div", { className: dividerVariants({ error }) }),
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center shrink-0 text-gray-500", children: isValid ? /* @__PURE__ */ jsx(Tick, { className: "text-success-700" }) : endAdornment })
           ] })
         ]
       }
     );
   }
 );
-D.displayName = "Input";
+Input.displayName = "Input";
 export {
-  D as Input,
-  D as default
+  Input
 };

package/dist/components/Input/index.d.ts

@@ -1 +1 @@
-export * from './Input';
+export { Input, type InputProps } from './Input';

package/dist/components/ListItem/ListItem.d.ts

@@ -16,5 +16,6 @@ interface ListItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
     /** Whether the list item is disabled */
     disabled?: boolean;
 }
-export declare const ListItem: import('react').ForwardRefExoticComponent<ListItemProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default ListItem;
+declare const ListItem: import('react').ForwardRefExoticComponent<ListItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { ListItem };
+export type { ListItemProps };

package/dist/components/ListItem/ListItem.js

@@ -1,32 +1,34 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as f } from "../../lib/utils.js";
-import { cva as x } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as n } from "react";
-import { Typography as m } from "../Typography/Typography.js";
-const d = x(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { forwardRef } from "react";
+import { Typography } from "../Typography/Typography.js";
+const listItemStyles = cva(
   "h-[4.75rem] bg-gray-50 p-4 rounded-2xl flex items-center text-gray-900 w-full disabled:text-gray-400 disabled:cursor-not-allowed"
-), g = n(
-  ({ children: h, label: t, description: l, startAdornment: r, endAdornment: a, disabled: s, ...c }, o) => /* @__PURE__ */ i("button", { ref: o, className: d(), ...c, disabled: s, children: [
-    r && /* @__PURE__ */ e("div", { className: "mr-3 flex-shrink-0", children: r }),
-    /* @__PURE__ */ i("div", { className: "flex flex-col flex-grow min-w-0 items-start gap-0.5", children: [
-      t && /* @__PURE__ */ e(m, { variant: "subtitle", level: 2, className: "truncate grow w-full text-left", children: t }),
-      l && /* @__PURE__ */ e(
-        m,
-        {
-          level: 4,
-          className: f(
-            "truncate grow w-full text-left",
-            s ? "text-gray-400" : "text-gray-500"
-          ),
-          children: l
-        }
-      )
-    ] }),
-    a && /* @__PURE__ */ e("div", { className: "ml-4 flex-shrink-0", children: a })
-  ] })
 );
-g.displayName = "ListItem";
+const ListItem = forwardRef(
+  ({ children, label, description, startAdornment, endAdornment, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("button", { ref, className: listItemStyles(), ...props, disabled, children: [
+      startAdornment && /* @__PURE__ */ jsx("div", { className: "mr-3 flex-shrink-0", children: startAdornment }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-grow min-w-0 items-start gap-0.5", children: [
+        label && /* @__PURE__ */ jsx(Typography, { variant: "subtitle", level: 2, className: "truncate grow w-full text-left", children: label }),
+        description && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            level: 4,
+            className: cn(
+              "truncate grow w-full text-left",
+              disabled ? "text-gray-400" : "text-gray-500"
+            ),
+            children: description
+          }
+        )
+      ] }),
+      endAdornment && /* @__PURE__ */ jsx("div", { className: "ml-4 flex-shrink-0", children: endAdornment })
+    ] });
+  }
+);
+ListItem.displayName = "ListItem";
 export {
-  g as ListItem,
-  g as default
+  ListItem
 };

package/dist/components/ListItem/index.d.ts

@@ -1 +1 @@
-export * from './ListItem';
+export { ListItem, type ListItemProps } from './ListItem';

package/dist/components/LiveFeedback/LiveFeedback.d.ts

@@ -16,5 +16,6 @@ interface LiveFeedbackProps {
         failed: string;
     };
 }
-export declare function LiveFeedback({ state, children, className, label }: LiveFeedbackProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function LiveFeedback({ state, children, className, label }: LiveFeedbackProps): import("react/jsx-runtime").JSX.Element;
+export { LiveFeedback };
+export type { LiveFeedbackProps };

package/dist/components/LiveFeedback/LiveFeedback.js

@@ -1,42 +1,42 @@
-import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
-import { cn as n } from "../../lib/utils.js";
-import { Fail as f } from "../Icons/Fail.js";
-import { Success as p } from "../Icons/Success.js";
-import { Spinner as t } from "../Spinner/Spinner.js";
-import { Typography as m } from "../Typography/Typography.js";
-function N({ state: e, children: d, className: o, label: i }) {
-  return /* @__PURE__ */ s("div", { className: n("relative", o), children: [
-    /* @__PURE__ */ r(
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Fail } from "../Icons/Fail.js";
+import { Success } from "../Icons/Success.js";
+import { Spinner } from "../Spinner/Spinner.js";
+import { Typography } from "../Typography/Typography.js";
+function LiveFeedback({ state, children, className, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
       "div",
       {
-        className: n(
+        className: cn(
           "w-full h-full",
-          e && "invisible"
+          state && "invisible"
           // Hide children but preserve space
         ),
-        children: d
+        children
       }
     ),
-    e && /* @__PURE__ */ s(
+    state && /* @__PURE__ */ jsxs(
       "div",
       {
-        className: n(
+        className: cn(
           "absolute inset-0 flex items-center justify-center gap-2",
-          e === "success" && "text-success-600",
-          e === "failed" && "text-error-600"
+          state === "success" && "text-success-600",
+          state === "failed" && "text-error-600"
         ),
         children: [
-          e === "pending" && /* @__PURE__ */ s(c, { children: [
-            /* @__PURE__ */ r(t, { className: "size-6" }),
-            (i == null ? void 0 : i.pending) && /* @__PURE__ */ r(m, { variant: "label", level: 2, children: i.pending })
+          state === "pending" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-6" }),
+            (label == null ? void 0 : label.pending) && /* @__PURE__ */ jsx(Typography, { variant: "label", level: 2, children: label.pending })
           ] }),
-          e === "success" && /* @__PURE__ */ s(c, { children: [
-            /* @__PURE__ */ r(p, { className: "size-6" }),
-            (i == null ? void 0 : i.success) && /* @__PURE__ */ r(m, { variant: "label", level: 2, children: i.success })
+          state === "success" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Success, { className: "size-6" }),
+            (label == null ? void 0 : label.success) && /* @__PURE__ */ jsx(Typography, { variant: "label", level: 2, children: label.success })
           ] }),
-          e === "failed" && /* @__PURE__ */ s(c, { children: [
-            /* @__PURE__ */ r(f, { className: "size-6" }),
-            (i == null ? void 0 : i.failed) && /* @__PURE__ */ r(m, { variant: "label", level: 2, children: i.failed })
+          state === "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Fail, { className: "size-6" }),
+            (label == null ? void 0 : label.failed) && /* @__PURE__ */ jsx(Typography, { variant: "label", level: 2, children: label.failed })
           ] })
         ]
       }
@@ -44,5 +44,5 @@ function N({ state: e, children: d, className: o, label: i }) {
   ] });
 }
 export {
-  N as LiveFeedback
+  LiveFeedback
 };

package/dist/components/LiveFeedback/index.d.ts

@@ -1 +1 @@
-export * from './LiveFeedback';
+export { LiveFeedback, type LiveFeedbackProps } from './LiveFeedback';

package/dist/components/Marble/Marble.d.ts

@@ -1,2 +1,2 @@
-export declare const Marble: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
-export default Marble;
+declare const Marble: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
+export { Marble };

package/dist/components/Marble/Marble.js

@@ -1,23 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
-import { forwardRef as m } from "react";
-const l = m((r, e) => {
-  const { className: a, ...o } = r;
-  return /* @__PURE__ */ s(
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { forwardRef } from "react";
+const Marble = forwardRef((props, ref) => {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(
     "img",
     {
-      ref: e,
+      ref,
       alt: "Marble",
-      className: t(
+      className: cn(
         "rounded-full border-2 border-gray-100 p-[3px] aspect-square w-[7.5rem] object-cover",
-        a
+        className
       ),
-      ...o
+      ...rest
     }
   );
 });
-l.displayName = "Marble";
+Marble.displayName = "Marble";
 export {
-  l as Marble,
-  l as default
+  Marble
 };

package/dist/components/Marble/index.d.ts

@@ -1 +1 @@
-export * from './Marble';
+export { Marble } from './Marble';

package/dist/components/NumberPad/Delete.js

@@ -1,6 +1,6 @@
-import { jsx as e } from "react/jsx-runtime";
-function o(t) {
-  return /* @__PURE__ */ e(
+import { jsx } from "react/jsx-runtime";
+function Delete(props) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       width: "24",
@@ -8,8 +8,8 @@ function o(t) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...t,
-      children: /* @__PURE__ */ e(
+      ...props,
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M15 6L9 12L15 18",
@@ -22,5 +22,5 @@ function o(t) {
   );
 }
 export {
-  o as Delete
+  Delete
 };

package/dist/components/NumberPad/NumberPad.d.ts

@@ -27,5 +27,6 @@ interface NumberPadProps {
      */
     longPressOptions?: LongPressOptions;
 }
-export declare const NumberPad: ({ value, onChange, disabled, onLongDeletePress, longPressOptions, }: NumberPadProps) => import("react/jsx-runtime").JSX.Element;
-export default NumberPad;
+declare const NumberPad: ({ value, onChange, disabled, onLongDeletePress, longPressOptions, }: NumberPadProps) => import("react/jsx-runtime").JSX.Element;
+export { NumberPad };
+export type { NumberPadProps };

package/dist/components/NumberPad/NumberPad.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { cn as c } from "../../lib/utils.js";
-import { useLongPress as d } from "../../node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js";
-import { typographyVariants as m } from "../Typography/Typography.js";
-import { Delete as v } from "./Delete.js";
-const f = [
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { useLongPress } from "../../node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js";
+import { typographyVariants } from "../Typography/Typography.js";
+import { Delete } from "./Delete.js";
+const buttons = [
   { value: "1" },
   { value: "2" },
   { value: "3" },
@@ -16,49 +16,52 @@ const f = [
   { value: "9" },
   { value: "." },
   { value: "0" },
-  { value: "del", label: /* @__PURE__ */ l(v, { className: "size-6" }) }
-], h = ({
-  value: r = "",
-  onChange: s,
-  disabled: a = !1,
-  onLongDeletePress: t = () => {
+  { value: "del", label: /* @__PURE__ */ jsx(Delete, { className: "size-6" }) }
+];
+const NumberPad = ({
+  value = "",
+  onChange,
+  disabled = false,
+  onLongDeletePress = () => {
   },
-  longPressOptions: n = {
+  longPressOptions = {
     threshold: 1500
   }
 }) => {
-  r !== "" && isNaN(Number(r)) && console.error("NumberPad value must be a valid number or empty string");
-  const o = (e) => {
-    if (!(!s || a))
-      if (e === "del")
-        s(r.slice(0, -1));
-      else {
-        if (e === "." && r.includes("."))
-          return;
-        {
-          const i = r + e;
-          (e === "." || !isNaN(Number(i))) && s(i);
-        }
+  if (value !== "" && isNaN(Number(value))) {
+    console.error("NumberPad value must be a valid number or empty string");
+  }
+  const handleButtonClick = (buttonValue) => {
+    if (!onChange || disabled) return;
+    if (buttonValue === "del") {
+      onChange(value.slice(0, -1));
+    } else if (buttonValue === "." && value.includes(".")) {
+      return;
+    } else {
+      const newValue = value + buttonValue;
+      if (buttonValue === "." || !isNaN(Number(newValue))) {
+        onChange(newValue);
       }
-  }, u = d(t, n);
-  return /* @__PURE__ */ l("div", { className: "grid grid-cols-3 grid-rows-4 gap-1 w-full", children: f.map((e) => /* @__PURE__ */ l(
+    }
+  };
+  const longPressAttributes = useLongPress(onLongDeletePress, longPressOptions);
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 grid-rows-4 gap-1 w-full", children: buttons.map((button) => /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
-      onClick: () => o(e.value),
-      disabled: a,
-      className: c(
-        m({ variant: "heading", level: 3 }),
+      onClick: () => handleButtonClick(button.value),
+      disabled,
+      className: cn(
+        typographyVariants({ variant: "heading", level: 3 }),
         "h-12 min-w-28 flex items-center justify-center select-none group",
         "disabled:text-gray-300 disabled:cursor-not-allowed disabled:active:bg-transparent"
       ),
-      ...e.value === "del" ? u : {},
-      children: /* @__PURE__ */ l("span", { className: "duration-200 transition-colors size-12 flex items-center justify-center rounded-full group-active:bg-gray-50", children: e.label || e.value })
+      ...button.value === "del" ? longPressAttributes : {},
+      children: /* @__PURE__ */ jsx("span", { className: "duration-200 transition-colors size-12 flex items-center justify-center rounded-full group-active:bg-gray-50", children: button.label || button.value })
     },
-    e.value
+    button.value
   )) });
 };
 export {
-  h as NumberPad,
-  h as default
+  NumberPad
 };

package/dist/components/NumberPad/index.d.ts

@@ -1 +1 @@
-export * from './NumberPad';
+export { NumberPad, type NumberPadProps } from './NumberPad';