@clicktap/ui 0.41.1 → 0.42.1

package/hooks/useRoute/RouteContext.d.ts

@@ -2,6 +2,14 @@ import { ReactNode } from 'react';
 export type RouteProviderConfig = {
     /** Whether the user is currently logged in */
     isLoggedIn: boolean;
+    /**
+     * Current pathname, supplied reactively by the consumer's router (e.g. Next's
+     * `usePathname()`). Used only by `useRoute(..., { returnHere: true })`. Keeping
+     * it in config — rather than importing `next/navigation` inside the hook — is
+     * what lets `@clicktap/ui` stay framework-agnostic (CTAP-1125). Omitted → the
+     * `returnHere` redirect falls back to `/`.
+     */
+    pathname?: string;
 };
 type RouteProviderProps = {
     children: ReactNode;

package/hooks/useRoute/index.js

@@ -1 +1 @@
-import{buildPath as m,resolveParams as u,useRoute as p}from"./useRoute.js";import{RouteProvider as a,useRouteConfig as f}from"./RouteContext.js";import"react";import"next/navigation";import"react/jsx-runtime";export{a as RouteProvider,m as buildPath,u as resolveParams,p as useRoute,f as useRouteConfig};
+import{buildPath as u,resolveParams as i,useRoute as m}from"./useRoute.js";import{RouteProvider as s,useRouteConfig as a}from"./RouteContext.js";import"react";import"react/jsx-runtime";export{s as RouteProvider,u as buildPath,i as resolveParams,m as useRoute,a as useRouteConfig};

package/hooks/useRoute/useRoute.js

@@ -1 +1 @@
-"use client";import{useMemo as f}from"react";import{usePathname as m}from"next/navigation";import{useRouteConfig as d}from"./RouteContext.js";import"react/jsx-runtime";const h="/account/authenticate";function c(e,r){return r?e.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g,(o,t)=>{const n=r[t];if(n===void 0)throw new Error(`useRoute: missing required param "${t}" for path "${e}"`);return encodeURIComponent(n)}):e}function p(e){return/:([a-zA-Z_][a-zA-Z0-9_]*)/.test(e)}function _(e,r){return c(e.path,r)}function l(e,r,o){const t=m(),{isLoggedIn:n}=d();return f(()=>{const{path:u,isProtected:s,name:a="unknown"}=e;if(p(u)&&!r)throw new Error(`useRoute: params required for route "${a}" with path "${u}"`);const i=c(u,r);return o?.returnHere?`${i}?redirect=${encodeURIComponent(t??"/")}`:s&&!n?`${h}?redirect=${encodeURIComponent(i)}`:i},[e,r,o?.returnHere,t,n])}export{_ as buildPath,c as resolveParams,l as useRoute};
+"use client";import{useMemo as f}from"react";import{useRouteConfig as d}from"./RouteContext.js";import"react/jsx-runtime";const m="/account/authenticate";function c(e,r){return r?e.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g,(o,t)=>{const n=r[t];if(n===void 0)throw new Error(`useRoute: missing required param "${t}" for path "${e}"`);return encodeURIComponent(n)}):e}function h(e){return/:([a-zA-Z_][a-zA-Z0-9_]*)/.test(e)}function R(e,r){return c(e.path,r)}function _(e,r,o){const{isLoggedIn:t,pathname:n}=d();return f(()=>{const{path:u,isProtected:s,name:a="unknown"}=e;if(h(u)&&!r)throw new Error(`useRoute: params required for route "${a}" with path "${u}"`);const i=c(u,r);return o?.returnHere?`${i}?redirect=${encodeURIComponent(n??"/")}`:s&&!t?`${m}?redirect=${encodeURIComponent(i)}`:i},[e,r,o?.returnHere,n,t])}export{R as buildPath,c as resolveParams,_ as useRoute};

package/hooks/useRoute.d.ts

@@ -0,0 +1 @@
+export * from './useRoute/index';

package/hooks/useRoute.js

@@ -0,0 +1 @@
+export * from './useRoute/index.js';

package/next/Image.d.ts

@@ -0,0 +1,11 @@
+import { ImageProps as NextImageProps } from 'next/image';
+export type ExtendedImageProps = NextImageProps & {
+    /** Reduce opacity to 50% (e.g., while waiting for data) */
+    dimmed?: boolean;
+    /** Hide image completely — opacity 0 (e.g., before grid rearrange) */
+    hidden?: boolean;
+    /** Fires when a new image has loaded after a src change */
+    onReady?: () => void;
+};
+export declare function Image({ src, className, style, dimmed, hidden, onReady, onLoad: externalOnLoad, ...rest }: ExtendedImageProps): import("react/jsx-runtime").JSX.Element;
+export default Image;

package/next/Image.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import R from"next/image";import{useState as x,useRef as z,Component as T}from"react";import{cn as K}from"../utils/cn.js";import{useManagedOpacity as L,useImageStyle as j,getSrcKey as c,resolveSrc as u}from"../components/Image/imageShared.js";const m=new Set;class B extends T{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){if(this.state.hasError){m.add(c(this.props.src));const{src:i,alt:n,className:a,style:s,width:h,height:r}=this.props;return o("img",{src:u(i),alt:n??"",className:a,style:s,width:h,height:r,loading:"lazy"})}return this.props.children}}function P({src:e,className:i,style:n,dimmed:a,hidden:s,onReady:h,onLoad:r,...t}){const[g,p]=x(null),l=z(),{managed:f,setLoadingImg:y,onReadyRef:S,opacityStyle:w}=L({src:e,dimmed:a,hidden:s,onReady:h}),E="width"in t&&"height"in t&&!("fill"in t),d=j(n,E),v=c(e);return g===e||m.has(v)?o("img",{src:u(e),alt:t.alt??"",className:i,style:d,width:"width"in t?t.width:void 0,height:"height"in t?t.height:void 0,loading:"lazy"}):o(B,{src:e,alt:t.alt,className:i,style:d,width:"width"in t?t.width:void 0,height:"height"in t?t.height:void 0,children:o(R,{src:e,className:K(f&&"transition-opacity duration-200 ease-in-out",i),style:{...d,...w},onError:()=>{l.current=setTimeout(()=>p(e),2e3)},onLoad:I=>{clearTimeout(l.current),y(!1),S.current?.(),typeof r=="function"&&r(I)},...t})})}export{P as Image,P as default};

package/next/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Next-specific entry point (CTAP-1125).
+ *
+ * Everything in here imports from `next/*`. It is the ONLY part of the package
+ * that does, which is what lets `next` be an optional peer: a consumer that
+ * never imports `@clicktap/ui/next` gets zero `next` in its dependency tree.
+ */
+export { Image, type ExtendedImageProps } from './Image';

package/next/index.js

@@ -0,0 +1 @@
+import{Image as a}from"./Image.js";import"react/jsx-runtime";import"next/image";import"react";import"../utils/cn.js";import"../components/Image/imageShared.js";export{a as Image};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.41.1",
+  "version": "0.42.1",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -16,6 +16,7 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
+    "./theme.css": "./theme.css",
     "./components/*": {
       "types": [
         "./components/*.d.ts",
@@ -26,6 +27,24 @@
         "./components/*/index.js"
       ]
     },
+    "./next": {
+      "types": [
+        "./next/index.d.ts"
+      ],
+      "import": [
+        "./next/index.js"
+      ]
+    },
+    "./next/*": {
+      "types": [
+        "./next/*.d.ts",
+        "./next/*/index.d.ts"
+      ],
+      "import": [
+        "./next/*.js",
+        "./next/*/index.js"
+      ]
+    },
     "./hooks/*": {
       "types": [
         "./hooks/*.d.ts",
@@ -55,27 +74,47 @@
     "./assets/*": "./assets/*"
   },
   "dependencies": {
-    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@react-aria/interactions": "^3.21.1",
     "@react-stately/utils": "^3.9.1",
-    "clsx": "2.1.1",
+    "clsx": "^1.2.1",
     "jwt-decode": "^4.0.0",
-    "next": "^14.2.3",
     "react-number-format": "^5.4.0",
-    "tailwind-merge": "2.5.2"
+    "tailwind-merge": "^2.6.1"
   },
   "devDependencies": {
+    "@floating-ui/react": "^0.27.20",
+    "@graphql-typed-document-node/core": "^3.2.0",
+    "@heroui/accordion": "^2.2.0",
+    "@heroui/badge": "^2.2.0",
+    "@heroui/pagination": "^2.2.0",
+    "@heroui/tooltip": "^2.2.0",
+    "@nx/react": "20.5.0",
+    "@nx/vite": "20.5.0",
     "@storybook/addon-actions": "^8.0.6",
     "@storybook/react": "7.4.5",
+    "@storybook/react-webpack5": "^8.6.18",
+    "@testing-library/react": "15.0.6",
+    "@vitejs/plugin-react": "4.5.2",
     "framer-motion": "^11.18.0",
     "glob": "^11.0.0",
+    "graphql-request": "^6.1.0",
+    "next": "14.2.35",
+    "react": "18.3.1",
     "react-aria": "^3.46.0",
     "react-aria-components": "^1.15.0",
+    "react-hook-form": "^7.71.1",
+    "react-international-phone": "^4.7.0",
     "react-stately": "^3.46.0",
-    "tailwindcss": "^4.0.15"
+    "rollup-preserve-directives": "^1.1.3",
+    "tailwindcss": "^4.3.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-static-copy": "^3.2.0",
+    "webpack": "5.105.0"
   },
   "peerDependencies": {
     "@floating-ui/react": "^0.27.0",
+    "@graphql-typed-document-node/core": "^3.2.0",
     "@heroui/accordion": "^2.2.0",
     "@heroui/badge": "^2.2.0",
     "@heroui/pagination": "^2.2.0",
@@ -84,14 +123,63 @@
     "@heroui/tooltip": "^2.2.0",
     "@types/react": "^18.0.0",
     "framer-motion": "^11.18.0",
+    "graphql-request": "^6.1.0",
+    "next": ">=14",
     "react": "^18.0.0",
     "react-aria": "^3.46.0",
     "react-aria-components": "^1.15.0",
-    "react-stately": "^3.36.0",
     "react-dom": "^18.0.0",
-    "react-international-phone": "^4.3.0"
+    "react-hook-form": "^7.71.1",
+    "react-international-phone": "^4.3.0",
+    "react-stately": "^3.36.0"
+  },
+  "peerDependenciesMeta": {
+    "@floating-ui/react": {
+      "optional": true
+    },
+    "@graphql-typed-document-node/core": {
+      "optional": true
+    },
+    "@heroui/accordion": {
+      "optional": true
+    },
+    "@heroui/badge": {
+      "optional": true
+    },
+    "@heroui/pagination": {
+      "optional": true
+    },
+    "@heroui/system": {
+      "optional": true
+    },
+    "@heroui/theme": {
+      "optional": true
+    },
+    "@heroui/tooltip": {
+      "optional": true
+    },
+    "framer-motion": {
+      "optional": true
+    },
+    "graphql-request": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    },
+    "react-aria": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "react-international-phone": {
+      "optional": true
+    },
+    "react-stately": {
+      "optional": true
+    }
   },
-  "tailwind": "./tailwind.config.js",
   "scripts": {
     "preinstall": "case \"$INIT_CWD/\" in \"$PWD\"/*) echo 'ERROR: Run pnpm install from the monorepo root, not inside this lib or a subdirectory. A nested install creates a rogue node_modules and drifts dependency versions (CTAP-717).' && exit 1 ;; esac"
   }

package/theme.css

@@ -0,0 +1,162 @@
+/**
+ * @clicktap/ui semantic design tokens (CTAP-1123).
+ *
+ * One line in your CSS entry, after `@import 'tailwindcss'`:
+ *
+ *     @import '@clicktap/ui/theme.css';
+ *
+ * That is the whole contract. There is no preset to add and no Tailwind config
+ * to edit: `@theme` both defines the variables AND registers the utilities that
+ * read them, so `text-fg` and `border-border-subtle` exist as soon as this file
+ * is imported. It composes with a JS config too — if your app still uses
+ * `@config`, the two merge, so this import works before, during, or after a
+ * CSS-first migration.
+ *
+ * ── Why custom properties ────────────────────────────────────────────────────
+ * Components used to hardcode literal palette classes (`text-slate-900`,
+ * `border-slate-300`). That worked for consumers only because slate and red are
+ * Tailwind DEFAULTS — every config has them — and it meant a dark-themed app got
+ * a white box with dark text and could only fix it by overriding every state.
+ *
+ * Re-theming is now a runtime override of the token, no rebuild and no config
+ * surgery, under a class, an attribute, or a media query:
+ *
+ *     :root[data-theme='dark'] {
+ *       --color-fg: oklch(98% 0 0);
+ *       --color-surface-subtle: oklch(25% 0.02 260);
+ *     }
+ *
+ * ── Why `@theme static` ─────────────────────────────────────────────────────
+ * Plain `@theme` PRUNES any token no utility happens to reference, which is the
+ * wrong default for a published token set: a consumer writing
+ * `color: var(--color-fg)` in hand-authored CSS, or overriding a token this app
+ * does not itself use, would silently get nothing. `static` emits all of them.
+ *
+ * ── On `border-border-subtle` ───────────────────────────────────────────────
+ * v4 has a single `--color-*` namespace feeding every colour utility, so a token
+ * named `border-subtle` necessarily yields `border-border-subtle` — Tailwind
+ * prefixes the utility itself. The doubling is real and it is the ecosystem
+ * convention (shadcn/ui ships `border-border`, `bg-background`). Taking it keeps
+ * one mechanism and a vocabulary a new developer already recognises; the same
+ * token also reads correctly as `outline-border-subtle` and `ring-border-subtle`,
+ * which is where these values are used just as often.
+ *
+ * ── Defaults are today's exact values ───────────────────────────────────────
+ * Each value below is the literal Tailwind v4 palette entry the components used
+ * before the sweep, copied from `tailwindcss/theme.css`. That is deliberate: a
+ * 550-occurrence rewrite is only reviewable if the rendering is unchanged, so any
+ * visual difference is a bug rather than a judgement call. Re-theming is the
+ * consumer's decision, not a side effect of adopting tokens.
+ */
+
+/* Scan the published package for token classes. These are the DIST paths, which
+ * do not exist in this repo — a glob that matches nothing is a no-op, verified,
+ * so this is safe in both layouts. In-repo the consuming app already scans
+ * ../../libs/ui/**. */
+@source './components/**/*.js';
+@source './next/**/*.js';
+
+/*
+ * Loader animations (CTAP-1156). These live here rather than in framer-motion so
+ * that `Button` — the most likely first import — installs from the core tier: it
+ * reached framer-motion only through `ButtonLoadingContent` → `Loader`, for two
+ * decorative infinite animations a stylesheet does perfectly well.
+ *
+ * A side benefit: framer-motion 11.x's complex-value parser could crash in
+ * `mixObject` when an ancestor `AnimatePresence` remeasured mid-flow, which is
+ * why the old components carefully used numeric primitives instead of transform
+ * strings. CSS keyframes have no such failure mode.
+ *
+ * Top-level rather than inside `@theme` so they are emitted unconditionally; the
+ * `--animate-*` entries below name the utilities that reference them.
+ */
+@keyframes ct-loader-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes ct-loader-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124;
+  }
+}
+
+@keyframes ct-loader-pulse {
+  0%,
+  25%,
+  75%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.7;
+    transform: scale(0.1);
+  }
+}
+
+@theme static {
+  /* Loader animations — see the keyframes above. Durations and easings match the
+   * framer-motion transitions they replace exactly, so nothing changes visually.
+   * `ease-in-out` is the same curve framer calls `easeInOut`
+   * (cubic-bezier(0.42, 0, 0.58, 1)), including as framer's keyframe default. */
+  --animate-ct-loader-spin: ct-loader-spin 2s linear infinite;
+  --animate-ct-loader-dash: ct-loader-dash 1.5s ease-in-out infinite;
+  --animate-ct-loader-pulse: ct-loader-pulse 0.75s ease-in-out infinite;
+
+  /* Foreground — three emphases, from the measured usage. */
+  --color-fg: oklch(20.8% 0.042 265.755); /* was slate-900 (50 uses) */
+  --color-fg-muted: oklch(55.4% 0.046 257.417); /* was slate-500 (48) */
+  --color-fg-subtle: oklch(70.4% 0.04 256.788); /* was slate-400 (27) */
+  --color-fg-inverse: #fff;
+
+  /*
+   * Border — a real three-step interaction ladder, not inconsistency. The
+   * components use these consistently: 200 for disabled and low-emphasis
+   * containers, 300 at rest on inputs and controls, 400 on hover/focus.
+   */
+  --color-border-subtle: oklch(92.9% 0.013 255.508); /* was slate-200 (40) */
+  --color-border: oklch(86.9% 0.022 252.894); /* was slate-300 (36) */
+  --color-border-emphasis: oklch(70.4% 0.04 256.788); /* was slate-400 (43) */
+
+  /* Surface. */
+  --color-surface: #fff;
+  --color-surface-subtle: oklch(96.8% 0.007 247.896); /* was slate-100 (29) */
+  --color-surface-inverse: oklch(20.8% 0.042 265.755); /* was slate-900 (13) */
+
+  /* Danger — the second-largest cluster after the neutrals (107 uses). */
+  --color-danger: oklch(57.7% 0.245 27.325); /* was red-600 */
+  --color-danger-soft: oklch(63.7% 0.237 25.331); /* was red-500 */
+  /* 'soft', not 'border': red-500 is used as text 20 times and as a border 15,
+   * so a border-specific name would read wrong at most of its call sites. The
+   * neutral ladder can afford `border-*` names because it really is border-only;
+   * this one cannot. */
+  --color-danger-surface: oklch(93.6% 0.032 17.717); /* was red-100 */
+
+  /*
+   * Three roles the first pass missed. Each is one distinct job with a value the
+   * ladders above do not already carry — the bar for a new token, deliberately.
+   * Roles that only needed an existing VALUE under a nicer name did NOT get one:
+   * an alias defined as `var(--color-border-subtle)` resolves at `:root`, so a
+   * consumer's `.dark` override of the source would not propagate to it, and
+   * duplicating the literal instead just invites the two copies to drift.
+   */
+  --color-fg-strong: oklch(12.9% 0.042 264.695); /* was slate-950 (7) */
+  --color-surface-inverse-hover: oklch(27.9% 0.041 260.031); /* was slate-800 (16) */
+  --color-danger-ring: oklch(88.5% 0.062 18.334); /* was red-200 (11), invalid focus ring */
+
+  /* Status — small but present (22 uses between them). */
+  --color-success: oklch(62.7% 0.194 149.214); /* was green-600 */
+  --color-warning: oklch(68.1% 0.162 75.834); /* was yellow-600 */
+  --color-info: oklch(54.6% 0.245 262.881); /* was blue-600 */
+}

package/utils/collection.d.ts

@@ -0,0 +1 @@
+export * from './collection/index';

package/utils/collection.js

@@ -0,0 +1 @@
+export * from './collection/index.js';

package/utils/variantOptions.d.ts

@@ -0,0 +1 @@
+export * from './variantOptions/index';

package/utils/variantOptions.js

@@ -0,0 +1 @@
+export * from './variantOptions/index.js';

package/assets/react-number-format.es-Bf_lGveD.js

@@ -1 +0,0 @@
-import j,{useRef as R,useState as oe,useEffect as q,useMemo as Ae,useLayoutEffect as xe}from"react";function be(e,t){var n={};for(var u in e)Object.prototype.hasOwnProperty.call(e,u)&&t.indexOf(u)<0&&(n[u]=e[u]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,u=Object.getOwnPropertySymbols(e);i<u.length;i++)t.indexOf(u[i])<0&&Object.prototype.propertyIsEnumerable.call(e,u[i])&&(n[u[i]]=e[u[i]]);return n}var k;(function(e){e.event="event",e.props="prop"})(k||(k={}));function _(){}function we(e){var t,n=void 0;return function(){for(var u=[],i=arguments.length;i--;)u[i]=arguments[i];return t&&u.length===t.length&&u.every(function(d,m){return d===t[m]})||(t=u,n=e.apply(void 0,u)),n}}function Y(e){return!!(e||"").match(/\d/)}function D(e){return e==null}function Te(e){return typeof e=="number"&&isNaN(e)}function Ee(e){return D(e)||Te(e)||typeof e=="number"&&!isFinite(e)}function ne(e){var t=R(e);t.current=e;var n=R(function(){for(var u=[],i=arguments.length;i--;)u[i]=arguments[i];return t.current.apply(t,u)});return n.current}function ae(e,t){return Array(t+1).join(e)}function Me(e){var t=e+"",n=t[0]==="-"?"-":"";n&&(t=t.substring(1));var u=t.split(/[eE]/g),i=u[0],d=u[1];if(d=Number(d),!d)return n+i;i=i.replace(".","");var m=1+d,V=i.length;return m<0?i="0."+ae("0",Math.abs(m))+i:m>=V?i=i+ae("0",m-V):i=(i.substring(0,m)||"0")+"."+i.substring(m),n+i}function ue(e,t){if(e.value=e.value,e!==null){if(e.createTextRange){var n=e.createTextRange();return n.move("character",t),n.select(),!0}return e.selectionStart||e.selectionStart===0?(e.focus(),e.setSelectionRange(t,t),!0):(e.focus(),!1)}}var Oe=we(function(e,t){for(var n=0,u=0,i=e.length,d=t.length;e[n]===t[n]&&n<i;)n++;for(;e[i-1-u]===t[d-1-u]&&d-u>n&&i-u>n;)u++;return{from:{start:n,end:i-u},to:{start:n,end:d-u}}}),Ne=function(e,t){var n=Math.min(e.selectionStart,t);return{from:{start:n,end:e.selectionEnd},to:{start:n,end:t}}};function Be(e,t,n){return Math.min(Math.max(e,t),n)}function X(e){return Math.max(e.selectionStart,e.selectionEnd)}function _e(){return typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function Re(e){var t=e.currentValue,n=e.formattedValue,u=e.currentValueIndex,i=e.formattedValueIndex;return t[u]===n[i]}function Fe(e,t,n,u,i,d,m){m===void 0&&(m=Re);var V=i.findIndex(function(z){return z}),p=e.slice(0,V);!t&&!n.startsWith(p)&&(t=p,n=p+n,u=u+p.length);for(var I=n.length,O=e.length,T={},h=new Array(I),S=0;S<I;S++){h[S]=-1;for(var l=0,A=O;l<A;l++){var C=m({currentValue:n,lastValue:t,formattedValue:e,currentValueIndex:S,formattedValueIndex:l});if(C&&T[l]!==!0){h[S]=l,T[l]=!0;break}}}for(var s=u;s<I&&(h[s]===-1||!d(n[s]));)s++;var x=s===I||h[s]===-1?O:h[s];for(s=u-1;s>0&&h[s]===-1;)s--;var b=s===-1||h[s]===-1?0:h[s]+1;return b>x?x:u-b<x-u?b:x}function ie(e,t,n,u){var i=e.length;if(t=Be(t,0,i),u==="left"){for(;t>=0&&!n[t];)t--;t===-1&&(t=n.indexOf(!0))}else{for(;t<=i&&!n[t];)t++;t>i&&(t=n.lastIndexOf(!0))}return t===-1&&(t=i),t}function Le(e){for(var t=Array.from({length:e.length+1}).map(function(){return!0}),n=0,u=t.length;n<u;n++)t[n]=!!(Y(e[n])||Y(e[n-1]));return t}function je(e,t,n,u,i,d){d===void 0&&(d=_);var m=ne(function(l,A){var C,s;return Ee(l)?(s="",C=""):typeof l=="number"||A?(s=typeof l=="number"?Me(l):l,C=u(s)):(s=i(l,void 0),C=u(s)),{formattedValue:C,numAsString:s}}),V=oe(function(){return m(D(e)?t:e,n)}),p=V[0],I=V[1],O=ne(function(l,A){l.formattedValue!==p.formattedValue&&I({formattedValue:l.formattedValue,numAsString:l.value}),d(l,A)}),T=e,h=n;D(e)&&(T=p.numAsString,h=!0);var S=m(T,h);return Ae(function(){I(S)},[S.formattedValue]),q(function(){if(!D(t)&&D(e)&&p.formattedValue!==""){var l=parseFloat(p.numAsString);O({formattedValue:p.formattedValue,value:p.numAsString,floatValue:isNaN(l)?void 0:l},{event:void 0,source:k.props})}},[]),[p,O]}function De(e){return e.replace(/[^0-9]/g,"")}function ke(e){return e}function Ke(e){var t=e.type;t===void 0&&(t="text");var n=e.displayType;n===void 0&&(n="input");var u=e.customInput,i=e.renderText,d=e.getInputRef,m=e.format;m===void 0&&(m=ke);var V=e.removeFormatting;V===void 0&&(V=De);var p=e.defaultValue,I=e.valueIsNumericString,O=e.onValueChange,T=e.isAllowed,h=e.onChange;h===void 0&&(h=_);var S=e.onKeyDown;S===void 0&&(S=_);var l=e.onMouseUp;l===void 0&&(l=_);var A=e.onFocus;A===void 0&&(A=_);var C=e.onBlur;C===void 0&&(C=_);var s=e.value,x=e.getCaretBoundary;x===void 0&&(x=Le);var b=e.isValidInputCharacter;b===void 0&&(b=Y);var z=e.isCharacterSame,W=be(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),Z=je(s,p,!!I,m,V,O),$=Z[0],g=$.formattedValue,U=$.numAsString,fe=Z[1],K=R(),P=R({formattedValue:g,numAsString:U}),ee=function(r,a){P.current={formattedValue:r.formattedValue,numAsString:r.value},fe(r,a)},te=oe(!1),le=te[0],ve=te[1],F=R(null),N=R({setCaretTimeout:null,focusTimeout:null});q(function(){return ve(!0),function(){clearTimeout(N.current.setCaretTimeout),clearTimeout(N.current.focusTimeout)}},[]);var ce=m,G=function(r,a){var o=parseFloat(a);return{formattedValue:r,value:a,floatValue:isNaN(o)?void 0:o}},B=function(r,a,o){r.selectionStart===0&&r.selectionEnd===r.value.length||(ue(r,a),N.current.setCaretTimeout=setTimeout(function(){r.value===o&&r.selectionStart!==a&&ue(r,a)},0))},L=function(r,a,o){return ie(r,a,x(r),o)},H=function(r,a,o){var v=x(a),y=Fe(a,g,r,o,v,b,z);return y=ie(a,y,v),y},se=function(r){var a=r.formattedValue;a===void 0&&(a="");var o=r.input,v=r.source,y=r.event,c=r.numAsString,f;if(o){var w=r.inputValue||o.value,E=X(o);o.value=a,f=H(w,a,E),f!==void 0&&B(o,f,a)}a!==g&&ee(G(a,c),{event:y,source:v})};q(function(){var r=P.current,a=r.formattedValue,o=r.numAsString;(g!==a||U!==o)&&ee(G(g,U),{event:void 0,source:k.props})},[g,U]);var de=F.current?X(F.current):void 0,me=typeof window<"u"?xe:q;me(function(){var r=F.current;if(g!==P.current.formattedValue&&r){var a=H(P.current.formattedValue,g,de);r.value=g,B(r,a,g)}},[g]);var ge=function(r,a,o){var v=a.target,y=K.current?Ne(K.current,v.selectionEnd):Oe(g,r),c=Object.assign(Object.assign({},y),{lastValue:g}),f=V(r,c),w=ce(f);if(f=V(w,void 0),T&&!T(G(w,f))){var E=a.target,M=X(E),Q=H(r,g,M);return E.value=g,B(E,Q,g),!1}return se({formattedValue:w,numAsString:f,inputValue:r,event:a,source:o,input:a.target}),!0},J=function(r,a){a===void 0&&(a=0);var o=r.selectionStart,v=r.selectionEnd;K.current={selectionStart:o,selectionEnd:v+a}},he=function(r){var a=r.target,o=a.value,v=ge(o,r,k.event);v&&h(r),K.current=void 0},pe=function(r){var a=r.target,o=r.key,v=a.selectionStart,y=a.selectionEnd,c=a.value;c===void 0&&(c="");var f;o==="ArrowLeft"||o==="Backspace"?f=Math.max(v-1,0):o==="ArrowRight"?f=Math.min(v+1,c.length):o==="Delete"&&(f=v);var w=0;o==="Delete"&&v===y&&(w=1);var E=o==="ArrowLeft"||o==="ArrowRight";if(f===void 0||v!==y&&!E){S(r),J(a,w);return}var M=f;if(E){var Q=o==="ArrowLeft"?"left":"right";M=L(c,f,Q),M!==f&&r.preventDefault()}else o==="Delete"&&!b(c[f])?M=L(c,f,"right"):o==="Backspace"&&!b(c[f])&&(M=L(c,f,"left"));M!==f&&B(a,M,c),S(r),J(a,w)},ye=function(r){var a=r.target,o=function(){var v=a.selectionStart,y=a.selectionEnd,c=a.value;if(c===void 0&&(c=""),v===y){var f=L(c,v);f!==v&&B(a,f,c)}};o(),requestAnimationFrame(function(){o()}),l(r),J(a)},Ve=function(r){r.persist&&r.persist();var a=r.target,o=r.currentTarget;F.current=a,N.current.focusTimeout=setTimeout(function(){var v=a.selectionStart,y=a.selectionEnd,c=a.value;c===void 0&&(c="");var f=L(c,v);f!==v&&!(v===0&&y===c.length)&&B(a,f,c),A(Object.assign(Object.assign({},r),{currentTarget:o}))},0)},Se=function(r){F.current=null,clearTimeout(N.current.focusTimeout),clearTimeout(N.current.setCaretTimeout),C(r)},Ce=le&&_e()?"numeric":void 0,re=Object.assign({inputMode:Ce},W,{type:t,value:g,onChange:he,onKeyDown:pe,onMouseUp:ye,onFocus:Ve,onBlur:Se});if(n==="text")return i?j.createElement(j.Fragment,null,i(g,W)||null):j.createElement("span",Object.assign({},W,{ref:d}),g);if(u){var Ie=u;return j.createElement(Ie,Object.assign({},re,{ref:d}))}return j.createElement("input",Object.assign({},re,{ref:d}))}export{Ke as N};

package/tailwind.config.js

@@ -1,6 +0,0 @@
-const path = require('path');
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: [path.resolve(__dirname, './components/**/*.{js,jsx,ts,tsx}')],
-};