@cryptlex/web-components 4.1.0 → 5.0.0

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.es.js

@@ -0,0 +1,9 @@
+import { __module as r } from "../../../../../../_virtual/index.es.js";
+import { __require as e } from "../cjs/use-sync-external-store-shim.production.es.js";
+import { __require as o } from "../cjs/use-sync-external-store-shim.development.es.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var m = r.exports;
+export {
+  m as s
+};
+//# sourceMappingURL=index.es.js.map

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n"],"names":["shimModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAA,IAEjBD,EAAA,UAAiBE,EAAA;;","x_google_ignoreList":[0]}

package/dist/utils/form-hook.es.js

@@ -1,28 +1,34 @@
-import { formContext as o, fieldContext as t } from "./form-context.es.js";
-import { createFormHook as r } from "@tanstack/react-form";
-import { TfTextarea as m } from "../components/inputs/textarea.es.js";
-import { TfMultiSelect as e } from "../components/inputs/multi-select.es.js";
-import { TfCheckbox as f } from "../components/inputs/checkbox.es.js";
-import { TfLicenseTypeSelect as p } from "../components/inputs/license-type-select.es.js";
-import { TfCountrySelect as i } from "../components/inputs/country-select.es.js";
-import { TfInput as n } from "../components/inputs/input.es.js";
-import { Button as T } from "../components/ui/button.es.js";
-const { useAppForm: k } = r({
+import { TfCheckbox as t } from "../components/inputs/checkbox.es.js";
+import { TfNumberField as m } from "../components/inputs/numberfield.es.js";
+import { TfSingleSelect as e } from "../components/inputs/select.es.js";
+import { formContext as f, fieldContext as p } from "./form-context.es.js";
+import { createFormHook as i } from "@tanstack/react-form";
+import { TfMultiSelect as n } from "../components/inputs/multi-select.es.js";
+import { TfLicenseTypeSelect as s } from "../components/inputs/license-type-select.es.js";
+import { TfCountrySelect as c } from "../components/inputs/country-select.es.js";
+import { TfTextField as T } from "../components/inputs/textfield.es.js";
+import { Button as l } from "../components/ui/button.es.js";
+function M(o) {
+  return o == null ? void 0 : o.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(",");
+}
+const { useAppForm: d } = i({
   fieldComponents: {
-    TfInput: n,
-    TfCountrySelect: i,
-    TfLicenseTypeSelect: p,
-    TfCheckbox: f,
-    TfMultiSelect: e,
-    TfTextarea: m
+    TfTextField: T,
+    TfNumberField: m,
+    TfCountrySelect: c,
+    TfLicenseTypeSelect: s,
+    TfMultiSelect: n,
+    TfCheckbox: t,
+    TfSingleSelect: e
   },
   formComponents: {
-    Button: T
+    Button: l
   },
-  fieldContext: t,
-  formContext: o
+  fieldContext: p,
+  formContext: f
 });
 export {
-  k as useAppForm
+  M as getFieldErrorMessage,
+  d as useAppForm
 };
 //# sourceMappingURL=form-hook.es.js.map

package/dist/utils/form-hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfCheckbox,\n\tTfCountrySelect,\n\tTfInput,\n\tTfLicenseTypeSelect,\n\tTfMultiSelect,\n\tTfTextarea,\n} from \"@/components/inputs\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook } from \"@tanstack/react-form\";\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfInput,\n\t\tTfCountrySelect,\n\t\tTfLicenseTypeSelect,\n\t\tTfCheckbox,\n\t\tTfMultiSelect,\n\t\tTfTextarea,\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["useAppForm","createFormHook","TfInput","TfCountrySelect","TfLicenseTypeSelect","TfCheckbox","TfMultiSelect","TfTextarea","Button","fieldContext","formContext"],"mappings":";;;;;;;;;AAkBO,MAAM,EAAE,YAAAA,EAAA,IAAeC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAED,gBAAgB;AAAA,IACf,QAAAC;AAAA,EAAA;AAAA,EAED,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}
+{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfCountrySelect,\n\tTfLicenseTypeSelect,\n\tTfMultiSelect,\n\tTfTextField\n} from \"@/components/inputs\";\nimport { TfCheckbox } from \"@/components/inputs/checkbox\";\nimport { TfNumberField } from \"@/components/inputs/numberfield\";\nimport { TfSingleSelect } from \"@/components/inputs/select\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook, type FieldApi } from \"@tanstack/react-form\";\n\nexport function getFieldErrorMessage(field: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>): string {\n\treturn field?.state.meta.errors.map((e) => e?.message).join(\",\")\n}\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfTextField,\n\t\tTfNumberField,\n\t\tTfCountrySelect,\n\t\tTfLicenseTypeSelect,\n\t\tTfMultiSelect,\n\t\tTfCheckbox,\n\t\tTfSingleSelect\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["getFieldErrorMessage","field","e","useAppForm","createFormHook","TfTextField","TfNumberField","TfCountrySelect","TfLicenseTypeSelect","TfMultiSelect","TfCheckbox","TfSingleSelect","Button","fieldContext","formContext"],"mappings":";;;;;;;;;;AAaO,SAASA,EAAqBC,GAAwH;AAC5J,SAAOA,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAACC,MAAMA,KAAA,gBAAAA,EAAG,SAAS,KAAK;AAC7D;AAQO,MAAM,EAAE,YAAAC,EAAA,IAAeC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAAA,EAED,gBAAgB;AAAA,IACf,QAAAC;AAAA,EAAA;AAAA,EAED,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}

package/dist/utils/use-mobile.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.es.js","sources":["../../lib/utils/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n\t\tundefined,\n\t);\n\n\tReact.useEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC7B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM;AAAA,IACrC;AAAA,EAAA;AAGD,SAAAA,EAAM,UAAU,MAAM;AACrB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACtB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IAClD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACxD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACV;"}
+{"version":3,"file":"use-mobile.es.js","sources":["../../lib/utils/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n\t\tundefined,\n\t);\n\n\tReact.useEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC7B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM;AAAA,IACrC;AAAA,EAAA;AAGDA,SAAAA,EAAM,UAAU,MAAM;AACrB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACtB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IAClD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACxD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACV;"}

package/lib/theme.css

@@ -76,8 +76,6 @@
     --color-success-9: var(--success-9);
     --color-success-10: var(--success-10);
 
-
-    /* TODO, multiple levels of elevation */
     --color-background: var(--color-neutral-3);
     --color-elevation-1: var(--color-neutral-2);
     --color-elevation-2: var(--color-neutral-1);
@@ -102,7 +100,7 @@
     --color-success: var(--color-success-7);
     --color-success-foreground: var(--color-success-2);
 
-    --color-border: var(--color-neutral-3);
+    --color-border: var(--color-neutral-4);
     --color-input: var(--color-border);
     --color-ring: var(--color-neutral-5);
 
@@ -115,15 +113,12 @@
     --color-sidebar-background: var(--color-elevation-1);
     --color-sidebar-foreground: var(--color-foreground);
 
-    --color-sidebar-border: var(--color-border);
-    --color-sidebar-ring: var(--color-ring);
-
     --spacing-input: calc(var(--spacing) * 8);
     --spacing-icon: calc(var(--spacing-input) / 2);
     --spacing-table: calc(var(--spacing) * 100);
 
     /* Header nav */
-    --spacing-header: calc(var(--spacing) * 16);
+    --spacing-header: calc(var(--spacing) * 12);
     /* Helper for using sidebar with header */
     --spacing-sidebar: calc(100svh - var(--spacing-header));
 

package/lib/utilities.css

@@ -35,28 +35,35 @@
 	@apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
 }
 
+@utility focus-ring {
+	@apply data-[focus-visible]:outline-none focus-visible:outline-none data-[focus-visible]:ring-1 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2 focus-visible:outline-hidden focus-visible:ring-offset-2 focus-visible:ring-1 focus-visible:ring-ring;
+}
+
+@utility disabled-muted {
+	@apply disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-70;
+}
 @utility input {
-	@apply border border-input bg-card px-icon py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+	@apply border border-input bg-card px-icon py-2 body placeholder:text-muted-foreground disabled-muted focus-ring;
 }
 
 /* A base set of classes for elements that can be clicked */
 @utility btn {
-	@apply cursor-pointer ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring leading-none no-underline whitespace-nowrap select-none disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50;
+	@apply cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
 }
 @utility btn-primary {
-	@apply border border-primary text-primary hover:bg-primary/10 focus:bg-primary/10;
+	@apply border border-primary text-primary bg-card hover:bg-primary/10 data-[hovered]:bg-primary/10 focus:bg-primary/10 data-[focused]:bg-primary/10;
 }
 @utility btn-destructive {
-	@apply border border-destructive text-destructive hover:bg-destructive/10 focus:bg-destructive/10;
+	@apply border border-destructive text-destructive bg-card hover:bg-destructive/10 data-[hovered]:bg-destructive/10 focus:bg-destructive/10 data-[focused]:bg-destructive/10;
 }
 @utility btn-neutral {
-	@apply border border-input text-accent bg-card hover:bg-accent/10 focus:bg-accent/10;
+	@apply border border-input text-accent bg-card hover:bg-accent/10 data-[hovered]:bg-accent/10 focus:bg-accent/10 data-[focused]:bg-accent/10;
 }
 @utility btn-secondary {
-	@apply border border-secondary text-secondary hover:bg-secondary/10 focus:bg-secondary/10;
+	@apply border border-secondary text-secondary bg-card hover:bg-secondary/10 data-[hovered]:bg-secondary/10 focus:bg-secondary/10 data-[focused]:bg-secondary/10;
 }
 @utility btn-ghost {
-	@apply bg-transparent hover:bg-accent/10 focus:bg-accent/10;
+	@apply bg-transparent hover:bg-accent/10 focus:bg-accent/10 data-[hovered]:bg-accent/10 data-[focused]:bg-accent/10;
 }
 
 @utility btn-dropdown {
@@ -76,6 +83,11 @@
 	@apply flex flex-col gap-6;
 }
 
+@utility form-field {
+	@apply flex flex-col gap-1;
+}
+
+
 @utility prose {
 	/* TODO, starting points are not correct */
 	li {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -66,22 +66,9 @@
     "recharts": "2.15.3",
     "sonner": "1.7.0",
     "tailwindcss": "^4.0.6",
-    "tw-animate-css": "1.3.0",
-    "vaul": "1.1.2"
+    "tw-animate-css": "1.3.0"
   },
   "devDependencies": {
-    "@radix-ui/react-accordion": "1.2.11",
-    "@radix-ui/react-collapsible": "1.1.11",
-    "@radix-ui/react-dialog": "1.1.14",
-    "@radix-ui/react-dropdown-menu": "2.1.15",
-    "@radix-ui/react-label": "2.1.7",
-    "@radix-ui/react-popover": "1.1.14",
-    "@radix-ui/react-radio-group": "1.3.7",
-    "@radix-ui/react-select": "2.2.5",
-    "@radix-ui/react-separator": "1.1.7",
-    "@radix-ui/react-slot": "1.2.3",
-    "@radix-ui/react-tabs": "1.1.12",
-    "@radix-ui/react-tooltip": "1.2.7",
     "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-links": "^9.0.16",
     "@storybook/addon-onboarding": "^9.0.16",
@@ -92,7 +79,7 @@
     "@types/react": "19.1.0",
     "@types/react-dom": "19.1.0",
     "@vitejs/plugin-react": "^4.3.2",
-    "react-day-picker": "9.7.0",
+    "react-aria-components": "1.11.0",
     "rollup-preserve-directives": "1.1.3",
     "sass": "^1.80.6",
     "storybook": "^9.0.16",
@@ -100,7 +87,8 @@
     "typescript-eslint": "^8.7.0",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.4",
-    "zod": "3.25.20"
+    "zod": "3.25.20",
+    "@internationalized/date": "^3.8.2"
   },
   "scripts": {
     "build": "tsc && vite build",

package/dist/components/inputs/calendar.es.js

@@ -1,61 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { buttonVariants as t } from "../ui/button.es.js";
-import { DayPicker as i } from "../../node_modules/.pnpm/react-day-picker@9.7.0_react@19.1.0/node_modules/react-day-picker/dist/esm/DayPicker.es.js";
-import { cn as e } from "../../utils/primitives.es.js";
-function m({
-  className: r,
-  classNames: d,
-  showOutsideDays: o = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ n(
-    i,
-    {
-      showOutsideDays: o,
-      className: e("p-3", r),
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-icon sm:space-x-icon sm:space-y-0",
-        month: "space-y-icon",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "body font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: e(
-          t({ variant: "neutral" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-input font-normal text-caption",
-        row: "flex w-full mt-2",
-        cell: e(
-          "relative p-0 text-center body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          a.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: e(
-          t({ variant: "ghost" }),
-          "size-input p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start",
-        day_range_end: "day-range-end",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...d
-      },
-      components: {
-        // IconLeft: () => <ChevronLeft className="size-icon" />,
-        // IconRight: () => <ChevronRight className="size-icon" />,
-      },
-      ...a
-    }
-  );
-}
-export {
-  m as Calendar
-};
-//# sourceMappingURL=calendar.es.js.map

package/dist/components/inputs/calendar.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/inputs/calendar.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { DayPicker } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/utils\";\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({\n\tclassName,\n\tclassNames,\n\tshowOutsideDays = true,\n\t...props\n}: CalendarProps) {\n\treturn (\n\t\t<DayPicker\n\t\t\tshowOutsideDays={showOutsideDays}\n\t\t\tclassName={cn(\"p-3\", className)}\n\t\t\tclassNames={{\n\t\t\t\tmonths: \"flex flex-col sm:flex-row space-y-icon sm:space-x-icon sm:space-y-0\",\n\t\t\t\tmonth: \"space-y-icon\",\n\t\t\t\tcaption: \"flex justify-center pt-1 relative items-center\",\n\t\t\t\tcaption_label: \"body font-medium\",\n\t\t\t\tnav: \"space-x-1 flex items-center\",\n\t\t\t\tnav_button: cn(\n\t\t\t\t\tbuttonVariants({ variant: \"neutral\" }),\n\t\t\t\t\t\"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n\t\t\t\t),\n\t\t\t\tnav_button_previous: \"absolute left-1\",\n\t\t\t\tnav_button_next: \"absolute right-1\",\n\t\t\t\ttable: \"w-full border-collapse space-y-1\",\n\t\t\t\thead_row: \"flex\",\n\t\t\t\thead_cell:\n\t\t\t\t\t\"text-muted-foreground rounded-md w-input font-normal text-caption\",\n\t\t\t\trow: \"flex w-full mt-2\",\n\t\t\t\tcell: cn(\n\t\t\t\t\t\"relative p-0 text-center body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n\t\t\t\t\tprops.mode === \"range\"\n\t\t\t\t\t\t? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n\t\t\t\t\t\t: \"[&:has([aria-selected])]:rounded-md\",\n\t\t\t\t),\n\t\t\t\tday: cn(\n\t\t\t\t\tbuttonVariants({ variant: \"ghost\" }),\n\t\t\t\t\t\"size-input p-0 font-normal aria-selected:opacity-100\",\n\t\t\t\t),\n\t\t\t\tday_range_start: \"day-range-start\",\n\t\t\t\tday_range_end: \"day-range-end\",\n\t\t\t\tday_selected:\n\t\t\t\t\t\"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n\t\t\t\tday_today: \"bg-accent text-accent-foreground\",\n\t\t\t\tday_outside:\n\t\t\t\t\t\"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n\t\t\t\tday_disabled: \"text-muted-foreground opacity-50\",\n\t\t\t\tday_range_middle:\n\t\t\t\t\t\"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n\t\t\t\tday_hidden: \"invisible\",\n\t\t\t\t...classNames,\n\t\t\t}}\n\t\t\tcomponents={{\n\t\t\t\t// IconLeft: () => <ChevronLeft className=\"size-icon\" />,\n\t\t\t\t// IconRight: () => <ChevronRight className=\"size-icon\" />,\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants"],"mappings":";;;;AAQO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACJ,GAAkB;AACjB,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,iBAAAH;AAAA,MACA,WAAWI,EAAG,OAAON,CAAS;AAAA,MAC9B,YAAY;AAAA,QACX,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYM;AAAA,UACXC,EAAe,EAAE,SAAS,WAAW;AAAA,UACrC;AAAA,QAAA;AAAA,QAED,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WACC;AAAA,QACD,KAAK;AAAA,QACL,MAAMD;AAAA,UACL;AAAA,UACAH,EAAM,SAAS,UACZ,yKACA;AAAA,QAAA;AAAA,QAEJ,KAAKG;AAAA,UACJC,EAAe,EAAE,SAAS,SAAS;AAAA,UACnC;AAAA,QAAA;AAAA,QAED,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cACC;AAAA,QACD,WAAW;AAAA,QACX,aACC;AAAA,QACD,cAAc;AAAA,QACd,kBACC;AAAA,QACD,YAAY;AAAA,QACZ,GAAGN;AAAA,MAAA;AAAA,MAEJ,YAAY;AAAA;AAAA;AAAA,MAAA;AAAA,MAIX,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/inputs/form-field.es.js

@@ -1,62 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Info as p, CircleX as N } from "lucide-react";
-import h from "react";
-import { Label as x } from "../ui/label.es.js";
-import { cn as u } from "../../utils/primitives.es.js";
-function j({
-  field: a,
-  label: s,
-  caption: t,
-  children: m,
-  className: n
-}) {
-  const o = h.useCallback(() => t == null ? void 0 : t(), [t]);
-  return /* @__PURE__ */ l("div", { className: u("", n), children: [
-    /* @__PURE__ */ e(x, { htmlFor: a == null ? void 0 : a.name, children: s }),
-    m,
-    o() && /* @__PURE__ */ e(
-      c,
-      {
-        icon: p,
-        className: "text-muted",
-        value: o(),
-        fieldName: a == null ? void 0 : a.name
-      }
-    ),
-    a && a.state.meta.errors.length !== 0 && /* @__PURE__ */ e(
-      c,
-      {
-        icon: N,
-        className: "text-destructive",
-        value: a == null ? void 0 : a.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(","),
-        fieldName: a == null ? void 0 : a.name
-      }
-    )
-  ] });
-}
-const c = ({
-  fieldName: a,
-  className: s,
-  value: t,
-  icon: m
-}) => {
-  const n = m;
-  return /* @__PURE__ */ l(
-    "label",
-    {
-      htmlFor: a,
-      className: u(
-        s,
-        "flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out"
-      ),
-      children: [
-        /* @__PURE__ */ e(n, { className: "size-3" }),
-        /* @__PURE__ */ e("span", { className: "caption w-full leading-none font-normal", children: t })
-      ]
-    }
-  );
-};
-export {
-  j as FormField
-};
-//# sourceMappingURL=form-field.es.js.map

package/dist/components/inputs/form-field.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.es.js","sources":["../../../lib/components/inputs/form-field.tsx"],"sourcesContent":["import { Label } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport type { FieldApi } from \"@tanstack/react-form\";\nimport { CircleX, Info, type LucideIcon } from \"lucide-react\";\nimport React from \"react\";\n\ninterface BaseFormFieldProps {\n\tlabel: string;\n\tcaption?: () => string | undefined;\n}\n\ninterface FormFieldProps extends BaseFormFieldProps {\n\tfield?: FieldApi<\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany\n\t>;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\n/**\n * Wrapper around form fields. Only to be used within the web-components project.\n */\nexport function FormField({\n\tfield,\n\tlabel,\n\tcaption,\n\tchildren,\n\tclassName,\n}: FormFieldProps) {\n\tconst fieldCaption = React.useCallback(() => {\n\t\treturn caption?.();\n\t}, [caption]);\n\n\treturn (\n\t\t<div className={cn(\"\", className)}>\n\t\t\t<Label htmlFor={field?.name}>{label}</Label>\n\t\t\t{children}\n\t\t\t{/* Field information (if any) */}\n\t\t\t{fieldCaption() && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={Info}\n\t\t\t\t\tclassName=\"text-muted\"\n\t\t\t\t\tvalue={fieldCaption()}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{/* Field errors (if any) */}\n\t\t\t{field && field.state.meta.errors.length !== 0 && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={CircleX}\n\t\t\t\t\tclassName=\"text-destructive\"\n\t\t\t\t\tvalue={field?.state.meta.errors.map((e) => e?.message).join(\",\")}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst FieldLabel = ({\n\tfieldName,\n\tclassName,\n\tvalue,\n\ticon,\n}: {\n\tfieldName?: string;\n\tclassName?: string;\n\tvalue?: string;\n\ticon: LucideIcon;\n}) => {\n\tconst Icon = icon;\n\treturn (\n\t\t<label\n\t\t\thtmlFor={fieldName}\n\t\t\tclassName={cn(\n\t\t\t\tclassName,\n\t\t\t\t\"flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out\",\n\t\t\t)}\n\t\t>\n\t\t\t{/* Possibly the only place where icons are size-3 and not size-icon. This will change if we have more \"caption\" sized text with icons. */}\n\t\t\t<Icon className=\"size-3\" />\n\t\t\t<span className=\"caption w-full leading-none font-normal\">{value}</span>\n\t\t</label>\n\t);\n};\n"],"names":["FormField","field","label","caption","children","className","fieldCaption","React","cn","jsx","Label","FieldLabel","Info","CircleX","e","fieldName","value","icon","Icon","jsxs"],"mappings":";;;;;AAwCO,SAASA,EAAU;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,GAAmB;AAClB,QAAMC,IAAeC,EAAM,YAAY,MAC/BJ,KAAA,gBAAAA,KACL,CAACA,CAAO,CAAC;AAEZ,2BACE,OAAA,EAAI,WAAWK,EAAG,IAAIH,CAAS,GAC/B,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAM,SAAST,KAAA,gBAAAA,EAAO,MAAO,UAAAC,GAAM;AAAA,IACnCE;AAAA,IAEAE,OACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAMC;AAAA,QACN,WAAU;AAAA,QACV,OAAON,EAAA;AAAA,QACP,WAAWL,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAInBA,KAASA,EAAM,MAAM,KAAK,OAAO,WAAW,KAC5C,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAME;AAAA,QACN,WAAU;AAAA,QACV,OAAOZ,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAACa,MAAMA,KAAA,gBAAAA,EAAG,SAAS,KAAK;AAAA,QAC5D,WAAWb,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GAEF;AAEF;AAEA,MAAMU,IAAa,CAAC;AAAA,EACnB,WAAAI;AAAA,EACA,WAAAV;AAAA,EACA,OAAAW;AAAA,EACA,MAAAC;AACD,MAKM;AACL,QAAMC,IAAOD;AACb,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAASJ;AAAA,MACT,WAAWP;AAAA,QACVH;AAAA,QACA;AAAA,MAAA;AAAA,MAID,UAAA;AAAA,QAAA,gBAAAI,EAACS,GAAA,EAAK,WAAU,SAAA,CAAS;AAAA,QACzB,gBAAAT,EAAC,QAAA,EAAK,WAAU,2CAA2C,UAAAO,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/components/inputs/input.es.js

@@ -1,52 +0,0 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { useFieldContext as m } from "../../utils/form-context.es.js";
-import { cn as r } from "../../utils/primitives.es.js";
-import { Button as o } from "../ui/button.es.js";
-function s({
-  className: a,
-  type: n,
-  icon: e,
-  buttonProps: t,
-  ...l
-}) {
-  return /* @__PURE__ */ u("div", { className: r("relative flex gap-1 items-center", a), children: [
-    e && /* @__PURE__ */ i(e, { className: "absolute left-2 size-icon text-muted-foreground" }),
-    /* @__PURE__ */ i(
-      "input",
-      {
-        type: n,
-        className: r(
-          "h-input input file:border-0 file:bg-transparent grow file:body file:font-medium",
-          e ? "pl-input" : ""
-        ),
-        ...l
-      }
-    ),
-    t && /* @__PURE__ */ i(o, { ...t, variant: "neutral", size: "icon" })
-  ] });
-}
-function g({
-  disabled: a,
-  ...n
-}) {
-  const e = m();
-  return /* @__PURE__ */ i(
-    s,
-    {
-      disabled: a || e.form.state.isSubmitting,
-      value: e.state.value,
-      id: e.name,
-      name: e.name,
-      onBlur: e.handleBlur,
-      onChange: (t) => e.handleChange(
-        n.type === "number" ? t.target.valueAsNumber : t.target.value
-      ),
-      ...n
-    }
-  );
-}
-export {
-  s as Input,
-  g as TfInput
-};
-//# sourceMappingURL=input.es.js.map

package/dist/components/inputs/input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.es.js","sources":["../../../lib/components/inputs/input.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport type { ComponentType } from \"react\";\n\nexport type FilterComp<T> = ComponentType<{ value: T; onChange: (value: T) => void }>;\n\nexport type InputProps = React.ComponentProps<\"input\"> & {\n\ticon?: LucideIcon;\n\tbuttonProps?: ButtonProps;\n};\n\nexport function Input({\n\tclassName,\n\ttype,\n\ticon: Icon,\n\tbuttonProps,\n\t...props\n}: InputProps) {\n\treturn (\n\t\t<div className={cn(\"relative flex gap-1 items-center\", className)}>\n\t\t\t{Icon && (\n\t\t\t\t<Icon className=\"absolute left-2 size-icon text-muted-foreground\" />\n\t\t\t)}\n\t\t\t<input\n\t\t\t\ttype={type}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"h-input input file:border-0 file:bg-transparent grow file:body file:font-medium\",\n\t\t\t\t\tIcon ? \"pl-input\" : \"\",\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{buttonProps && (\n\t\t\t\t<Button {...buttonProps} variant={\"neutral\"} size={\"icon\"} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport function TfInput({\n\tdisabled,\n\t...props\n}: Omit<InputProps, \"value\" | \"id\" | \"name\" | \"onBlur\" | \"onChange\">) {\n\tconst field = useFieldContext<string | number>();\n\treturn (\n\t\t<Input\n\t\t\tdisabled={disabled || field.form.state.isSubmitting}\n\t\t\tvalue={field.state.value}\n\t\t\tid={field.name}\n\t\t\tname={field.name}\n\t\t\tonBlur={field.handleBlur}\n\t\t\tonChange={(e) =>\n\t\t\t\tfield.handleChange(\n\t\t\t\t\tprops.type === \"number\" ? e.target.valueAsNumber : e.target.value,\n\t\t\t\t)\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Input","className","type","Icon","buttonProps","props","cn","jsx","Button","TfInput","disabled","field","useFieldContext","e"],"mappings":";;;;AAcO,SAASA,EAAM;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAe;AACd,2BACE,OAAA,EAAI,WAAWC,EAAG,oCAAoCL,CAAS,GAC9D,UAAA;AAAA,IAAAE,KACA,gBAAAI,EAACJ,GAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,IAEnE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,WAAWI;AAAA,UACV;AAAA,UACAH,IAAO,aAAa;AAAA,QAAA;AAAA,QAEpB,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJD,uBACCI,GAAA,EAAQ,GAAGJ,GAAa,SAAS,WAAW,MAAM,OAAA,CAAQ;AAAA,EAAA,GAE7D;AAEF;AAEO,SAASK,EAAQ;AAAA,EACvB,UAAAC;AAAA,EACA,GAAGL;AACJ,GAAsE;AACrE,QAAMM,IAAQC,EAAA;AACd,SACC,gBAAAL;AAAA,IAACP;AAAA,IAAA;AAAA,MACA,UAAUU,KAAYC,EAAM,KAAK,MAAM;AAAA,MACvC,OAAOA,EAAM,MAAM;AAAA,MACnB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,UAAU,CAACE,MACVF,EAAM;AAAA,QACLN,EAAM,SAAS,WAAWQ,EAAE,OAAO,gBAAgBA,EAAE,OAAO;AAAA,MAAA;AAAA,MAG7D,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/inputs/password-input.es.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import * as e from "react";
-import { Input as n } from "./input.es.js";
-import { EyeIcon as p, EyeOffIcon as a, KeySquare as c } from "lucide-react";
-function u({ ...t }) {
-  const [o, r] = e.useState(!1);
-  return /* @__PURE__ */ s(
-    n,
-    {
-      icon: c,
-      type: o ? "text" : "password",
-      ...t,
-      buttonProps: {
-        onClick: () => r(!o),
-        icon: () => o ? p : a
-      }
-    }
-  );
-}
-export {
-  u as PasswordInput
-};
-//# sourceMappingURL=password-input.es.js.map

package/dist/components/inputs/password-input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/inputs/password-input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { EyeIcon, EyeOffIcon, KeySquare } from \"lucide-react\";\n\nexport function PasswordInput({ ...props }: InputProps) {\n\tconst [showPassword, setShowPassword] = React.useState<boolean>(false);\n\treturn (\n\t\t<Input\n\t\t\ticon={KeySquare}\n\t\t\ttype={showPassword ? \"text\" : \"password\"}\n\t\t\t{...props}\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: () => setShowPassword(!showPassword),\n\t\t\t\ticon: () => (showPassword ? EyeIcon : EyeOffIcon),\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["PasswordInput","props","showPassword","setShowPassword","React","jsx","Input","KeySquare","EyeIcon","EyeOffIcon"],"mappings":";;;;;AAMO,SAASA,EAAc,EAAE,GAAGC,KAAqB;AACvD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAM,SAAkB,EAAK;AACrE,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACN,MAAML,IAAe,SAAS;AAAA,MAC7B,GAAGD;AAAA,MACJ,aAAa;AAAA,QACZ,SAAS,MAAME,EAAgB,CAACD,CAAY;AAAA,QAC5C,MAAM,MAAOA,IAAeM,IAAUC;AAAA,MAAA;AAAA,IACvC;AAAA,EAAA;AAGH;"}

package/dist/components/inputs/radio-group.es.js

@@ -1,37 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Root as t, Item as c, Indicator as s } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-radio-group/dist/index.es.js";
-import { Check as n } from "lucide-react";
-import { cn as i } from "../../utils/primitives.es.js";
-function u({
-  className: o,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    t,
-    {
-      className: i("grid gap-2", o),
-      ...r
-    }
-  );
-}
-function f({
-  className: o,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    c,
-    {
-      className: i(
-        "aspect-square size-icon rounded-full border border-accent text-accent focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        o
-      ),
-      ...r,
-      children: /* @__PURE__ */ e(s, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "size-icon" }) })
-    }
-  );
-}
-export {
-  u as RadioGroup,
-  f as RadioGroupItem
-};
-//# sourceMappingURL=radio-group.es.js.map

package/dist/components/inputs/radio-group.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/inputs/radio-group.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Check } from \"lucide-react\";\n\nexport function RadioGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Root\n\t\t\tclassName={cn(\"grid gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function RadioGroupItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tclassName={cn(\n\t\t\t\t\"aspect-square size-icon rounded-full border border-accent text-accent focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t);\n}\n"],"names":["RadioGroup","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator","Check"],"mappings":";;;;AAMO,SAASA,EAAW;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAA0D;AACzD,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACpC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAe;AAAA,EAC9B,WAAAL;AAAA,EACA,GAAGC;AACJ,GAA0D;AACzD,SACC,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACA,WAAWF;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,MAEJ,UAAA,gBAAAC,EAACK,GAAA,EAA8B,WAAU,oCACxC,UAAA,gBAAAL,EAACM,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/components/inputs/search-input.es.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { Input as o } from "./input.es.js";
-import { X as p, Search as s } from "lucide-react";
-import { useState as a } from "react";
-function S({
-  onChange: t,
-  ...l
-}) {
-  const [c, r] = a("");
-  return /* @__PURE__ */ i(
-    o,
-    {
-      icon: s,
-      ...l,
-      value: c,
-      onChange: (u) => {
-        const e = u.target.value;
-        r(e), t == null || t(e);
-      },
-      buttonProps: {
-        onClick: () => {
-          r(""), t == null || t("");
-        },
-        icon: () => p
-      }
-    }
-  );
-}
-export {
-  S as SearchInput
-};
-//# sourceMappingURL=search-input.es.js.map

package/dist/components/inputs/search-input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/inputs/search-input.tsx"],"sourcesContent":["\"use client\";\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { Search, X } from \"lucide-react\"; // Assuming LucideIcon is the type of your icons\nimport type React from \"react\";\nimport { useState } from \"react\";\n\ninterface SearchInputProps extends Omit<InputProps, \"onChange\"> {\n\tonChange?: (value: string) => void; // Function to handle input value changes\n}\n\nexport function SearchInput({\n\tonChange,\n\t...props\n}: SearchInputProps) {\n\tconst [value, setValue] = useState<string>(\"\");\n\n\tconst handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tsetValue(newValue);\n\t\tonChange?.(newValue); // Call the custom onChange handler with the new value\n\t};\n\n\tconst handleClearClick = () => {\n\t\tsetValue(\"\");\n\t\tonChange?.(\"\"); // Notify the parent that the input has been cleared\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\ticon={Search}\n\t\t\t{...props}\n\t\t\tvalue={value}\n\t\t\tonChange={handleInputChange} // Use the internal handler\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: handleClearClick,\n\t\t\t\ticon: () => X,\n\t\t\t}}\n\t\t/>\n\t);\n};\n"],"names":["SearchInput","onChange","props","value","setValue","useState","jsx","Input","Search","event","newValue","X"],"mappings":";;;;;AAUO,SAASA,EAAY;AAAA,EAC3B,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE;AAa7C,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACL,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,UAhBwB,CAACM,MAA+C;AACzE,cAAMC,IAAWD,EAAM,OAAO;AAC9B,QAAAL,EAASM,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,MACZ;AAAA,MAaE,aAAa;AAAA,QACZ,SAZsB,MAAM;AAC9B,UAAAN,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,QACZ;AAAA,QAUG,MAAM,MAAMU;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGH;"}

package/dist/components/inputs/textarea.es.js

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useFieldContext as i } from "../../utils/form-context.es.js";
-import { cn as o } from "../../utils/primitives.es.js";
-function u({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ n("textarea", { className: o("flex input min-h-input", t), ...a });
-}
-function s({ disabled: t, ...a }) {
-  const e = i();
-  return /* @__PURE__ */ n(
-    u,
-    {
-      value: e.state.value,
-      onChange: (r) => e.handleChange(r.target.value),
-      onBlur: e.handleBlur,
-      disabled: t || e.form.state.isSubmitting,
-      ...a
-    }
-  );
-}
-export {
-  u as Textarea,
-  s as TfTextarea
-};
-//# sourceMappingURL=textarea.es.js.map

package/dist/components/inputs/textarea.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.es.js","sources":["../../../lib/components/inputs/textarea.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\n\nexport function Textarea({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<textarea className={cn(\"flex input min-h-input\", className)} {...props} />\n\t);\n}\n\nexport interface TfTextareaProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof Textarea>,\n\t\t\"value\" | \"onChange\" | \"onBlur\"\n\t> {}\n\nexport function TfTextarea({ disabled, ...props }: TfTextareaProps) {\n\tconst field = useFieldContext<string>();\n\treturn (\n\t\t<Textarea\n\t\t\tvalue={field.state.value}\n\t\t\tonChange={(e) => field.handleChange(e.target.value)}\n\t\t\tonBlur={field.handleBlur}\n\t\t\tdisabled={disabled || field.form.state.isSubmitting}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Textarea","className","props","jsx","cn","TfTextarea","disabled","field","useFieldContext","e"],"mappings":";;;AAKO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqC;AACpC,SACC,gBAAAC,EAAC,cAAS,WAAWC,EAAG,0BAA0BH,CAAS,GAAI,GAAGC,GAAO;AAE3E;AAQO,SAASG,EAAW,EAAE,UAAAC,GAAU,GAAGJ,KAA0B;AACnE,QAAMK,IAAQC,EAAA;AACd,SACC,gBAAAL;AAAA,IAACH;AAAA,IAAA;AAAA,MACA,OAAOO,EAAM,MAAM;AAAA,MACnB,UAAU,CAACE,MAAMF,EAAM,aAAaE,EAAE,OAAO,KAAK;AAAA,MAClD,QAAQF,EAAM;AAAA,MACd,UAAUD,KAAYC,EAAM,KAAK,MAAM;AAAA,MACtC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGP;"}