@jakubmazanec/ui 0.1.0-next.86bf251

package/build/components/DialogPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/DialogPanel.tsx"],
+  "sourcesContent": ["import {\n  DialogPanel as HeadlessDialogPanel,\n  type DialogPanelProps as HeadlessDialogPanelProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useDialogPanelTheme = createComponentTheme('DialogPanel');\n\nconst DIALOG_PANEL_ELEMENT = 'div';\n\nexport type DialogPanelProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useDialogPanelTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const DialogPanel = forwardRef(\n  <T extends ElementType = typeof DIALOG_PANEL_ELEMENT>(\n    {as = DIALOG_PANEL_ELEMENT as T, className, children, ...rest}: DialogPanelProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useDialogPanelTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessDialogPanelProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      transition: true,\n      'data-component': 'dialog-panel',\n      ...rest,\n    });\n\n    return <HeadlessDialogPanel {...props}>{children}</HeadlessDialogPanel>;\n  },\n);\n\nexport const dialogPanelTheme: ComponentTheme<typeof useDialogPanelTheme> = {\n  className:\n    'shadow-1 relative flex w-full min-w-[300px] max-w-[900px] flex-col gap-y-6 rounded-4 bg-white p-6 max-h-[calc(100vh-3rem)] overflow-hidden overflow-y-auto',\n};\n"],
+  "mappings": ";AA8CW;AA9CX;AAAA,EACE,eAAe;AAAA,OAEV;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,aAAM,cAAc;AAAA,EACzB,CACE,EAAC,KAAK,sBAA2B,WAAW,UAAU,GAAG,KAAI,GAC7D,QACG;AACH,QAAI,QAAQ,oBAAoB;AAEhC,QAAI,QAAuC,YAAY;AAAA,MACrD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,uBAAqB,GAAG,OAAQ,UAAS;AAAA,EACnD;AACF;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WACE;AACJ;",
+  "names": []
+}

package/build/components/DialogTitle.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useDialogTitleTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "DialogTitle";
+    themeDefinition: undefined;
+};
+export type DialogTitleProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useDialogTitleTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const DialogTitle: <T extends ElementType = "h2">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const dialogTitleTheme: ComponentTheme<typeof useDialogTitleTheme>;

package/build/components/DialogTitle.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  DialogTitle as HeadlessDialogTitle
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useDialogTitleTheme = createComponentTheme("DialogTitle");
+const DIALOG_TITLE_ELEMENT = "h2";
+export const DialogTitle = forwardRef(
+  ({ as = DIALOG_TITLE_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useDialogTitleTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "dialog-title",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessDialogTitle, { ...props, children });
+  }
+);
+export const dialogTitleTheme = {
+  className: "text-xl font-bold"
+};
+//# sourceMappingURL=DialogTitle.js.map

package/build/components/DialogTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/DialogTitle.tsx"],
+  "sourcesContent": ["import {\n  DialogTitle as HeadlessDialogTitle,\n  type DialogTitleProps as HeadlessDialogTitleProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useDialogTitleTheme = createComponentTheme('DialogTitle');\n\nconst DIALOG_TITLE_ELEMENT = 'h2';\n\nexport type DialogTitleProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useDialogTitleTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const DialogTitle = forwardRef(\n  <T extends ElementType = typeof DIALOG_TITLE_ELEMENT>(\n    {as = DIALOG_TITLE_ELEMENT as T, className, children, ...rest}: DialogTitleProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useDialogTitleTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessDialogTitleProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'dialog-title',\n      ...rest,\n    });\n\n    return <HeadlessDialogTitle {...props}>{children}</HeadlessDialogTitle>;\n  },\n);\n\nexport const dialogTitleTheme: ComponentTheme<typeof useDialogTitleTheme> = {\n  className: 'text-xl font-bold',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,eAAe;AAAA,OAEV;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,aAAM,cAAc;AAAA,EACzB,CACE,EAAC,KAAK,sBAA2B,WAAW,UAAU,GAAG,KAAI,GAC7D,QACG;AACH,QAAI,QAAQ,oBAAoB;AAEhC,QAAI,QAAuC,YAAY;AAAA,MACrD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,uBAAqB,GAAG,OAAQ,UAAS;AAAA,EACnD;AACF;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WAAW;AACb;",
+  "names": []
+}

package/build/components/Error.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useErrorTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Error";
+    themeDefinition: undefined;
+};
+export type ErrorProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useErrorTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const Error: <T extends ElementType = "p">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const errorTheme: ComponentTheme<typeof useErrorTheme>;

package/build/components/Error.js

@@ -0,0 +1,37 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+import { Text } from "./Text.js";
+import { useField } from "./useField.js";
+export const useErrorTheme = createComponentTheme("Error");
+const ERROR_ELEMENT = "p";
+export const Error = forwardRef(
+  ({ as: Component = ERROR_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useErrorTheme();
+    let field = useField();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "error",
+      ...rest
+    };
+    if (field) {
+      return createElement(
+        Component,
+        props,
+        field.errors ? field.errors.map((error) => /* @__PURE__ */ jsx(Text, { children: error }, error)) : null
+      );
+    }
+    return createElement(Component, props, children);
+  }
+);
+export const errorTheme = {
+  className: "flex text-danger-500 empty:hidden"
+};
+//# sourceMappingURL=Error.js.map

package/build/components/Error.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Error.tsx"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\nimport {Text} from './Text.js';\nimport {useField} from './useField.js';\n\nexport const useErrorTheme = createComponentTheme('Error');\n\nconst ERROR_ELEMENT = 'p';\n\nexport type ErrorProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useErrorTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const Error = forwardRef(\n  <T extends ElementType = typeof ERROR_ELEMENT>(\n    {as: Component = ERROR_ELEMENT as T, className, children, ...rest}: ErrorProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useErrorTheme();\n    let field = useField();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'error',\n      ...rest,\n    };\n\n    if (field) {\n      return createElement(\n        Component,\n        props,\n        field.errors ? field.errors.map((error) => <Text key={error}>{error}</Text>) : null,\n      );\n    }\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const errorTheme: ComponentTheme<typeof useErrorTheme> = {\n  className: 'flex text-danger-500 empty:hidden',\n};\n"],
+  "mappings": ";AA+CmD;AA/CnD;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AACzB,SAAQ,YAAW;AACnB,SAAQ,gBAAe;AAEhB,aAAM,gBAAgB,qBAAqB,OAAO;AAEzD,MAAM,gBAAgB;AAUf,aAAM,QAAQ;AAAA,EACnB,CACE,EAAC,IAAI,YAAY,eAAoB,WAAW,UAAU,GAAG,KAAI,GACjE,QACG;AACH,QAAI,QAAQ,cAAc;AAC1B,QAAI,QAAQ,SAAS;AACrB,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,QAAI,OAAO;AACT,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,MAAM,SAAS,MAAM,OAAO,IAAI,CAAC,UAAU,oBAAC,QAAkB,mBAAR,KAAc,CAAO,IAAI;AAAA,MACjF;AAAA,IACF;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,aAAmD;AAAA,EAC9D,WAAW;AACb;",
+  "names": []
+}

package/build/components/Field.d.ts

@@ -0,0 +1,22 @@
+import { type FieldMetadata, type FieldName } from '@conform-to/react';
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useFieldTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Field";
+    themeDefinition: undefined;
+};
+export type FieldProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useFieldTheme> & ComponentPropsWithoutRef<T> & ({
+    as?: T | undefined;
+    className?: string | undefined;
+    name?: FieldName<any, any> | string | undefined;
+    field?: undefined;
+} | {
+    as?: T | undefined;
+    className?: string | undefined;
+    name?: undefined;
+    field?: FieldMetadata<any, any> | undefined;
+})>;
+export declare const Field: <T extends ElementType = "div">(props: FieldProps<T> & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const fieldTheme: ComponentTheme<typeof useFieldTheme>;

package/build/components/Field.js

@@ -0,0 +1,32 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Field as HeadlessField } from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { fieldContext, fieldNameContext, filterProps, forwardRef } from "./internals.js";
+export const useFieldTheme = createComponentTheme("Field");
+const FIELD_ELEMENT = "div";
+export const Field = forwardRef(
+  ({ as = FIELD_ELEMENT, name, field, className, children, ...rest }, ref) => {
+    let theme = useFieldTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "field",
+      ...rest
+    });
+    if (field) {
+      return /* @__PURE__ */ jsx(fieldContext.Provider, { value: field, children: /* @__PURE__ */ jsx(HeadlessField, { ...props, children }) });
+    }
+    if (name) {
+      return /* @__PURE__ */ jsx(fieldNameContext.Provider, { value: name, children: /* @__PURE__ */ jsx(HeadlessField, { ...props, children }) });
+    }
+    return /* @__PURE__ */ jsx(HeadlessField, { ...props, children });
+  }
+);
+export const fieldTheme = {
+  className: "flex flex-col gap-y-2 font-sans"
+};
+//# sourceMappingURL=Field.js.map

package/build/components/Field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Field.tsx"],
+  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {Field as HeadlessField, type FieldProps as HeadlessFieldProps} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {fieldContext, fieldNameContext, filterProps, forwardRef} from './internals.js';\n\nexport const useFieldTheme = createComponentTheme('Field');\n\nconst FIELD_ELEMENT = 'div';\n\nexport type FieldProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useFieldTheme> &\n    ComponentPropsWithoutRef<T> &\n    (\n      | {\n          as?: T | undefined;\n          className?: string | undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          name?: FieldName<any, any> | string | undefined;\n          field?: undefined;\n        }\n      | {\n          as?: T | undefined;\n          className?: string | undefined;\n          name?: undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          field?: FieldMetadata<any, any> | undefined;\n        }\n    )\n>;\n\nexport const Field = forwardRef(\n  <T extends ElementType = typeof FIELD_ELEMENT>(\n    {as = FIELD_ELEMENT as T, name, field, className, children, ...rest}: FieldProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useFieldTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessFieldProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'field',\n      ...rest,\n    });\n\n    if (field) {\n      return (\n        <fieldContext.Provider value={field}>\n          <HeadlessField {...props}>{children}</HeadlessField>\n        </fieldContext.Provider>\n      );\n    }\n\n    if (name) {\n      return (\n        <fieldNameContext.Provider value={name}>\n          <HeadlessField {...props}>{children}</HeadlessField>\n        </fieldNameContext.Provider>\n      );\n    }\n\n    return <HeadlessField {...props}>{children}</HeadlessField>;\n  },\n);\n\nexport const fieldTheme: ComponentTheme<typeof useFieldTheme> = {\n  className: 'flex flex-col gap-y-2 font-sans',\n};\n"],
+  "mappings": ";AA2DU;AA1DV,SAAQ,SAAS,qBAA2D;AAQ5E;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,cAAc,kBAAkB,aAAa,kBAAiB;AAE/D,aAAM,gBAAgB,qBAAqB,OAAO;AAEzD,MAAM,gBAAgB;AAuBf,aAAM,QAAQ;AAAA,EACnB,CACE,EAAC,KAAK,eAAoB,MAAM,OAAO,WAAW,UAAU,GAAG,KAAI,GACnE,QACG;AACH,QAAI,QAAQ,cAAc;AAE1B,QAAI,QAAiC,YAAY;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,QAAI,OAAO;AACT,aACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,iBAAe,GAAG,OAAQ,UAAS,GACtC;AAAA,IAEJ;AAEA,QAAI,MAAM;AACR,aACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAChC,8BAAC,iBAAe,GAAG,OAAQ,UAAS,GACtC;AAAA,IAEJ;AAEA,WAAO,oBAAC,iBAAe,GAAG,OAAQ,UAAS;AAAA,EAC7C;AACF;AAEO,aAAM,aAAmD;AAAA,EAC9D,WAAW;AACb;",
+  "names": []
+}

package/build/components/Fieldset.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useFieldsetTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Fieldset";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+    };
+};
+export type FieldsetProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useFieldsetTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string | undefined;
+}>;
+export declare const Fieldset: <T extends ElementType = "fieldset">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const fieldsetnTheme: ComponentTheme<typeof useFieldsetTheme>;

package/build/components/Fieldset.js

@@ -0,0 +1,39 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  Fieldset as HeadlessFieldset
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useFieldsetTheme = createComponentTheme("Fieldset", {
+  variants: {
+    disabled: [true, false]
+  }
+});
+const FIELDSET_ELEMENT = "fieldset";
+export const Fieldset = forwardRef(
+  ({ as = FIELDSET_ELEMENT, disabled = false, className, children, ...rest }, ref) => {
+    let theme = useFieldsetTheme({ disabled });
+    let props = filterProps({
+      as,
+      ref,
+      disabled,
+      className: theme(null, className),
+      "data-component": "fieldset",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessFieldset, { ...props, children });
+  }
+);
+export const fieldsetnTheme = {
+  className: "flex flex-col gap-y-6 [&>[data-component=legend]+[data-component=text]]:text-sm [&>[data-component=legend]+[data-component=text]]:-mt-4",
+  variants: {
+    disabled: {
+      true: "",
+      false: ""
+    }
+  }
+};
+//# sourceMappingURL=Fieldset.js.map

package/build/components/Fieldset.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Fieldset.tsx"],
+  "sourcesContent": ["import {\n  Fieldset as HeadlessFieldset,\n  type FieldsetProps as HeadlessFieldsetProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useFieldsetTheme = createComponentTheme('Fieldset', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nconst FIELDSET_ELEMENT = 'fieldset';\n\nexport type FieldsetProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useFieldsetTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string | undefined;\n    }\n>;\n\nexport const Fieldset = forwardRef(\n  <T extends ElementType = typeof FIELDSET_ELEMENT>(\n    {as = FIELDSET_ELEMENT as T, disabled = false, className, children, ...rest}: FieldsetProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useFieldsetTheme({disabled});\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessFieldsetProps<any> = filterProps({\n      as,\n      ref,\n      disabled,\n      className: theme(null, className),\n      'data-component': 'fieldset',\n      ...rest,\n    });\n\n    return <HeadlessFieldset {...props}>{children}</HeadlessFieldset>;\n  },\n);\n\nexport const fieldsetnTheme: ComponentTheme<typeof useFieldsetTheme> = {\n  className:\n    'flex flex-col gap-y-6 [&>[data-component=legend]+[data-component=text]]:text-sm [&>[data-component=legend]+[data-component=text]]:-mt-4',\n  variants: {\n    disabled: {\n      true: '',\n      false: '',\n    },\n  },\n};\n"],
+  "mappings": ";AAkDW;AAlDX;AAAA,EACE,YAAY;AAAA,OAEP;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,mBAAmB,qBAAqB,YAAY;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AACF,CAAC;AAED,MAAM,mBAAmB;AAUlB,aAAM,WAAW;AAAA,EACtB,CACE,EAAC,KAAK,kBAAuB,WAAW,OAAO,WAAW,UAAU,GAAG,KAAI,GAC3E,QACG;AACH,QAAI,QAAQ,iBAAiB,EAAC,SAAQ,CAAC;AAEvC,QAAI,QAAoC,YAAY;AAAA,MAClD;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,oBAAkB,GAAG,OAAQ,UAAS;AAAA,EAChD;AACF;AAEO,aAAM,iBAA0D;AAAA,EACrE,WACE;AAAA,EACF,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/Form.d.ts

@@ -0,0 +1,22 @@
+import { type FormMetadata } from '@conform-to/react';
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useFormTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Form";
+    themeDefinition: undefined;
+};
+export type FormProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useFormTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+    form?: FormMetadata<any, any> | undefined;
+}>;
+export declare const Form: <T extends ElementType = "form">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+    form?: FormMetadata<any, any> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const formTheme: ComponentTheme<typeof useFormTheme>;

package/build/components/Form.js

@@ -0,0 +1,41 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { FormProvider } from "@conform-to/react";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { formIdContext, forwardRef } from "./internals.js";
+export const useFormTheme = createComponentTheme("Form");
+const FORM_ELEMENT = "form";
+export const Form = forwardRef(
+  ({ as: Component = FORM_ELEMENT, className, form, children, ...rest }, ref) => {
+    let theme = useFormTheme();
+    if (form) {
+      let props2 = {
+        ref,
+        id: form.id,
+        method: "post",
+        className: theme(null, className),
+        onSubmit: form.onSubmit,
+        "data-component": "form",
+        ...rest
+      };
+      return /* @__PURE__ */ jsx(formIdContext.Provider, { value: form.id, children: /* @__PURE__ */ jsx(FormProvider, { context: form.context, children: createElement(Component, props2, children) }) });
+    }
+    let props = {
+      ref,
+      method: "post",
+      className: theme(null, className),
+      "data-component": "form",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const formTheme = {
+  className: "flex flex-col gap-y-6"
+};
+//# sourceMappingURL=Form.js.map

package/build/components/Form.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Form.tsx"],
+  "sourcesContent": ["import {type FormMetadata, FormProvider} from '@conform-to/react';\nimport {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {formIdContext, forwardRef} from './internals.js';\n\nexport const useFormTheme = createComponentTheme('Form');\n\nconst FORM_ELEMENT = 'form';\n\nexport type FormProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useFormTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n      form?: FormMetadata<any, any> | undefined;\n    }\n>;\n\nexport const Form = forwardRef(\n  <T extends ElementType = typeof FORM_ELEMENT>(\n    {as: Component = FORM_ELEMENT as T, className, form, children, ...rest}: FormProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useFormTheme();\n\n    if (form) {\n      let props = {\n        ref,\n        id: form.id,\n        method: 'post',\n        className: theme(null, className),\n        onSubmit: form.onSubmit,\n        'data-component': 'form',\n        ...rest,\n      };\n\n      return (\n        <formIdContext.Provider value={form.id}>\n          <FormProvider context={form.context}>\n            {createElement(Component, props, children)}\n          </FormProvider>\n        </formIdContext.Provider>\n      );\n    }\n\n    let props = {\n      ref,\n      method: 'post',\n      className: theme(null, className),\n      'data-component': 'form',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const formTheme: ComponentTheme<typeof useFormTheme> = {\n  className: 'flex flex-col gap-y-6',\n};\n"],
+  "mappings": ";AAkDU;AAlDV,SAA2B,oBAAmB;AAC9C;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,eAAe,kBAAiB;AAEjC,aAAM,eAAe,qBAAqB,MAAM;AAEvD,MAAM,eAAe;AAYd,aAAM,OAAO;AAAA,EAClB,CACE,EAAC,IAAI,YAAY,cAAmB,WAAW,MAAM,UAAU,GAAG,KAAI,GACtE,QACG;AACH,QAAI,QAAQ,aAAa;AAEzB,QAAI,MAAM;AACR,UAAIA,SAAQ;AAAA,QACV;AAAA,QACA,IAAI,KAAK;AAAA,QACT,QAAQ;AAAA,QACR,WAAW,MAAM,MAAM,SAAS;AAAA,QAChC,UAAU,KAAK;AAAA,QACf,kBAAkB;AAAA,QAClB,GAAG;AAAA,MACL;AAEA,aACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,KAAK,IAClC,8BAAC,gBAAa,SAAS,KAAK,SACzB,wBAAc,WAAWA,QAAO,QAAQ,GAC3C,GACF;AAAA,IAEJ;AAEA,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,YAAiD;AAAA,EAC5D,WAAW;AACb;",
+  "names": ["props"]
+}

package/build/components/Icon.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type ReactNode, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useIconTheme: ((themeProps: {
+    readonly size: "small" | "medium" | "large";
+    readonly variant: "default" | "light";
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Icon";
+    themeDefinition: {
+        readonly variants: {
+            readonly size: ["small", "medium", "large"];
+            readonly variant: ["default", "light"];
+        };
+    };
+};
+export type IconProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useIconTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+}>;
+export declare const Icon: <T extends ElementType = "span">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly size: "small" | "medium" | "large";
+    readonly variant: "default" | "light";
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+} & {
+    children?: ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => ReactNode;
+export declare const iconTheme: ComponentTheme<typeof useIconTheme>;

package/build/components/Icon.js

@@ -0,0 +1,65 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import * as icons16 from "@heroicons/react/16/solid";
+import * as icons20 from "@heroicons/react/20/solid";
+import * as icons24 from "@heroicons/react/24/outline";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useIconTheme = createComponentTheme("Icon", {
+  variants: {
+    size: ["small", "medium", "large"],
+    variant: ["default", "light"]
+  }
+});
+const ICON_ELEMENT = "span";
+export const Icon = forwardRef(
+  ({
+    size = "medium",
+    variant = "default",
+    as: Component = ICON_ELEMENT,
+    name,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    let theme = useIconTheme({ size, variant });
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "icon",
+      ...rest
+    };
+    let Child;
+    let resolvedName = `${name}Icon`;
+    if (size === "medium" && resolvedName && icons20[resolvedName]) {
+      Child = icons20[resolvedName];
+    }
+    if (size === "small" && resolvedName && icons16[resolvedName]) {
+      Child = icons16[resolvedName];
+    }
+    if (size === "large" && resolvedName && icons24[resolvedName]) {
+      Child = icons24[resolvedName];
+    }
+    return createElement(Component, props, Child ? /* @__PURE__ */ jsx(Child, {}) : children);
+  }
+);
+export const iconTheme = {
+  className: "inline-block shrink-0 *:w-full *:h-full data-[icon]:-mx-1 select-none",
+  variants: {
+    size: {
+      small: "size-4",
+      medium: "size-5",
+      large: "size-6"
+    },
+    variant: {
+      default: "",
+      light: "text-neutral-200"
+    }
+  }
+};
+//# sourceMappingURL=Icon.js.map

package/build/components/Icon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Icon.tsx"],
+  "sourcesContent": ["import * as icons16 from '@heroicons/react/16/solid';\nimport * as icons20 from '@heroicons/react/20/solid';\nimport * as icons24 from '@heroicons/react/24/outline';\nimport {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useIconTheme = createComponentTheme('Icon', {\n  variants: {\n    size: ['small', 'medium', 'large'],\n    variant: ['default', 'light'],\n  },\n});\n\nconst ICON_ELEMENT = 'span';\n\nexport type IconProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useIconTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      name?: string | undefined;\n      className?: string | undefined;\n    }\n>;\n\nexport const Icon = forwardRef(\n  <T extends ElementType = typeof ICON_ELEMENT>(\n    {\n      size = 'medium',\n      variant = 'default',\n      as: Component = ICON_ELEMENT as T,\n      name,\n      className,\n      children,\n      ...rest\n    }: IconProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useIconTheme({size, variant});\n    let props: Record<string, unknown> = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'icon',\n      ...rest,\n    };\n    let Child: ElementType | undefined;\n    let resolvedName = `${name}Icon`;\n\n    if (\n      size === 'medium' &&\n      resolvedName &&\n      (icons20[resolvedName as keyof typeof icons20] as unknown)\n    ) {\n      Child = icons20[resolvedName as keyof typeof icons20] as ElementType;\n    }\n\n    if (\n      size === 'small' &&\n      resolvedName &&\n      (icons16[resolvedName as keyof typeof icons16] as unknown)\n    ) {\n      Child = icons16[resolvedName as keyof typeof icons16] as ElementType;\n    }\n\n    if (\n      size === 'large' &&\n      resolvedName &&\n      (icons24[resolvedName as keyof typeof icons24] as unknown)\n    ) {\n      Child = icons24[resolvedName as keyof typeof icons24] as ElementType;\n    }\n\n    return createElement(Component, props, (Child ? <Child /> : children) as ReactNode);\n  },\n);\n\nexport const iconTheme: ComponentTheme<typeof useIconTheme> = {\n  className: 'inline-block shrink-0 *:w-full *:h-full data-[icon]:-mx-1 select-none',\n  variants: {\n    size: {\n      small: 'size-4',\n      medium: 'size-5',\n      large: 'size-6',\n    },\n    variant: {\n      default: '',\n      light: 'text-neutral-200',\n    },\n  },\n};\n"],
+  "mappings": ";AAoFoD;AApFpD,YAAY,aAAa;AACzB,YAAY,aAAa;AACzB,YAAY,aAAa;AACzB;AAAA,EAEE;AAAA,OAKK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,eAAe,qBAAqB,QAAQ;AAAA,EACvD,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,UAAU,OAAO;AAAA,IACjC,SAAS,CAAC,WAAW,OAAO;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,eAAe;AAWd,aAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,aAAa,EAAC,MAAM,QAAO,CAAC;AACxC,QAAI,QAAiC;AAAA,MACnC;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AACA,QAAI;AACJ,QAAI,eAAe,GAAG,IAAI;AAE1B,QACE,SAAS,YACT,gBACC,QAAQ,YAAoC,GAC7C;AACA,cAAQ,QAAQ,YAAoC;AAAA,IACtD;AAEA,QACE,SAAS,WACT,gBACC,QAAQ,YAAoC,GAC7C;AACA,cAAQ,QAAQ,YAAoC;AAAA,IACtD;AAEA,QACE,SAAS,WACT,gBACC,QAAQ,YAAoC,GAC7C;AACA,cAAQ,QAAQ,YAAoC;AAAA,IACtD;AAEA,WAAO,cAAc,WAAW,OAAQ,QAAQ,oBAAC,SAAM,IAAK,QAAsB;AAAA,EACpF;AACF;AAEO,aAAM,YAAiD;AAAA,EAC5D,WAAW;AAAA,EACX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/Input.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithoutRef, type ComponentType, type ElementType, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useInputTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => {
+    input: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    icon: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    clearButton: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+}) & {
+    componentThemeName: "Input";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+        readonly elements: ["root", "input", "icon", "clearButton"];
+    };
+};
+export type InputProps<T extends ElementType> = ComponentProps<typeof useInputTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<object> | string | undefined;
+    showClearButton?: boolean | undefined;
+};
+export declare const Input: <T extends ElementType = "input">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<object> | string | undefined;
+    showClearButton?: boolean | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const inputTheme: ComponentTheme<typeof useInputTheme>;

package/build/components/Input.js

@@ -0,0 +1,111 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getInputProps } from "@conform-to/react";
+import { Input as HeadlessInput } from "@headlessui/react";
+import {
+  useCallback,
+  useImperativeHandle,
+  useRef
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { Icon } from "./Icon.js";
+import { forwardRef } from "./internals.js";
+import { useField } from "./useField.js";
+import { useFieldName } from "./useFieldName.js";
+export const useInputTheme = createComponentTheme("Input", {
+  variants: {
+    disabled: [true, false]
+  },
+  elements: ["root", "input", "icon", "clearButton"]
+});
+const INPUT_ELEMENT = "input";
+export const Input = forwardRef(
+  ({
+    disabled = false,
+    as = INPUT_ELEMENT,
+    name,
+    className,
+    icon: IconComponent,
+    showClearButton = false,
+    ...rest
+  }, ref) => {
+    let theme = useInputTheme({ disabled });
+    let fieldName = useFieldName();
+    let field = useField();
+    let inputRef = useRef();
+    useImperativeHandle(ref, () => {
+      if (inputRef.current) {
+        return inputRef.current;
+      }
+      return {};
+    });
+    let handleClear = useCallback(() => {
+      if (inputRef.current) {
+        inputRef.current.value = "";
+        inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+    }, []);
+    let rootProps = {
+      className: theme.root("relative", className),
+      "data-component": "input"
+    };
+    let inputProps = {
+      as,
+      ref: inputRef,
+      disabled,
+      name: field?.name ?? fieldName ?? name,
+      className: theme.input(),
+      size: 1,
+      // so the input default width without styling is small
+      ...rest
+    };
+    let iconProps = {
+      className: theme.icon("absolute")
+    };
+    let clearButtonProps = {
+      className: theme.clearButton("absolute")
+    };
+    if (IconComponent) {
+      rootProps["data-icon"] = "";
+    }
+    if (showClearButton) {
+      rootProps["data-clear-button"] = "";
+    }
+    if (field) {
+      let { key, ...restProps } = getInputProps(field, { type: "text" });
+      inputProps = { ...restProps, ...inputProps };
+    }
+    return /* @__PURE__ */ jsxs("span", { ...rootProps, children: [
+      /* @__PURE__ */ jsx(HeadlessInput, { ...inputProps }),
+      IconComponent ? /* @__PURE__ */ jsx("span", { ...iconProps, children: typeof IconComponent === "string" ? /* @__PURE__ */ jsx(Icon, { name: IconComponent }) : /* @__PURE__ */ jsx(Icon, { size: "large", children: /* @__PURE__ */ jsx(IconComponent, {}) }) }) : null,
+      showClearButton ? /* @__PURE__ */ jsx("span", { ...clearButtonProps, onClick: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "XMark" }) }) : null
+    ] });
+  }
+);
+export const inputTheme = {
+  classNames: {
+    root: "group flex w-full items-center rounded-2 border-2 border-neutral-100 hover:border-neutral-200 px-2.5 h-9 bg-white shadow-inner transition-colors",
+    input: "p-0 focus-visible:outline-none w-full group-data-[icon]:pl-6 group-data-[clear-button]:pr-4 bg-transparent font-sans text-sm",
+    icon: "size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300",
+    clearButton: "text-neutral-500 size-5 right-2 cursor-pointer"
+  },
+  variants: {
+    disabled: {
+      true: {
+        root: "border-neutral-100 text-neutral-200 cursor-not-allowed",
+        input: "",
+        icon: "",
+        clearButton: ""
+      },
+      false: {
+        root: "",
+        input: "",
+        icon: "",
+        clearButton: ""
+      }
+    }
+  }
+};
+//# sourceMappingURL=Input.js.map