@pathscale/ui 1.1.34 → 1.1.36

package/dist/components/text/Text.js

@@ -0,0 +1,47 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Text.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__Text_classes_js_9c0bb3e7__ from "./Text.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const TextRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "size",
+        "variant"
+    ]);
+    const size = ()=>local.size ?? "base";
+    const variant = ()=>local.variant ?? "default";
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Text_classes_js_9c0bb3e7__.CLASSES.base, local.class, local.className);
+            },
+            "data-slot": "text",
+            get ["data-size"] () {
+                return size();
+            },
+            get ["data-variant"] () {
+                return variant();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const Text = Object.assign(TextRoot, {
+    Root: TextRoot
+});
+const text_Text = Text;
+export { Text, TextRoot, text_Text as default };

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

@@ -0,0 +1 @@
+export { default, Text, TextRoot, type TextProps, type TextRootProps, type TextSize, type TextVariant, } from "./Text";

package/dist/components/text/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__ from "./Text.js";
+var __webpack_exports__Text = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.Text;
+var __webpack_exports__TextRoot = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.TextRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__["default"];
+export { __webpack_exports__Text as Text, __webpack_exports__TextRoot as TextRoot, __webpack_exports__default as default };

package/dist/components/text-area/TextArea.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "textarea";
+    readonly variant: {
+        readonly primary: "textarea--primary";
+        readonly secondary: "textarea--secondary";
+    };
+    readonly flag: {
+        readonly fullWidth: "textarea--full-width";
+    };
+};

package/dist/components/text-area/TextArea.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "textarea",
+    variant: {
+        primary: "textarea--primary",
+        secondary: "textarea--secondary"
+    },
+    flag: {
+        fullWidth: "textarea--full-width"
+    }
+};
+export { CLASSES };

package/dist/components/text-area/TextArea.css

@@ -0,0 +1,95 @@
+@layer components {
+  .textarea {
+    width: fit-content;
+    min-height: 2.375rem;
+    border-radius: var(--radius-field, 0.75rem);
+    border: var(--border-width-field, 1px) solid
+      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
+    background-color: var(--color-field, var(--color-base-100));
+    padding-block: 0.5rem;
+    padding-inline: 0.75rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: var(--color-field-foreground, var(--color-base-content));
+    box-shadow:
+      0 1px 0 color-mix(in oklab, var(--color-base-content) 8%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-base-100) 60%, transparent) inset;
+    outline: none;
+    resize: vertical;
+    transition:
+      background-color 150ms var(--ease-smooth),
+      border-color 150ms var(--ease-smooth),
+      box-shadow 150ms var(--ease-out);
+  }
+
+  .textarea::placeholder {
+    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .textarea {
+      transition: none;
+    }
+  }
+
+  @media (hover: hover) {
+    .textarea:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
+      background-color: var(--color-field-hover, var(--color-base-200));
+      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
+    }
+  }
+
+  .textarea:focus,
+  .textarea[data-focused="true"] {
+    border-color: var(--color-field-border-focus, var(--color-accent));
+    background-color: var(--color-field-focus, var(--color-base-100));
+    box-shadow:
+      0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-accent) 24%, transparent);
+  }
+
+  .textarea[data-invalid="true"] {
+    border-color: var(--color-field-border-invalid, var(--color-danger));
+    background-color: var(--color-field-focus, var(--color-base-100));
+    box-shadow:
+      0 0 0 3px color-mix(in oklab, var(--color-danger) 20%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-danger) 20%, transparent);
+  }
+
+  .textarea[data-disabled="true"],
+  .textarea[aria-disabled="true"] {
+    cursor: not-allowed;
+    border-color: color-mix(in oklab, var(--color-base-content) 12%, transparent);
+    background-color: var(--color-base-200);
+    color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
+    box-shadow: none;
+    opacity: var(--disabled-opacity, 0.6);
+  }
+
+  .textarea--primary {
+  }
+
+  .textarea--secondary {
+    box-shadow: none;
+    background-color: var(--textarea-bg, var(--color-default, var(--color-base-200)));
+  }
+
+  @media (hover: hover) {
+    .textarea--secondary:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
+      background-color: var(--textarea-bg-hover, var(--color-default-hover, var(--color-base-300)));
+    }
+  }
+
+  .textarea--secondary:focus,
+  .textarea--secondary[data-focused="true"] {
+    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+  }
+
+  .textarea--secondary[data-invalid="true"] {
+    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+  }
+
+  .textarea--full-width {
+    width: 100%;
+  }
+}

package/dist/components/text-area/TextArea.d.ts

@@ -0,0 +1,19 @@
+import "./TextArea.css";
+import { type Component, type JSX } from "solid-js";
+import { type TextFieldVariant } from "../text-field";
+import type { IComponentBaseProps } from "../types";
+export type TextAreaVariant = TextFieldVariant;
+export type TextAreaRootProps = Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "children"> & IComponentBaseProps & {
+    variant?: TextAreaVariant;
+    fullWidth?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    disabled?: boolean;
+};
+declare const TextAreaRoot: Component<TextAreaRootProps>;
+declare const TextArea: Component<TextAreaRootProps> & {
+    Root: Component<TextAreaRootProps>;
+};
+export default TextArea;
+export { TextArea, TextAreaRoot };
+export type { TextAreaRootProps as TextAreaProps };

package/dist/components/text-area/TextArea.js

@@ -0,0 +1,61 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./TextArea.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__text_field_index_js_54530d22__ from "../text-field/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__ from "./TextArea.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
+const TextAreaRoot = (props)=>{
+    const textFieldContext = (0, __WEBPACK_EXTERNAL_MODULE__text_field_index_js_54530d22__.useTextFieldContext)();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "variant",
+        "fullWidth",
+        "isInvalid",
+        "isDisabled",
+        "disabled"
+    ]);
+    const variant = ()=>local.variant ?? textFieldContext?.variant() ?? "primary";
+    const fullWidth = ()=>Boolean(local.fullWidth) || Boolean(textFieldContext?.fullWidth());
+    const isInvalid = ()=>Boolean(local.isInvalid);
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.flag.fullWidth, local.class, local.className);
+            },
+            "data-slot": "textarea",
+            get ["data-invalid"] () {
+                return isInvalid() ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : void 0;
+            },
+            get ["aria-invalid"] () {
+                return isInvalid() ? "true" : void 0;
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get disabled () {
+                return isDisabled();
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const TextArea_TextArea = Object.assign(TextAreaRoot, {
+    Root: TextAreaRoot
+});
+const TextArea = TextArea_TextArea;
+export { TextArea_TextArea as TextArea, TextAreaRoot, TextArea as default };

package/dist/components/text-area/index.d.ts

@@ -0,0 +1 @@
+export { default, TextArea, TextAreaRoot, type TextAreaProps, type TextAreaRootProps, type TextAreaVariant, } from "./TextArea";

package/dist/components/text-area/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__ from "./TextArea.js";
+var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__.TextArea;
+var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__.TextAreaRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__["default"];
+export { __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot, __webpack_exports__default as default };

package/dist/components/text-field/TextField.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "text-field";
+    readonly variant: {
+        readonly primary: "text-field--primary";
+        readonly secondary: "text-field--secondary";
+    };
+    readonly flag: {
+        readonly fullWidth: "text-field--full-width";
+    };
+};

package/dist/components/text-field/TextField.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "text-field",
+    variant: {
+        primary: "text-field--primary",
+        secondary: "text-field--secondary"
+    },
+    flag: {
+        fullWidth: "text-field--full-width"
+    }
+};
+export { CLASSES };

package/dist/components/text-field/TextField.css

@@ -0,0 +1,33 @@
+@layer components {
+  .text-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .text-field[data-invalid="true"] [data-slot="description"],
+  .text-field[aria-invalid="true"] [data-slot="description"] {
+    display: none;
+  }
+
+  .text-field [data-slot="description"] {
+    padding-inline: 0.25rem;
+  }
+
+  .text-field--full-width {
+    width: 100%;
+  }
+
+  .text-field--full-width [data-slot="input"],
+  .text-field--full-width [data-slot="textarea"],
+  .text-field--full-width [data-slot="input-group"],
+  .text-field--full-width [data-slot="date-input-group"] {
+    width: 100%;
+  }
+
+  .text-field--primary {
+  }
+
+  .text-field--secondary {
+  }
+}

package/dist/components/text-field/TextField.d.ts

@@ -0,0 +1,34 @@
+import "./TextField.css";
+import { type Accessor, type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type TextFieldVariant = "primary" | "secondary";
+export type TextFieldRenderProps = {
+    isInvalid: boolean;
+    isDisabled: boolean;
+    isRequired: boolean;
+};
+export type TextFieldContextValue = {
+    variant: Accessor<TextFieldVariant>;
+    fullWidth: Accessor<boolean>;
+    isInvalid: Accessor<boolean>;
+    isDisabled: Accessor<boolean>;
+    isRequired: Accessor<boolean>;
+};
+export declare const TextFieldContext: import("solid-js").Context<TextFieldContextValue | undefined>;
+export type TextFieldRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element | ((props: TextFieldRenderProps) => JSX.Element);
+    variant?: TextFieldVariant;
+    fullWidth?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    disabled?: boolean;
+    isRequired?: boolean;
+};
+declare const TextFieldRoot: Component<TextFieldRootProps>;
+declare const TextField: Component<TextFieldRootProps> & {
+    Root: Component<TextFieldRootProps>;
+};
+declare const useTextFieldContext: () => TextFieldContextValue | undefined;
+export default TextField;
+export { TextField, TextFieldRoot, useTextFieldContext };
+export type { TextFieldRootProps as TextFieldProps };

package/dist/components/text-field/TextField.js

@@ -0,0 +1,82 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./TextField.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__ from "./TextField.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TextFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const TextFieldRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "variant",
+        "fullWidth",
+        "isInvalid",
+        "isDisabled",
+        "disabled",
+        "isRequired"
+    ]);
+    const variant = ()=>local.variant ?? "primary";
+    const fullWidth = ()=>Boolean(local.fullWidth);
+    const isInvalid = ()=>Boolean(local.isInvalid);
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isRequired = ()=>Boolean(local.isRequired);
+    const renderChildren = ()=>{
+        if ("function" == typeof local.children) return local.children({
+            isInvalid: isInvalid(),
+            isDisabled: isDisabled(),
+            isRequired: isRequired()
+        });
+        return local.children;
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TextFieldContext.Provider, {
+        value: {
+            variant,
+            fullWidth,
+            isInvalid,
+            isDisabled,
+            isRequired
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.flag.fullWidth, local.class, local.className);
+                },
+                "data-slot": "textfield",
+                get ["data-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-required"] () {
+                    return isRequired() ? "true" : void 0;
+                },
+                get ["aria-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, renderChildren);
+            return _el$;
+        }
+    });
+};
+const TextField = Object.assign(TextFieldRoot, {
+    Root: TextFieldRoot
+});
+const useTextFieldContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TextFieldContext);
+const text_field_TextField = TextField;
+export { TextField, TextFieldContext, TextFieldRoot, text_field_TextField as default, useTextFieldContext };

package/dist/components/text-field/index.d.ts

@@ -0,0 +1 @@
+export { default, TextField, TextFieldRoot, TextFieldContext, useTextFieldContext, type TextFieldProps, type TextFieldRootProps, type TextFieldVariant, type TextFieldRenderProps, type TextFieldContextValue, } from "./TextField";

package/dist/components/text-field/index.js

@@ -0,0 +1,7 @@
+import * as __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__ from "./TextField.js";
+var __webpack_exports__TextField = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextField;
+var __webpack_exports__TextFieldContext = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextFieldContext;
+var __webpack_exports__TextFieldRoot = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextFieldRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__["default"];
+var __webpack_exports__useTextFieldContext = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.useTextFieldContext;
+export { __webpack_exports__TextField as TextField, __webpack_exports__TextFieldContext as TextFieldContext, __webpack_exports__TextFieldRoot as TextFieldRoot, __webpack_exports__default as default, __webpack_exports__useTextFieldContext as useTextFieldContext };

package/dist/components/textarea/Textarea.d.ts

@@ -1,15 +1,10 @@
-import "./textarea.css";
-import { type JSX } from "solid-js";
-import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
-type TextareaBaseProps = {
-    color?: ComponentColor;
-    size?: ComponentSize;
-    dataTheme?: string;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    resize?: "none" | "x" | "y" | "both";
+import { type Component } from "solid-js";
+import { TextArea, TextAreaRoot, type TextAreaProps as BaseTextAreaProps, type TextAreaRootProps as BaseTextAreaRootProps, type TextAreaVariant as BaseTextAreaVariant } from "../text-area";
+export type TextareaVariant = BaseTextAreaVariant;
+export type TextareaRootProps = BaseTextAreaRootProps;
+export type TextareaProps = BaseTextAreaProps;
+declare const Textarea: Component<BaseTextAreaProps> & {
+    Root: Component<BaseTextAreaProps>;
 };
-export type TextareaProps = TextareaBaseProps & IComponentBaseProps & Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof TextareaBaseProps>;
-declare const Textarea: (props: TextareaProps) => JSX.Element;
 export default Textarea;
+export { Textarea, TextArea, TextAreaRoot };

package/dist/components/textarea/Textarea.js

@@ -1,53 +1,22 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./textarea.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
-const Textarea = (props)=>{
+import * as __WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__ from "../text-area/index.js";
+const TextareaRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "color",
-        "size",
-        "dataTheme",
         "class",
-        "className",
-        "style",
-        "resize"
+        "className"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("textarea", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "textarea-xl": "xl" === local.size,
-            "textarea-lg": "lg" === local.size,
-            "textarea-md": "md" === local.size,
-            "textarea-sm": "sm" === local.size,
-            "textarea-xs": "xs" === local.size,
-            "textarea-primary": "primary" === local.color,
-            "textarea-secondary": "secondary" === local.color,
-            "textarea-accent": "accent" === local.color,
-            "textarea-ghost": "ghost" === local.color,
-            "textarea-info": "info" === local.color,
-            "textarea-success": "success" === local.color,
-            "textarea-warning": "warning" === local.color,
-            "textarea-error": "error" === local.color,
-            "resize-y": "y" === local.resize,
-            "resize-x": "x" === local.resize,
-            "resize-none": "none" === local.resize,
-            "resize-both": "both" === local.resize
-        }));
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, false);
-        return _el$;
-    })();
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className);
+        }
+    }));
 };
+const Textarea = Object.assign(TextareaRoot, {
+    Root: TextareaRoot
+});
 const textarea_Textarea = Textarea;
-export { textarea_Textarea as default };
+var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextArea;
+var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot;
+export { Textarea, textarea_Textarea as default, __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot };

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

@@ -1 +1,2 @@
-export { default, type TextareaProps } from "./Textarea";
+export { default as Textarea } from "./Textarea";
+export { default, TextArea, TextAreaRoot, type TextareaProps as TextAreaProps, type TextareaRootProps as TextAreaRootProps, type TextareaVariant as TextAreaVariant, } from "./Textarea";

package/dist/components/textarea/index.js

@@ -1,3 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__ from "./Textarea.js";
+var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__.TextArea;
+var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__.TextAreaRoot;
+var __webpack_exports__Textarea = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__["default"];
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__["default"];
-export { __webpack_exports__default as default };
+export { __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot, __webpack_exports__Textarea as Textarea, __webpack_exports__default as default };

package/dist/components/time-field/TimeField.classes.d.ts

@@ -0,0 +1,37 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "time-field";
+        readonly variant: {
+            readonly primary: "time-field--primary";
+            readonly secondary: "time-field--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "time-field--full-width";
+        };
+    };
+    readonly Group: {
+        readonly base: "date-input-group";
+        readonly variant: {
+            readonly primary: "date-input-group--primary";
+            readonly secondary: "date-input-group--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "date-input-group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "date-input-group__input";
+    };
+    readonly InputContainer: {
+        readonly base: "date-input-group__input-container";
+    };
+    readonly Segment: {
+        readonly base: "date-input-group__segment";
+    };
+    readonly Prefix: {
+        readonly base: "date-input-group__prefix";
+    };
+    readonly Suffix: {
+        readonly base: "date-input-group__suffix";
+    };
+};

package/dist/components/time-field/TimeField.classes.js

@@ -0,0 +1,38 @@
+const CLASSES = {
+    Root: {
+        base: "time-field",
+        variant: {
+            primary: "time-field--primary",
+            secondary: "time-field--secondary"
+        },
+        flag: {
+            fullWidth: "time-field--full-width"
+        }
+    },
+    Group: {
+        base: "date-input-group",
+        variant: {
+            primary: "date-input-group--primary",
+            secondary: "date-input-group--secondary"
+        },
+        flag: {
+            fullWidth: "date-input-group--full-width"
+        }
+    },
+    Input: {
+        base: "date-input-group__input"
+    },
+    InputContainer: {
+        base: "date-input-group__input-container"
+    },
+    Segment: {
+        base: "date-input-group__segment"
+    },
+    Prefix: {
+        base: "date-input-group__prefix"
+    },
+    Suffix: {
+        base: "date-input-group__suffix"
+    }
+};
+export { CLASSES };