@powerhousedao/design-system 6.0.0-dev.19 → 6.0.0-dev.190

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root {
   --toastify-color-light: #fff;
@@ -811,7 +811,9 @@
     --font-sans: "Inter", sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: hsl(3 82% 96%);
+    --color-red-300: hsl(6 82% 87%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
     --color-red-600: hsl(4 81% 74%);
@@ -822,9 +824,19 @@
     --color-orange-700: hsl(32 100% 60%);
     --color-orange-800: hsl(33 100% 55%);
     --color-orange-900: hsl(32 100% 50%);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: hsl(46 100% 94%);
+    --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
+    --color-yellow-600: hsl(47 100% 57%);
+    --color-yellow-700: hsl(47 100% 51%);
+    --color-yellow-800: hsl(47 100% 50%);
     --color-yellow-900: hsl(47 100% 49%);
+    --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: hsl(134 51% 89%);
+    --color-green-300: hsl(136 52% 77%);
+    --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
@@ -840,6 +852,8 @@
     --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-purple-100: hsl(262 79% 93%);
+    --color-purple-700: hsl(263 78% 70%);
     --color-purple-900: hsl(263 78% 63%);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
@@ -888,6 +902,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -1116,11 +1131,17 @@
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-3 {
     top: calc(var(--spacing) * 3);
@@ -1174,7 +1195,7 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -1227,6 +1248,9 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: calc(var(--spacing) * 0);
+  }
   .m-6 {
     margin: calc(var(--spacing) * 6);
   }
@@ -1422,6 +1446,14 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-2\.5 {
     width: calc(var(--spacing) * 2.5);
     height: calc(var(--spacing) * 2.5);
@@ -1537,6 +1569,9 @@
   .h-\[52px\] {
     height: 52px;
   }
+  .h-\[90vh\] {
+    height: 90vh;
+  }
   .h-\[130px\] {
     height: 130px;
   }
@@ -1549,8 +1584,8 @@
   .h-\[420px\] {
     height: 420px;
   }
-  .h-\[480px\] {
-    height: 480px;
+  .h-\[500px\] {
+    height: 500px;
   }
   .h-\[600px\] {
     height: 600px;
@@ -1582,8 +1617,8 @@
   .max-h-6 {
     max-height: calc(var(--spacing) * 6);
   }
-  .max-h-64 {
-    max-height: calc(var(--spacing) * 64);
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
   }
   .max-h-\[245px\] {
     max-height: 245px;
@@ -1591,9 +1626,6 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
-  .max-h-\[370px\] {
-    max-height: 370px;
-  }
   .max-h-\[404px\] {
     max-height: 404px;
   }
@@ -1603,6 +1635,9 @@
   .max-h-screen {
     max-height: 100vh;
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
@@ -1615,6 +1650,9 @@
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+  .min-h-\[36px\] {
+    min-height: 36px;
+  }
   .min-h-\[48px\] {
     min-height: 48px;
   }
@@ -1646,7 +1684,7 @@
     width: calc(var(--spacing) * 4);
   }
   .w-4\/5 {
-    width: calc(4/5 * 100%);
+    width: calc(4 / 5 * 100%);
   }
   .w-6 {
     width: calc(var(--spacing) * 6);
@@ -1663,6 +1701,9 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
@@ -1693,9 +1734,6 @@
   .w-\[83px\] {
     width: 83px;
   }
-  .w-\[200px\] {
-    width: 200px;
-  }
   .w-\[320px\] {
     width: 320px;
   }
@@ -1717,12 +1755,15 @@
   .w-\[450px\] {
     width: 450px;
   }
+  .w-\[460px\] {
+    width: 460px;
+  }
+  .w-\[480px\] {
+    width: 480px;
+  }
   .w-\[500px\] {
     width: 500px;
   }
-  .w-\[900px\] {
-    width: 900px;
-  }
   .w-fit {
     width: fit-content;
   }
@@ -1817,11 +1858,11 @@
     border-collapse: separate;
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-scale-x-100 {
@@ -1864,9 +1905,6 @@
   .resize {
     resize: both;
   }
-  .list-disc {
-    list-style-type: disc;
-  }
   .grid-cols-\[1fr\,auto\,1fr\] {
     grid-template-columns: 1fr,auto,1fr;
   }
@@ -2141,6 +2179,9 @@
   .border-black {
     border-color: var(--color-black);
   }
+  .border-blue-300 {
+    border-color: var(--color-blue-300);
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -2171,6 +2212,12 @@
   .border-gray-900 {
     border-color: var(--color-gray-900);
   }
+  .border-green-300 {
+    border-color: var(--color-green-300);
+  }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2183,12 +2230,21 @@
   .border-slate-100 {
     border-color: var(--color-slate-100);
   }
+  .border-slate-200 {
+    border-color: var(--color-slate-200);
+  }
   .border-transparent {
     border-color: transparent;
   }
   .border-white {
     border-color: var(--color-white);
   }
+  .border-yellow-300 {
+    border-color: var(--color-yellow-300);
+  }
+  .border-yellow-400 {
+    border-color: var(--color-yellow-400);
+  }
   .border-zinc-200 {
     border-color: var(--color-zinc-200);
   }
@@ -2240,9 +2296,6 @@
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
-  .bg-gray-400 {
-    background-color: var(--color-gray-400);
-  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -2252,9 +2305,15 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -2270,6 +2329,15 @@
   .bg-orange-100 {
     background-color: var(--color-orange-100);
   }
+  .bg-purple-100 {
+    background-color: var(--color-purple-100);
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -2306,6 +2374,18 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
+  .bg-yellow-100 {
+    background-color: var(--color-yellow-100);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-600 {
+    background-color: var(--color-yellow-600);
+  }
   .bg-zinc-50 {
     background-color: var(--color-zinc-50);
   }
@@ -2345,6 +2425,9 @@
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
+  .p-32 {
+    padding: calc(var(--spacing) * 32);
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -2420,6 +2503,9 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
+  .pt-\[15vh\] {
+    padding-top: 15vh;
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2441,6 +2527,9 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -2562,6 +2651,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
   .tracking-wide {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
@@ -2575,6 +2668,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre {
+    white-space: pre;
+  }
   .\!text-gray-600 {
     color: var(--color-gray-600) !important;
   }
@@ -2599,6 +2695,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -2629,6 +2728,9 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
   .text-green-700 {
     color: var(--color-green-700);
   }
@@ -2650,6 +2752,9 @@
   .text-orange-900 {
     color: var(--color-orange-900);
   }
+  .text-purple-700 {
+    color: var(--color-purple-700);
+  }
   .text-purple-900 {
     color: var(--color-purple-900);
   }
@@ -2698,6 +2803,15 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
@@ -2713,6 +2827,9 @@
   .lowercase {
     text-transform: lowercase;
   }
+  .normal-case {
+    text-transform: none;
+  }
   .uppercase {
     text-transform: uppercase;
   }
@@ -2731,6 +2848,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2754,6 +2874,10 @@
     --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3093,13 +3217,13 @@
   .after\:top-1\/2 {
     &::after {
       content: var(--tw-content);
-      top: calc(1/2 * 100%);
+      top: calc(1 / 2 * 100%);
     }
   }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:size-2\.5 {
@@ -3119,14 +3243,14 @@
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
   .after\:-translate-y-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -3381,6 +3505,13 @@
       }
     }
   }
+  .hover\:bg-gray-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-800);
+      }
+    }
+  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -3388,6 +3519,20 @@
       }
     }
   }
+  .hover\:bg-green-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-100);
+      }
+    }
+  }
+  .hover\:bg-red-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-100);
+      }
+    }
+  }
   .hover\:bg-red-800 {
     &:hover {
       @media (hover: hover) {
@@ -3430,6 +3575,20 @@
       }
     }
   }
+  .hover\:bg-yellow-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-100);
+      }
+    }
+  }
+  .hover\:bg-yellow-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-700);
+      }
+    }
+  }
   .hover\:text-\[\#9896FF\] {
     &:hover {
       @media (hover: hover) {
@@ -3515,6 +3674,11 @@
       }
     }
   }
+  .focus\:border-blue-400 {
+    &:focus {
+      border-color: var(--color-blue-400);
+    }
+  }
   .focus\:bg-gray-50 {
     &:focus {
       background-color: var(--color-gray-50);

package/dist/text-field-CEhBGNfC.d.ts

@@ -0,0 +1,10 @@
+import { _ as WithDifference, f as FieldErrorHandling } from "./index-pFaGaBIp.js";
+import { n as TextInputProps } from "./text-input-w89uEGpc.js";
+import * as react from "react";
+
+//#region src/ui/components/text-field/text-field.d.ts
+type TextFieldProps = TextInputProps & FieldErrorHandling & WithDifference<string>;
+declare const TextField: react.ForwardRefExoticComponent<TextInputProps & FieldErrorHandling & WithDifference<string> & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextFieldProps as n, TextField as t };
+//# sourceMappingURL=text-field-CEhBGNfC.d.ts.map

package/dist/text-field-CEhBGNfC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-CEhBGNfC.d.ts","names":[],"sources":["../src/ui/components/text-field/text-field.tsx"],"mappings":";;;;;KAMY,cAAA,GAAiB,cAAA,GAC3B,kBAAA,GACA,cAAA;AAAA,cAEW,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,kBAAA,GAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/text-input-diff-ByTC0w1P.d.ts

@@ -0,0 +1,20 @@
+import { _ as WithDifference } from "./index-pFaGaBIp.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/components/text-input/text-input-diff.d.ts
+interface TextInputDiffProps extends WithDifference<string> {
+  value: string;
+  label?: React.ReactNode;
+  required?: boolean;
+}
+declare const TextInputDiff: ({
+  value,
+  label,
+  required,
+  baseValue,
+  viewMode,
+  diffMode
+}: TextInputDiffProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TextInputDiff as t };
+//# sourceMappingURL=text-input-diff-ByTC0w1P.d.ts.map

package/dist/text-input-diff-ByTC0w1P.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff-ByTC0w1P.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input-diff.tsx"],"mappings":";;;;UAKU,kBAAA,SAA2B,cAAA;EACnC,KAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,QAAA;AAAA;AAAA,cAEI,aAAA;EAAiB,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAOpB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/text-input-w89uEGpc.d.ts

@@ -0,0 +1,14 @@
+import { _ as WithDifference, p as InputBaseProps, u as DiffMode } from "./index-pFaGaBIp.js";
+import { t as CommonTextProps } from "./types-B88O8apP.js";
+import * as react from "react";
+
+//#region src/ui/components/text-input/text-input.d.ts
+interface TextInputProps extends Omit<InputBaseProps<string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "pattern"> & CommonTextProps, "value" | "autoComplete">, Omit<WithDifference<string>, "diffMode"> {
+  value?: string;
+  autoComplete?: boolean;
+  diffMode?: Extract<DiffMode, "sentences">;
+}
+declare const TextInput: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInputProps as n, TextInput as t };
+//# sourceMappingURL=text-input-w89uEGpc.d.ts.map

package/dist/text-input-w89uEGpc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-w89uEGpc.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input.tsx"],"mappings":";;;;;UAeU,cAAA,SAEN,IAAA,CACE,cAAA,WACE,IAAA,CAAK,KAAA,CAAM,mBAAA,CAAoB,gBAAA,gBAC/B,eAAA,6BAGJ,IAAA,CAAK,cAAA;EACP,KAAA;EACA,YAAA;EACA,QAAA,GAAW,OAAA,CAAQ,QAAA;AAAA;AAAA,cAGf,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/tooltip-VNGD7wwV.d.ts

@@ -0,0 +1,14 @@
+import * as react from "react";
+import { Provider as Provider$1, Root as Root$1, TooltipContentProps, TooltipProps, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
+
+//#region src/ui/components/tooltip/tooltip.d.ts
+interface TooltipProps$1 extends TooltipProps, Omit<TooltipContentProps, "content"> {
+  content: React.ReactNode;
+  className?: string;
+  triggerAsChild?: boolean;
+}
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React.FC<TooltipProps$1>;
+//#endregion
+export { TooltipProps$1 as a, TooltipContent as i, Root$1 as n, Trigger$1 as o, Tooltip as r, Provider$1 as t };
+//# sourceMappingURL=tooltip-VNGD7wwV.d.ts.map

package/dist/tooltip-VNGD7wwV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-VNGD7wwV.d.ts","names":[],"sources":["../src/ui/components/tooltip/tooltip.tsx"],"mappings":";;;;UAcU,cAAA,SACA,YAAA,EAAuB,IAAA,CAAK,mBAAA;EACpC,OAAA,EAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,cAAA;AAAA;AAAA,cAGI,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cA+Bd,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/types-B88O8apP.d.ts

@@ -0,0 +1,15 @@
+//#region src/ui/components/text-input/types.d.ts
+interface CommonTextProps {
+  minLength?: number;
+  maxLength?: number;
+  pattern?: RegExp;
+  placeholder?: string;
+  trim?: boolean;
+  uppercase?: boolean;
+  lowercase?: boolean;
+  autoComplete?: boolean;
+  spellCheck?: boolean;
+}
+//#endregion
+export { CommonTextProps as t };
+//# sourceMappingURL=types-B88O8apP.d.ts.map

package/dist/types-B88O8apP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-B88O8apP.d.ts","names":[],"sources":["../src/ui/components/text-input/types.ts"],"mappings":";UAAiB,eAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA,GAAU,MAAA;EACV,WAAA;EACA,IAAA;EACA,SAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;AAAA"}

package/dist/types-DFKGTI_F.d.ts

@@ -0,0 +1,32 @@
+//#region src/ui/lib/types.d.ts
+type DateFieldValue = string | Date | undefined;
+type DatePickerView = "years" | "months" | "days";
+type WeekStartDayNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+type ValueTransformerFn = (value?: any) => any;
+type TransformerTrigger = "blur" | "change" | "keyDown";
+type TransformerObject = {
+  /**
+   * The transformer function
+   */
+  transformer: ValueTransformerFn;
+  options?: {
+    /**
+     * The event that triggers the transformer.
+     * @default "blur"
+     */
+    trigger?: TransformerTrigger;
+    /**
+     * If true, the transformer will be applied.
+     * @default true
+     */
+    if?: boolean;
+  };
+};
+type TransformerType = TransformerObject[] | ValueTransformerFn[];
+interface ValueTransformerProps {
+  transformers: TransformerType;
+  children: React.ReactElement;
+}
+//#endregion
+export { TransformerType as a, WeekStartDayNumber as c, TransformerTrigger as i, DatePickerView as n, ValueTransformerFn as o, TransformerObject as r, ValueTransformerProps as s, DateFieldValue as t };
+//# sourceMappingURL=types-DFKGTI_F.d.ts.map

package/dist/types-DFKGTI_F.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-DFKGTI_F.d.ts","names":[],"sources":["../src/ui/lib/types.ts"],"mappings":";KAAY,cAAA,YAA0B,IAAA;AAAA,KAC1B,cAAA;AAAA,KACA,kBAAA;AAAA,KAEA,kBAAA,IAAsB,KAAA;AAAA,KAEtB,kBAAA;AAAA,KAEA,iBAAA;EAPA;;;EAWV,WAAA,EAAa,kBAAA;EACb,OAAA;IAXU;;;;IAgBR,OAAA,GAAU,kBAAA;IAdF;;;;IAmBR,EAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,iBAAA,KAAsB,kBAAA;AAAA,UAEnC,qBAAA;EACf,YAAA,EAAc,eAAA;EACd,QAAA,EAAU,KAAA,CAAM,YAAA;AAAA"}