@pathscale/ui 1.3.1 → 1.4.0

package/dist/components/input/Input.js

@@ -1,294 +0,0 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import "./Input.css";
-import { Show, createContext, createUniqueId, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Input.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template("<div><input>"), _tmpl$4 = /*#__PURE__*/ template("<label>"), _tmpl$5 = /*#__PURE__*/ template("<p>");
-const InputContext = createContext();
-const InputRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "size",
-        "fullWidth",
-        "isDisabled",
-        "isInvalid",
-        "dataTheme"
-    ]);
-    const baseId = createUniqueId();
-    const size = ()=>local.size ?? "md";
-    const isDisabled = ()=>Boolean(local.isDisabled);
-    const isInvalid = ()=>Boolean(local.isInvalid);
-    const fullWidth = ()=>Boolean(local.fullWidth);
-    return createComponent(InputContext.Provider, {
-        value: {
-            fieldId: ()=>`${baseId}-field`,
-            helperId: ()=>`${baseId}-helper`,
-            size,
-            isDisabled,
-            isInvalid,
-            fullWidth
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.base, fullWidth() && CLASSES.flag.fullWidthRoot, local.class, local.className)
-                }), {
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                "data-slot": "input-root"
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const InputField = (props)=>{
-    const ctx = useContext(InputContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "size",
-        "isDisabled",
-        "disabled",
-        "isInvalid",
-        "fullWidth",
-        "startIcon",
-        "endIcon",
-        "dataTheme",
-        "id",
-        "aria-invalid"
-    ]);
-    const size = ()=>local.size ?? ctx?.size() ?? "md";
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(ctx?.isDisabled());
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(local["aria-invalid"]) || Boolean(ctx?.isInvalid());
-    const fullWidth = ()=>Boolean(local.fullWidth) || Boolean(ctx?.fullWidth());
-    const inputId = ()=>local.id ?? ctx?.fieldId();
-    const ariaInvalid = ()=>local["aria-invalid"] ?? (isInvalid() ? true : void 0);
-    const controlClasses = ()=>twMerge(CLASSES.slot.control, CLASSES.size[size()], fullWidth() && CLASSES.flag.fullWidthControl, isDisabled() && CLASSES.flag.disabled, isInvalid() && CLASSES.flag.invalid, local.class, local.className);
-    return (()=>{
-        var _el$2 = _tmpl$3(), _el$4 = _el$2.firstChild;
-        spread(_el$2, mergeProps(()=>({
-                class: controlClasses()
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "input-control",
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["data-invalid"] () {
-                return isInvalid() ? "true" : "false";
-            }
-        }), false, true);
-        insert(_el$2, createComponent(Show, {
-            get when () {
-                return local.startIcon;
-            },
-            get children () {
-                var _el$3 = _tmpl$2();
-                spread(_el$3, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
-                    }), {
-                    "data-slot": "input-start-icon"
-                }), false, true);
-                insert(_el$3, ()=>local.startIcon);
-                return _el$3;
-            }
-        }), _el$4);
-        spread(_el$4, mergeProps(others, {
-            get id () {
-                return inputId();
-            }
-        }, ()=>({
-                class: CLASSES.slot.field
-            }), {
-            get disabled () {
-                return isDisabled();
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["aria-invalid"] () {
-                return ariaInvalid();
-            },
-            "data-slot": "input-field"
-        }), false, false);
-        insert(_el$2, createComponent(Show, {
-            get when () {
-                return local.endIcon;
-            },
-            get children () {
-                var _el$5 = _tmpl$2();
-                spread(_el$5, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
-                    }), {
-                    "data-slot": "input-end-icon"
-                }), false, true);
-                insert(_el$5, ()=>local.endIcon);
-                return _el$5;
-            }
-        }), null);
-        return _el$2;
-    })();
-};
-const InputLabel = (props)=>{
-    const ctx = useContext(InputContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "for",
-        "children"
-    ]);
-    return (()=>{
-        var _el$6 = _tmpl$4();
-        spread(_el$6, mergeProps(others, {
-            get ["for"] () {
-                return local.for ?? ctx?.fieldId();
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.slot.label, local.class, local.className)
-            }), {
-            "data-slot": "input-label"
-        }), false, true);
-        insert(_el$6, ()=>local.children);
-        return _el$6;
-    })();
-};
-const InputHelper = (props)=>{
-    const ctx = useContext(InputContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "invalid",
-        "id",
-        "children"
-    ]);
-    const invalid = ()=>Boolean(local.invalid) || Boolean(ctx?.isInvalid());
-    return (()=>{
-        var _el$7 = _tmpl$5();
-        spread(_el$7, mergeProps(others, {
-            get id () {
-                return local.id ?? ctx?.helperId();
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.slot.helper, invalid() && CLASSES.flag.helperInvalid, local.class, local.className)
-            }), {
-            "data-slot": "input-helper"
-        }), false, true);
-        insert(_el$7, ()=>local.children);
-        return _el$7;
-    })();
-};
-const InputBase = (props)=>{
-    const generatedId = createUniqueId();
-    const [local, fieldProps] = splitProps(props, [
-        "id",
-        "size",
-        "fullWidth",
-        "isDisabled",
-        "disabled",
-        "isInvalid",
-        "label",
-        "helperText",
-        "errorMessage",
-        "class",
-        "className",
-        "aria-invalid",
-        "dataTheme"
-    ]);
-    const inputId = ()=>local.id ?? `${generatedId}-input`;
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(local["aria-invalid"]) || null != local.errorMessage;
-    const helperContent = ()=>local.errorMessage ?? local.helperText;
-    const hasHelper = ()=>null != helperContent();
-    const helperId = ()=>`${inputId()}-helper`;
-    return createComponent(InputRoot, {
-        get size () {
-            return local.size;
-        },
-        get fullWidth () {
-            return local.fullWidth ?? true;
-        },
-        get isDisabled () {
-            return isDisabled();
-        },
-        get isInvalid () {
-            return isInvalid();
-        },
-        get dataTheme () {
-            return local.dataTheme;
-        },
-        get children () {
-            return [
-                createComponent(Show, {
-                    get when () {
-                        return local.label;
-                    },
-                    get children () {
-                        return createComponent(InputLabel, {
-                            get children () {
-                                return local.label;
-                            }
-                        });
-                    }
-                }),
-                createComponent(InputField, mergeProps(fieldProps, {
-                    get id () {
-                        return inputId();
-                    },
-                    get size () {
-                        return local.size;
-                    },
-                    get isDisabled () {
-                        return isDisabled();
-                    },
-                    get isInvalid () {
-                        return isInvalid();
-                    },
-                    get ["aria-describedby"] () {
-                        return memo(()=>!!hasHelper())() ? helperId() : void 0;
-                    }
-                }, ()=>({
-                        class: local.class
-                    }), {
-                    get className () {
-                        return local.className;
-                    },
-                    get dataTheme () {
-                        return local.dataTheme;
-                    }
-                })),
-                createComponent(Show, {
-                    get when () {
-                        return hasHelper();
-                    },
-                    get children () {
-                        return createComponent(InputHelper, {
-                            get id () {
-                                return helperId();
-                            },
-                            get invalid () {
-                                return isInvalid();
-                            },
-                            get children () {
-                                return helperContent();
-                            }
-                        });
-                    }
-                })
-            ];
-        }
-    });
-};
-const Input = Object.assign(InputBase, {
-    Root: InputRoot,
-    Field: InputField,
-    Label: InputLabel,
-    Helper: InputHelper
-});
-const input_Input = Input;
-export default input_Input;

package/dist/components/input-group/InputGroup.classes.d.ts

@@ -1,21 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "input-group";
-        readonly variant: {
-            readonly primary: "input-group--primary";
-            readonly secondary: "input-group--secondary";
-        };
-        readonly flag: {
-            readonly fullWidth: "input-group--full-width";
-        };
-    };
-    readonly Input: {
-        readonly base: "input-group__input";
-    };
-    readonly Prefix: {
-        readonly base: "input-group__prefix";
-    };
-    readonly Suffix: {
-        readonly base: "input-group__suffix";
-    };
-};

package/dist/components/input-group/InputGroup.classes.js

@@ -1,22 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "input-group",
-        variant: {
-            primary: "input-group--primary",
-            secondary: "input-group--secondary"
-        },
-        flag: {
-            fullWidth: "input-group--full-width"
-        }
-    },
-    Input: {
-        base: "input-group__input"
-    },
-    Prefix: {
-        base: "input-group__prefix"
-    },
-    Suffix: {
-        base: "input-group__suffix"
-    }
-};
-export { CLASSES };

package/dist/components/input-group/InputGroup.d.ts

@@ -1,44 +0,0 @@
-import "./InputGroup.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import { type TextFieldVariant } from "../text-field";
-import type { IComponentBaseProps } from "../types";
-export type InputGroupVariant = TextFieldVariant;
-export type InputGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    variant?: InputGroupVariant;
-    fullWidth?: boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-    isInvalid?: boolean;
-};
-export type InputGroupInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "disabled"> & IComponentBaseProps & {
-    isDisabled?: boolean;
-    disabled?: boolean;
-    isInvalid?: boolean;
-};
-export type InputGroupTextAreaProps = Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled"> & IComponentBaseProps & {
-    isDisabled?: boolean;
-    disabled?: boolean;
-    isInvalid?: boolean;
-};
-export type InputGroupPrefixProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type InputGroupSuffixProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-declare const InputGroupRoot: ParentComponent<InputGroupRootProps>;
-declare const InputGroupInput: Component<InputGroupInputProps>;
-declare const InputGroupTextArea: Component<InputGroupTextAreaProps>;
-declare const InputGroupPrefix: ParentComponent<InputGroupPrefixProps>;
-declare const InputGroupSuffix: ParentComponent<InputGroupSuffixProps>;
-declare const InputGroup: ParentComponent<InputGroupRootProps> & {
-    Root: ParentComponent<InputGroupRootProps>;
-    Input: Component<InputGroupInputProps>;
-    TextArea: Component<InputGroupTextAreaProps>;
-    Prefix: ParentComponent<InputGroupPrefixProps>;
-    Suffix: ParentComponent<InputGroupSuffixProps>;
-};
-export default InputGroup;
-export { InputGroup, InputGroupRoot, InputGroupInput, InputGroupTextArea, InputGroupPrefix, InputGroupSuffix, };
-export type { InputGroupRootProps as InputGroupProps };

package/dist/components/input-group/InputGroup.js

@@ -1,220 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
-import "./InputGroup.css";
-import { createContext, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { useTextFieldContext } from "../text-field/index.js";
-import { CLASSES } from "./InputGroup.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<textarea>");
-const InputGroupContext = createContext();
-const invokeEventHandler = (handler, event)=>{
-    if ("function" == typeof handler) return void handler(event);
-    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
-};
-const InputGroupRoot = (props)=>{
-    const textFieldContext = useTextFieldContext();
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "variant",
-        "fullWidth",
-        "isDisabled",
-        "disabled",
-        "isInvalid",
-        "onClick",
-        "ref",
-        "aria-invalid"
-    ]);
-    let groupRef;
-    const variant = ()=>local.variant ?? textFieldContext?.variant?.() ?? "primary";
-    const fullWidth = ()=>Boolean(local.fullWidth) || Boolean(textFieldContext?.fullWidth?.());
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(textFieldContext?.isDisabled?.());
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(textFieldContext?.isInvalid?.()) || Boolean(local["aria-invalid"]) || "true" === local["aria-invalid"];
-    const handleClick = (event)=>{
-        if (!isDisabled()) {
-            const target = event.target;
-            const input = groupRef?.querySelector('[data-slot="input-group-input"], [data-slot="input-group-textarea"]');
-            if (input && target !== input && !input.contains(target)) input.focus();
-        }
-        invokeEventHandler(local.onClick, event);
-    };
-    return createComponent(InputGroupContext.Provider, {
-        value: {
-            variant,
-            fullWidth,
-            isDisabled,
-            isInvalid
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            use((node)=>{
-                groupRef = node;
-                if ("function" == typeof local.ref) local.ref(node);
-            }, _el$);
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
-                }), {
-                "data-slot": "input-group",
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                },
-                get ["data-invalid"] () {
-                    return isInvalid() ? "true" : void 0;
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                },
-                get ["aria-invalid"] () {
-                    return isInvalid() ? "true" : void 0;
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                },
-                onClick: handleClick
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const InputGroupInput = (props)=>{
-    const context = useContext(InputGroupContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "isDisabled",
-        "disabled",
-        "isInvalid"
-    ]);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(context?.isDisabled());
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Input.base, local.class, local.className)
-            }), {
-            "data-slot": "input-group-input",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            }
-        }), false, false);
-        return _el$2;
-    })();
-};
-const InputGroupTextArea = (props)=>{
-    const context = useContext(InputGroupContext);
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "isDisabled",
-        "disabled",
-        "isInvalid"
-    ]);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(context?.isDisabled());
-    const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Input.base, local.class, local.className)
-            }), {
-            "data-slot": "input-group-textarea",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            }
-        }), false, false);
-        return _el$3;
-    })();
-};
-const InputGroupPrefix = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Prefix.base, local.class, local.className)
-            }), {
-            "data-slot": "input-group-prefix",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const InputGroupSuffix = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$5 = _tmpl$();
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Suffix.base, local.class, local.className)
-            }), {
-            "data-slot": "input-group-suffix",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$5, ()=>local.children);
-        return _el$5;
-    })();
-};
-const InputGroup = Object.assign(InputGroupRoot, {
-    Root: InputGroupRoot,
-    Input: InputGroupInput,
-    TextArea: InputGroupTextArea,
-    Prefix: InputGroupPrefix,
-    Suffix: InputGroupSuffix
-});
-const input_group_InputGroup = InputGroup;
-export default input_group_InputGroup;
-export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupRoot, InputGroupSuffix, InputGroupTextArea };

package/dist/components/input-otp/InputOTP.classes.d.ts

@@ -1,23 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "input-otp";
-        readonly variant: {
-            readonly primary: "input-otp--primary";
-            readonly secondary: "input-otp--secondary";
-        };
-    };
-    readonly Input: {
-        readonly base: "input-otp__input";
-    };
-    readonly Group: {
-        readonly base: "input-otp__group";
-    };
-    readonly Slot: {
-        readonly base: "input-otp__slot";
-        readonly value: "input-otp__slot-value";
-        readonly caret: "input-otp__caret";
-    };
-    readonly Separator: {
-        readonly base: "input-otp__separator";
-    };
-};

package/dist/components/input-otp/InputOTP.classes.js

@@ -1,24 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "input-otp",
-        variant: {
-            primary: "input-otp--primary",
-            secondary: "input-otp--secondary"
-        }
-    },
-    Input: {
-        base: "input-otp__input"
-    },
-    Group: {
-        base: "input-otp__group"
-    },
-    Slot: {
-        base: "input-otp__slot",
-        value: "input-otp__slot-value",
-        caret: "input-otp__caret"
-    },
-    Separator: {
-        base: "input-otp__separator"
-    }
-};
-export { CLASSES };