@pathscale/ui 1.2.0 → 1.2.2

package/dist/components/dropdown-select/DropdownSelect.js

@@ -1,296 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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";
-import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=truncate>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg class="h-4 w-4 shrink-0 opacity-60"xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"clip-rule=evenodd>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="flex items-center gap-2 w-full"><span class=truncate>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"clip-rule=evenodd>');
-const DropdownSelectInner = (props)=>{
-    const [highlightedIndex, setHighlightedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(-1);
-    const listboxId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
-    let typeaheadBuffer = "";
-    let typeaheadTimer;
-    const getOptionId = (index)=>`${listboxId}-option-${index}`;
-    const selectedLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const opt = props.options.find((o)=>o.value === props.value);
-        return opt ? opt.label : props.placeholder;
-    });
-    const isOpen = ()=>props.open;
-    const findNextEnabledIndex = (from, direction)=>{
-        const len = props.options.length;
-        if (0 === len) return -1;
-        let idx = from;
-        for(let i = 0; i < len; i++){
-            idx = ((idx + direction) % len + len) % len;
-            if (!props.options[idx].disabled) return idx;
-        }
-        return -1;
-    };
-    const findFirstEnabledIndex = ()=>props.options.findIndex((o)=>!o.disabled);
-    const findLastEnabledIndex = ()=>{
-        for(let i = props.options.length - 1; i >= 0; i--)if (!props.options[i].disabled) return i;
-        return -1;
-    };
-    const selectOption = (index)=>{
-        if (index >= 0 && index < props.options.length && !props.options[index].disabled) {
-            props.onChange?.(props.options[index].value);
-            props.setOpen(false);
-            setHighlightedIndex(-1);
-        }
-    };
-    const openMenu = ()=>{
-        if (!isOpen()) {
-            props.setOpen(true);
-            const currentIdx = props.options.findIndex((o)=>o.value === props.value);
-            setHighlightedIndex(currentIdx >= 0 ? currentIdx : findFirstEnabledIndex());
-        }
-    };
-    const handleTypeahead = (char)=>{
-        if (void 0 !== typeaheadTimer) clearTimeout(typeaheadTimer);
-        typeaheadBuffer += char.toLowerCase();
-        typeaheadTimer = setTimeout(()=>{
-            typeaheadBuffer = "";
-            typeaheadTimer = void 0;
-        }, 500);
-        const matchIndex = props.options.findIndex((o)=>!o.disabled && o.label.toLowerCase().startsWith(typeaheadBuffer));
-        if (matchIndex >= 0) setHighlightedIndex(matchIndex);
-    };
-    const handleKeyDown = (e)=>{
-        if (props.disabled) return;
-        if (!isOpen()) {
-            if ("Enter" === e.key || " " === e.key || "ArrowDown" === e.key || "ArrowUp" === e.key) {
-                e.preventDefault();
-                openMenu();
-                return;
-            }
-            if (1 === e.key.length && !e.ctrlKey && !e.metaKey && !e.altKey) {
-                e.preventDefault();
-                openMenu();
-                handleTypeahead(e.key);
-            }
-            return;
-        }
-        switch(e.key){
-            case "Escape":
-                e.preventDefault();
-                e.stopPropagation();
-                props.setOpen(false);
-                setHighlightedIndex(-1);
-                break;
-            case "ArrowDown":
-                e.preventDefault();
-                setHighlightedIndex((prev)=>findNextEnabledIndex(prev, 1));
-                break;
-            case "ArrowUp":
-                e.preventDefault();
-                setHighlightedIndex((prev)=>findNextEnabledIndex(prev, -1));
-                break;
-            case "Home":
-                e.preventDefault();
-                setHighlightedIndex(findFirstEnabledIndex());
-                break;
-            case "End":
-                e.preventDefault();
-                setHighlightedIndex(findLastEnabledIndex());
-                break;
-            case "Enter":
-            case " ":
-                e.preventDefault();
-                e.stopPropagation();
-                if (highlightedIndex() >= 0) selectOption(highlightedIndex());
-                break;
-            default:
-                if (1 === e.key.length && !e.ctrlKey && !e.metaKey && !e.altKey) {
-                    e.preventDefault();
-                    handleTypeahead(e.key);
-                }
-                break;
-        }
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (isOpen() && highlightedIndex() >= 0) {
-            const el = document.getElementById(getOptionId(highlightedIndex()));
-            el?.scrollIntoView({
-                block: "nearest"
-            });
-        }
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (!isOpen()) setHighlightedIndex(-1);
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        if (void 0 !== typeaheadTimer) clearTimeout(typeaheadTimer);
-    });
-    const triggerSizeClasses = {
-        xs: "btn-xs",
-        sm: "btn-sm",
-        md: "btn-md",
-        lg: "btn-lg",
-        xl: "btn-lg"
-    };
-    return [
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("btn btn-neutral gap-2 justify-between", triggerSizeClasses[props.size]);
-            },
-            get disabled () {
-                return props.disabled;
-            },
-            "aria-haspopup": "listbox",
-            get ["aria-expanded"] () {
-                return isOpen();
-            },
-            "aria-controls": listboxId,
-            get ["aria-activedescendant"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(isOpen() && highlightedIndex() >= 0))() ? getOptionId(highlightedIndex()) : void 0;
-            },
-            onKeyDown: handleKeyDown,
-            get children () {
-                return [
-                    (()=>{
-                        var _el$ = _tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-                            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.labelRenderer);
-                            return ()=>_c$() ? props.labelRenderer(selectedLabel(), props.options.find((o)=>o.value === props.value)) : selectedLabel();
-                        })());
-                        return _el$;
-                    })(),
-                    _tmpl$2()
-                ];
-            }
-        }),
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
-            id: listboxId,
-            class: "z-10",
-            role: "listbox",
-            get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                    get each () {
-                        return props.options;
-                    },
-                    children: (option, index)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
-                            get id () {
-                                return getOptionId(index());
-                            },
-                            role: "option",
-                            get disabled () {
-                                return option.disabled;
-                            },
-                            get ["class"] () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-                                    "bg-primary/10": props.value === option.value,
-                                    "bg-base-300": highlightedIndex() === index() && props.value !== option.value,
-                                    "bg-primary/20": highlightedIndex() === index() && props.value === option.value
-                                });
-                            },
-                            onClick: ()=>{
-                                props.onChange?.(option.value);
-                                props.setOpen(false);
-                                setHighlightedIndex(-1);
-                            },
-                            onMouseEnter: ()=>setHighlightedIndex(index()),
-                            get ["aria-selected"] () {
-                                return props.value === option.value;
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.optionRenderer)() ? props.optionRenderer(option, props.value === option.value, highlightedIndex() === index()) : (()=>{
-                                    var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
-                                        var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!props.showCheckmark);
-                                        return ()=>_c$2() && (()=>{
-                                                var _el$5 = _tmpl$4();
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])("h-4 w-4 shrink-0", {
-                                                        "opacity-100": props.value === option.value,
-                                                        "opacity-0": props.value !== option.value
-                                                    })));
-                                                return _el$5;
-                                            })();
-                                    })(), _el$4);
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>option.label);
-                                    return _el$3;
-                                })();
-                            }
-                        })
-                });
-            }
-        })
-    ];
-};
-const DropdownSelect_DropdownSelect = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "options",
-        "value",
-        "onChange",
-        "label",
-        "placeholder",
-        "disabled",
-        "showCheckmark",
-        "size",
-        "aria-label",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "labelRenderer",
-        "optionRenderer"
-    ]);
-    const placeholder = ()=>local.placeholder ?? "Select...";
-    const showCheckmark = ()=>local.showCheckmark ?? true;
-    const size = ()=>local.size ?? "md";
-    const [open, setOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (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);
-        },
-        get style () {
-            return local.style;
-        },
-        get dataTheme () {
-            return local.dataTheme;
-        },
-        get ["aria-label"] () {
-            return local["aria-label"] ?? local.label;
-        },
-        role: "none",
-        get open () {
-            return open();
-        },
-        onOpenChange: setOpen,
-        get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownSelectInner, {
-                get options () {
-                    return local.options;
-                },
-                get value () {
-                    return local.value;
-                },
-                get onChange () {
-                    return local.onChange;
-                },
-                get placeholder () {
-                    return placeholder();
-                },
-                get showCheckmark () {
-                    return showCheckmark();
-                },
-                get size () {
-                    return size();
-                },
-                get disabled () {
-                    return local.disabled;
-                },
-                get labelRenderer () {
-                    return local.labelRenderer;
-                },
-                get optionRenderer () {
-                    return local.optionRenderer;
-                },
-                get open () {
-                    return open();
-                },
-                setOpen: setOpen
-            });
-        }
-    }));
-};
-const DropdownSelect = DropdownSelect_DropdownSelect;
-export { DropdownSelect as default };

package/dist/components/dropdown-select/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DropdownSelect } from "./DropdownSelect";
-export type { DropdownSelectProps, DropdownSelectOption } from "./DropdownSelect";

package/dist/components/dropdown-select/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__DropdownSelect_js_974f5336__ from "./DropdownSelect.js";
-var __webpack_exports__DropdownSelect = __WEBPACK_EXTERNAL_MODULE__DropdownSelect_js_974f5336__["default"];
-export { __webpack_exports__DropdownSelect as DropdownSelect };

package/dist/components/fileinput/FileInput.d.ts

@@ -1,15 +0,0 @@
-import "./input.css";
-import { type JSX } from "solid-js";
-import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
-type FileInputBaseProps = {
-    size?: ComponentSize;
-    color?: ComponentColor;
-    bordered?: boolean;
-    dataTheme?: string;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-};
-export type FileInputProps = FileInputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof FileInputBaseProps>;
-declare const FileInput: (props: FileInputProps) => JSX.Element;
-export default FileInput;

package/dist/components/fileinput/FileInput.js

@@ -1,51 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./input.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)("<input>");
-const FileInput_FileInput = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "size",
-        "color",
-        "bordered",
-        "dataTheme",
-        "class",
-        "className",
-        "style"
-    ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("file-input", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "file-input-xl": "xl" === local.size,
-            "file-input-lg": "lg" === local.size,
-            "file-input-md": "md" === local.size,
-            "file-input-sm": "sm" === local.size,
-            "file-input-xs": "xs" === local.size,
-            "file-input-primary": "primary" === local.color,
-            "file-input-secondary": "secondary" === local.color,
-            "file-input-accent": "accent" === local.color,
-            "file-input-ghost": "ghost" === local.color,
-            "file-input-info": "info" === local.color,
-            "file-input-success": "success" === local.color,
-            "file-input-warning": "warning" === local.color,
-            "file-input-error": "error" === local.color,
-            "file-input-bordered": local.bordered
-        })));
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            type: "file",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const FileInput = FileInput_FileInput;
-export { FileInput as default };

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

@@ -1 +0,0 @@
-export { default, type FileInputProps } from "./FileInput";

package/dist/components/fileinput/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__FileInput_js_89a3ee0d__ from "./FileInput.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__FileInput_js_89a3ee0d__["default"];
-export { __webpack_exports__default as default };

package/dist/components/fileinput/input.css

@@ -1,277 +0,0 @@
-@layer components {
-  .input {
-      cursor: text;
-      border: var(--border) solid #0000;
-      position: relative;
-      display: inline-flex;
-      flex-shrink: 1;
-      appearance: none;
-      align-items: center;
-      gap: calc(0.25rem * 2);
-      background-color: var(--color-base-100);
-      padding-inline: calc(0.25rem * 3);
-      vertical-align: middle;
-      white-space: nowrap;
-      width: clamp(3rem, 20rem, 100%);
-      height: var(--size);
-      font-size: max(var(--font-size, 0.875rem), 0.875rem);
-      touch-action: manipulation;
-      border-start-start-radius: var(--join-ss, var(--radius-field));
-      border-start-end-radius: var(--join-se, var(--radius-field));
-      border-end-start-radius: var(--join-es, var(--radius-field));
-      border-end-end-radius: var(--join-ee, var(--radius-field));
-      border-color: var(--input-color);
-      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-      --size: calc(var(--size-field, 0.25rem) * 10);
-      --input-color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .input {
-      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-    }
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .input {
-      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
-    }
-    }
-
-  .input:where(input) {
-      display: inline-flex;
-    }
-
-  .input :where(input) {
-      display: inline-flex;
-      height: 100%;
-      width: 100%;
-      appearance: none;
-      background-color: transparent;
-      border: none;
-    }
-
-  .input :where(input):focus,
-    .input :where(input):focus-within {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .input :where(input):focus,
-    .input :where(input):focus-within {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .input :where(input[type="url"]),
-    .input :where(input[type="email"]) {
-      direction: ltr;
-    }
-
-  .input :where(input[type="date"]) {
-      display: inline-flex;
-    }
-
-  .input:focus,
-    .input:focus-within {
-      --input-color: var(--color-base-content);
-      box-shadow: 0 1px var(--input-color);
-      outline: 2px solid var(--input-color);
-      outline-offset: 2px;
-      isolation: isolate;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .input:focus,
-    .input:focus-within {
-      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
-    }
-    }
-
-  @media (pointer: coarse) {
-    @supports (-webkit-touch-callout: none) {
-    .input:focus,
-    .input:focus-within {
-      --font-size: 1rem;
-    }
-    }
-    }
-
-  .input:has(> input[disabled]),
-    .input:is(:disabled, [disabled]),
-    fieldset:disabled .input {
-      cursor: not-allowed;
-      border-color: var(--color-base-200);
-      background-color: var(--color-base-200);
-      color: var(--color-base-content);
-      box-shadow: none;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .input:has(> input[disabled]),
-    .input:is(:disabled, [disabled]),
-    fieldset:disabled .input {
-      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    }
-    }
-
-  .input:has(> input[disabled])::placeholder,
-    .input:is(:disabled, [disabled])::placeholder,
-    fieldset:disabled .input::placeholder {
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .input:has(> input[disabled])::placeholder,
-    .input:is(:disabled, [disabled])::placeholder,
-    fieldset:disabled .input::placeholder {
-      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-    }
-    }
-
-  .input:has(> input[disabled]) > input[disabled] {
-      cursor: not-allowed;
-    }
-
-  .input::-webkit-date-and-time-value {
-      text-align: inherit;
-    }
-
-  .input[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -3);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input::-webkit-calendar-picker-indicator {
-      position: absolute;
-      inset-inline-end: 0.75em;
-    }
-
-  .input:has(> input[type="date"]) :where(input[type="date"]) {
-      display: inline-flex;
-      webkit-appearance: none;
-      appearance: none;
-    }
-
-  .input:has(> input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
-      position: absolute;
-      inset-inline-end: 0.75em;
-      width: 1em;
-      height: 1em;
-      cursor: pointer;
-    }
-
-  .input-lg {
-      --size: calc(var(--size-field, 0.25rem) * 12);
-      font-size: max(var(--font-size, 1.125rem), 1.125rem);
-    }
-
-  .input-lg[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -3);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input-md {
-      --size: calc(var(--size-field, 0.25rem) * 10);
-      font-size: max(var(--font-size, 0.875rem), 0.875rem);
-    }
-
-  .input-md[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -3);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input-sm {
-      --size: calc(var(--size-field, 0.25rem) * 8);
-      font-size: max(var(--font-size, 0.75rem), 0.75rem);
-    }
-
-  .input-sm[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -2);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input-xl {
-      --size: calc(var(--size-field, 0.25rem) * 14);
-      font-size: max(var(--font-size, 1.375rem), 1.375rem);
-    }
-
-  .input-xl[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -4);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input-xs {
-      --size: calc(var(--size-field, 0.25rem) * 6);
-      font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
-    }
-
-  .input-xs[type="number"]::-webkit-inner-spin-button {
-      margin-block: calc(0.25rem * -1);
-      margin-inline-end: calc(0.25rem * -3);
-    }
-
-  .input-ghost {
-      background-color: transparent;
-      box-shadow: none;
-      border-color: #0000;
-    }
-
-  .input-ghost:focus,
-    .input-ghost:focus-within {
-      background-color: var(--color-base-100);
-      color: var(--color-base-content);
-      border-color: #0000;
-      box-shadow: none;
-    }
-
-  .input-accent,
-    .input-accent:focus,
-    .input-accent:focus-within {
-      --input-color: var(--color-accent);
-    }
-
-  .input-error,
-    .input-error:focus,
-    .input-error:focus-within {
-      --input-color: var(--color-error);
-    }
-
-  .input-info,
-    .input-info:focus,
-    .input-info:focus-within {
-      --input-color: var(--color-info);
-    }
-
-  .input-neutral,
-    .input-neutral:focus,
-    .input-neutral:focus-within {
-      --input-color: var(--color-neutral);
-    }
-
-  .input-primary,
-    .input-primary:focus,
-    .input-primary:focus-within {
-      --input-color: var(--color-primary);
-    }
-
-  .input-secondary,
-    .input-secondary:focus,
-    .input-secondary:focus-within {
-      --input-color: var(--color-secondary);
-    }
-
-  .input-success,
-    .input-success:focus,
-    .input-success:focus-within {
-      --input-color: var(--color-success);
-    }
-
-  .input-warning,
-    .input-warning:focus,
-    .input-warning:focus-within {
-      --input-color: var(--color-warning);
-    }
-}

package/dist/components/form/FormBase.d.ts

@@ -1,8 +0,0 @@
-import { type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
-    autoFocus?: boolean;
-    cycleOnEnter?: boolean;
-};
-declare const FormBase: ParentComponent<FormProps>;
-export default FormBase;