@pathscale/ui 1.1.34 → 1.1.35

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

@@ -0,0 +1 @@
+export { default, Tag, TagRoot, TagRemoveButton, type TagProps, type TagRootProps, type TagRemoveButtonProps, type TagSize, type TagVariant, } from "./Tag";

package/dist/components/tag/index.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__ from "./Tag.js";
+var __webpack_exports__Tag = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.Tag;
+var __webpack_exports__TagRemoveButton = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRemoveButton;
+var __webpack_exports__TagRoot = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__["default"];
+export { __webpack_exports__Tag as Tag, __webpack_exports__TagRemoveButton as TagRemoveButton, __webpack_exports__TagRoot as TagRoot, __webpack_exports__default as default };

package/dist/components/tag-group/TagGroup.css

@@ -0,0 +1,22 @@
+@layer components {
+  .tag-group {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tag-group__list {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.375rem;
+  }
+
+  .tag-group [slot="description"],
+  .tag-group [data-slot="description"],
+  .tag-group [slot="errorMessage"],
+  .tag-group [data-slot="error-message"] {
+    padding: 0.25rem;
+  }
+}

package/dist/components/tag-group/TagGroup.d.ts

@@ -0,0 +1,32 @@
+import "./TagGroup.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { TagSize, TagVariant } from "../tag";
+import { type TagSelectionMode } from "./context";
+export type TagGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
+    children?: JSX.Element;
+    size?: TagSize;
+    variant?: TagVariant;
+    selectionMode?: TagSelectionMode;
+    selectedKeys?: Iterable<string | number>;
+    defaultSelectedKeys?: Iterable<string | number>;
+    disabledKeys?: Iterable<string | number>;
+    onSelectionChange?: (keys: Set<string>) => void;
+    onRemove?: (keys: Set<string>) => void;
+    isDisabled?: boolean;
+    disabled?: boolean;
+};
+export type TagGroupListProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element | ((item: unknown) => JSX.Element);
+    items?: readonly unknown[];
+    renderEmptyState?: () => JSX.Element;
+};
+declare const TagGroupRoot: ParentComponent<TagGroupRootProps>;
+declare const TagGroupList: Component<TagGroupListProps>;
+declare const TagGroup: ParentComponent<TagGroupRootProps> & {
+    Root: ParentComponent<TagGroupRootProps>;
+    List: Component<TagGroupListProps>;
+};
+export default TagGroup;
+export { TagGroup, TagGroupRoot, TagGroupList };
+export type { TagGroupRootProps as TagGroupProps };

package/dist/components/tag-group/TagGroup.js

@@ -0,0 +1,177 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./TagGroup.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__context_js_80e2871f__ from "./context.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const normalizeKeys = (keys)=>{
+    if (!keys) return new Set();
+    return new Set(Array.from(keys, (key)=>String(key)));
+};
+const TagGroupRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "size",
+        "variant",
+        "selectionMode",
+        "selectedKeys",
+        "defaultSelectedKeys",
+        "disabledKeys",
+        "onSelectionChange",
+        "onRemove",
+        "isDisabled",
+        "disabled",
+        "role"
+    ]);
+    const [internalSelectedKeys, setInternalSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeKeys(local.defaultSelectedKeys));
+    const selectionMode = ()=>local.selectionMode ?? "none";
+    const size = ()=>local.size ?? "md";
+    const variant = ()=>local.variant ?? "default";
+    const isControlled = ()=>void 0 !== local.selectedKeys;
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const selectedKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
+    const disabledKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeKeys(local.disabledKeys));
+    const allowsRemoving = ()=>"function" == typeof local.onRemove;
+    const updateSelection = (nextKeys)=>{
+        if (!isControlled()) setInternalSelectedKeys(nextKeys);
+        local.onSelectionChange?.(nextKeys);
+    };
+    const selectKey = (key, event)=>{
+        if (event.defaultPrevented || isDisabled() || disabledKeys().has(key)) return;
+        if ("none" === selectionMode()) return;
+        const current = selectedKeys();
+        let next;
+        if ("single" === selectionMode()) {
+            if (current.has(key) && 1 === current.size) return;
+            next = new Set([
+                key
+            ]);
+        } else {
+            next = new Set(current);
+            if (next.has(key)) next.delete(key);
+            else next.add(key);
+        }
+        updateSelection(next);
+    };
+    const removeKey = (key, event)=>{
+        if (event.defaultPrevented || isDisabled()) return;
+        local.onRemove?.(new Set([
+            key
+        ]));
+        if (selectedKeys().has(key)) {
+            const next = new Set(selectedKeys());
+            next.delete(key);
+            updateSelection(next);
+        }
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.TagGroupContext.Provider, {
+        value: {
+            size,
+            variant,
+            selectionMode,
+            selectedKeys,
+            disabledKeys,
+            isDisabled,
+            allowsRemoving,
+            selectKey,
+            removeKey
+        },
+        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 role () {
+                    return local.role ?? "group";
+                },
+                "data-slot": "tag-group",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get ["data-size"] () {
+                    return size();
+                },
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-selection-mode"] () {
+                    return selectionMode();
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : "false";
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tag-group", local.class, local.className);
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const TagGroupList = (props)=>{
+    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.TagGroupContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "items",
+        "renderEmptyState",
+        "role"
+    ]);
+    const renderChildren = ()=>{
+        if (local.items) {
+            if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
+            if ("function" == typeof local.children) {
+                const renderItem = local.children;
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return local.items;
+                    },
+                    children: (item)=>renderItem(item)
+                });
+            }
+            return local.children ?? null;
+        }
+        return "function" == typeof local.children ? null : local.children ?? null;
+    };
+    return (()=>{
+        var _el$2 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get role () {
+                return local.role ?? (group?.selectionMode() === "none" ? "list" : "listbox");
+            },
+            get ["aria-multiselectable"] () {
+                return group?.selectionMode() === "multiple" ? "true" : void 0;
+            },
+            "data-slot": "tag-group-list",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tag-group__list", local.class, local.className);
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, renderChildren);
+        return _el$2;
+    })();
+};
+const TagGroup_TagGroup = Object.assign(TagGroupRoot, {
+    Root: TagGroupRoot,
+    List: TagGroupList
+});
+const TagGroup = TagGroup_TagGroup;
+export { TagGroup_TagGroup as TagGroup, TagGroupList, TagGroupRoot, TagGroup as default };

package/dist/components/tag-group/context.d.ts

@@ -0,0 +1,15 @@
+import { type Accessor } from "solid-js";
+import type { TagSize, TagVariant } from "../tag";
+export type TagSelectionMode = "none" | "single" | "multiple";
+export type TagGroupContextValue = {
+    size: Accessor<TagSize>;
+    variant: Accessor<TagVariant>;
+    selectionMode: Accessor<TagSelectionMode>;
+    selectedKeys: Accessor<Set<string>>;
+    disabledKeys: Accessor<Set<string>>;
+    isDisabled: Accessor<boolean>;
+    allowsRemoving: Accessor<boolean>;
+    selectKey: (key: string, event: Event) => void;
+    removeKey: (key: string, event: Event) => void;
+};
+export declare const TagGroupContext: import("solid-js").Context<TagGroupContextValue | undefined>;

package/dist/components/tag-group/context.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const TagGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+export { TagGroupContext };

package/dist/components/tag-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default, TagGroup, TagGroupRoot, TagGroupList, type TagGroupProps, type TagGroupRootProps, type TagGroupListProps, } from "./TagGroup";
+export type { TagSelectionMode } from "./context";

package/dist/components/tag-group/index.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__ from "./TagGroup.js";
+var __webpack_exports__TagGroup = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroup;
+var __webpack_exports__TagGroupList = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupList;
+var __webpack_exports__TagGroupRoot = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__["default"];
+export { __webpack_exports__TagGroup as TagGroup, __webpack_exports__TagGroupList as TagGroupList, __webpack_exports__TagGroupRoot as TagGroupRoot, __webpack_exports__default as default };

package/dist/components/text/Text.css

@@ -0,0 +1,66 @@
+@layer components {
+  .text {
+    --text-color-default: var(--color-foreground);
+    --text-color-muted: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 55%, transparent)
+    );
+    --text-color-success: var(--color-success);
+    --text-color-warning: var(--color-warning);
+    --text-color-danger: var(--color-danger);
+    --text-color: var(--text-color-default);
+    --text-font-size: 1rem;
+    --text-line-height: 1.5rem;
+
+    color: var(--text-color);
+    font-size: var(--text-font-size);
+    line-height: var(--text-line-height);
+    transition-property: color;
+    transition-duration: 200ms;
+  }
+
+  .text[data-size="xs"] {
+    --text-font-size: 0.75rem;
+    --text-line-height: 1rem;
+  }
+
+  .text[data-size="sm"] {
+    --text-font-size: 0.875rem;
+    --text-line-height: 1.25rem;
+  }
+
+  .text[data-size="base"] {
+    --text-font-size: 1rem;
+    --text-line-height: 1.5rem;
+  }
+
+  .text[data-size="lg"] {
+    --text-font-size: 1.125rem;
+    --text-line-height: 1.75rem;
+  }
+
+  .text[data-size="xl"] {
+    --text-font-size: 1.25rem;
+    --text-line-height: 1.75rem;
+  }
+
+  .text[data-variant="default"] {
+    --text-color: var(--text-color-default);
+  }
+
+  .text[data-variant="muted"] {
+    --text-color: var(--text-color-muted);
+  }
+
+  .text[data-variant="success"] {
+    --text-color: var(--text-color-success);
+  }
+
+  .text[data-variant="warning"] {
+    --text-color: var(--text-color-warning);
+  }
+
+  .text[data-variant="danger"] {
+    --text-color: var(--text-color-danger);
+  }
+}

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

@@ -0,0 +1,17 @@
+import "./Text.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type TextSize = "xs" | "sm" | "base" | "lg" | "xl";
+export type TextVariant = "default" | "muted" | "success" | "warning" | "danger";
+export type TextRootProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "color"> & IComponentBaseProps & {
+    size?: TextSize;
+    variant?: TextVariant;
+    children?: JSX.Element;
+};
+declare const TextRoot: Component<TextRootProps>;
+declare const Text: Component<TextRootProps> & {
+    Root: Component<TextRootProps>;
+};
+export default Text;
+export { Text, TextRoot };
+export type { TextRootProps as TextProps };

package/dist/components/text/Text.js

@@ -0,0 +1,46 @@
+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";
+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)("text", 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.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,64 @@
+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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
+const VARIANT_CLASS_MAP = {
+    primary: "textarea--primary",
+    secondary: "textarea--secondary"
+};
+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)("textarea", VARIANT_CLASS_MAP[variant()], fullWidth() && "textarea--full-width", 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.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 {
+  }
+}