@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/kbd/Kbd.js

@@ -1,149 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Kbd.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Kbd.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<kbd>"), _tmpl$2 = /*#__PURE__*/ template("<abbr>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
-const kbdKeysMap = {
-    command: "⌘",
-    shift: "⇧",
-    ctrl: "⌃",
-    option: "⌥",
-    enter: "↵",
-    delete: "⌫",
-    escape: "⎋",
-    tab: "⇥",
-    capslock: "⇪",
-    up: "↑",
-    right: "→",
-    down: "↓",
-    left: "←",
-    pageup: "⇞",
-    pagedown: "⇟",
-    home: "↖",
-    end: "↘",
-    help: "?",
-    space: "␣",
-    fn: "Fn",
-    win: "⌘",
-    alt: "⌥"
-};
-const kbdKeysLabelMap = {
-    command: "Command",
-    shift: "Shift",
-    ctrl: "Control",
-    option: "Option",
-    enter: "Enter",
-    delete: "Delete",
-    escape: "Escape",
-    tab: "Tab",
-    capslock: "Caps Lock",
-    up: "Up",
-    right: "Right",
-    down: "Down",
-    left: "Left",
-    pageup: "Page Up",
-    pagedown: "Page Down",
-    home: "Home",
-    end: "End",
-    help: "Help",
-    space: "Space",
-    fn: "Fn",
-    win: "Win",
-    alt: "Alt"
-};
-const KbdRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "children",
-        "variant"
-    ]);
-    const variant = ()=>local.variant ?? "default";
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, CLASSES.variant[variant()], local.class, local.className)
-            }), {
-            "data-slot": "kbd",
-            get ["data-variant"] () {
-                return variant();
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const KbdAbbr = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "keyValue",
-        "title"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.abbr, local.class, local.className)
-            }), {
-            get title () {
-                return local.title ?? kbdKeysLabelMap[local.keyValue];
-            },
-            "data-slot": "kbd-abbr",
-            get ["data-key"] () {
-                return local.keyValue;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>kbdKeysMap[local.keyValue]);
-        return _el$2;
-    })();
-};
-const KbdContent = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "children"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.content, local.class, local.className)
-            }), {
-            "data-slot": "kbd-content",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const Kbd = Object.assign(KbdRoot, {
-    Root: KbdRoot,
-    Abbr: KbdAbbr,
-    Content: KbdContent
-});
-const kbd_Kbd = Kbd;
-export default kbd_Kbd;
-export { KbdAbbr, KbdContent, KbdRoot, kbdKeysLabelMap, kbdKeysMap };

package/dist/components/label/Label.classes.d.ts

@@ -1,8 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "label";
-    readonly flag: {
-        readonly required: "label--required";
-        readonly disabled: "label--disabled";
-        readonly invalid: "label--invalid";
-    };
-};

package/dist/components/label/Label.classes.js

@@ -1,9 +0,0 @@
-const CLASSES = {
-    base: "label",
-    flag: {
-        required: "label--required",
-        disabled: "label--disabled",
-        invalid: "label--invalid"
-    }
-};
-export { CLASSES };

package/dist/components/label/Label.d.ts

@@ -1,17 +0,0 @@
-import "./Label.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type LabelRootProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "for"> & IComponentBaseProps & {
-    for?: string;
-    htmlFor?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-};
-declare const LabelRoot: Component<LabelRootProps>;
-declare const Label: Component<LabelRootProps> & {
-    Root: Component<LabelRootProps>;
-};
-export default Label;
-export { Label, LabelRoot };
-export type { LabelRootProps as LabelProps };

package/dist/components/label/Label.js

@@ -1,61 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Label.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Label.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<label>");
-const LabelRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "for",
-        "htmlFor",
-        "isRequired",
-        "isDisabled",
-        "isInvalid"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["for"] () {
-                return local.for ?? local.htmlFor;
-            },
-            get ["class"] () {
-                return twMerge(CLASSES.base, local.isRequired && CLASSES.flag.required, local.isDisabled && CLASSES.flag.disabled, local.isInvalid && CLASSES.flag.invalid, local.class, local.className);
-            },
-            "data-slot": "label",
-            get ["data-required"] () {
-                return local.isRequired ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return local.isDisabled ? "true" : void 0;
-            },
-            get ["data-invalid"] () {
-                return local.isInvalid ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-disabled"] () {
-                return local.isDisabled ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return local.isInvalid ? "true" : void 0;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const Label = Object.assign(LabelRoot, {
-    Root: LabelRoot
-});
-const label_Label = Label;
-export default label_Label;
-export { Label, LabelRoot };

package/dist/components/language-switcher/LanguageSwitcher.classes.d.ts

@@ -1,9 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "language-switcher";
-    readonly trigger: "language-switcher__trigger";
-    readonly loadingIcon: "language-switcher__loading-icon";
-    readonly locale: "language-switcher__locale";
-    readonly menu: "language-switcher__menu";
-    readonly item: "language-switcher__item";
-    readonly itemSelected: "language-switcher__item--selected";
-};

package/dist/components/language-switcher/LanguageSwitcher.classes.js

@@ -1,10 +0,0 @@
-const CLASSES = {
-    base: "language-switcher",
-    trigger: "language-switcher__trigger",
-    loadingIcon: "language-switcher__loading-icon",
-    locale: "language-switcher__locale",
-    menu: "language-switcher__menu",
-    item: "language-switcher__item",
-    itemSelected: "language-switcher__item--selected"
-};
-export { CLASSES };

package/dist/components/language-switcher/LanguageSwitcher.d.ts

@@ -1,38 +0,0 @@
-import "./LanguageSwitcher.css";
-import { type Component } from "solid-js";
-import { type DropdownAlign } from "../dropdown";
-import type { IComponentBaseProps } from "../types";
-import type { I18nStore } from "./createI18n";
-export interface LanguageSwitcherProps extends IComponentBaseProps {
-    /**
-     * The i18n store to use for language state
-     */
-    i18n: I18nStore;
-    /**
-     * ARIA label for the dropdown
-     */
-    "aria-label"?: string;
-    /**
-     * ARIA label for current language (for screen readers)
-     */
-    currentLanguageLabel?: string;
-    /**
-     * ARIA label for language options menu
-     */
-    optionsLabel?: string;
-    /**
-     * ARIA label shown while loading
-     */
-    loadingLabel?: string;
-    /**
-     * Menu alignment relative to the trigger. Forwarded to the underlying
-     * Dropdown.Menu.
-     */
-    align?: DropdownAlign;
-    /**
-     * Callback when language changes
-     */
-    onLanguageChange?: (lang: string) => void;
-}
-declare const LanguageSwitcher: Component<LanguageSwitcherProps>;
-export default LanguageSwitcher;

package/dist/components/language-switcher/LanguageSwitcher.js

@@ -1,112 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./LanguageSwitcher.css";
-import { For, Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import dropdown from "../dropdown/index.js";
-import icon from "../icon/index.js";
-import { CLASSES } from "./LanguageSwitcher.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>");
-const LanguageSwitcher = (props)=>{
-    const [local, others] = splitProps(props, [
-        "i18n",
-        "class",
-        "className",
-        "style",
-        "aria-label",
-        "currentLanguageLabel",
-        "optionsLabel",
-        "loadingLabel",
-        "align",
-        "onLanguageChange"
-    ]);
-    const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
-    const isSelected = (lang)=>local.i18n.locale === lang;
-    const handleSelect = async (lang)=>{
-        await local.i18n.setLocale(lang);
-        local.onLanguageChange?.(lang);
-    };
-    const classes = ()=>twMerge(CLASSES.base, local.class, local.className);
-    return createComponent(dropdown.Root, mergeProps(others, ()=>({
-            class: classes()
-        }), {
-        get style () {
-            return local.style;
-        },
-        role: void 0,
-        get ["aria-label"] () {
-            return local["aria-label"] ?? "Language selector";
-        },
-        get children () {
-            return [
-                createComponent(dropdown.Trigger, mergeProps(()=>({
-                        class: CLASSES.trigger
-                    }), {
-                    get ["aria-label"] () {
-                        return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
-                    },
-                    get children () {
-                        return createComponent(Show, {
-                            get when () {
-                                return !local.i18n.isLoading;
-                            },
-                            get fallback () {
-                                return createComponent(icon, mergeProps({
-                                    name: "icon-[mdi--loading]"
-                                }, ()=>({
-                                        class: CLASSES.loadingIcon
-                                    }), {
-                                    width: 16,
-                                    height: 16,
-                                    get ["aria-label"] () {
-                                        return local.loadingLabel ?? "Loading language";
-                                    }
-                                }));
-                            },
-                            get children () {
-                                var _el$ = _tmpl$();
-                                spread(_el$, mergeProps(()=>({
-                                        class: CLASSES.locale
-                                    }), {
-                                    "aria-hidden": "true"
-                                }), false, true);
-                                insert(_el$, ()=>local.i18n.locale.toUpperCase());
-                                return _el$;
-                            }
-                        });
-                    }
-                })),
-                createComponent(dropdown.Menu, mergeProps(()=>({
-                        class: CLASSES.menu
-                    }), {
-                    get align () {
-                        return local.align;
-                    },
-                    get ["aria-label"] () {
-                        return local.optionsLabel ?? "Language options";
-                    },
-                    get children () {
-                        return createComponent(For, {
-                            get each () {
-                                return local.i18n.languages;
-                            },
-                            children: (lang)=>createComponent(dropdown.Item, mergeProps({
-                                    onClick: ()=>handleSelect(lang.code)
-                                }, ()=>({
-                                        class: twMerge(CLASSES.item, isSelected(lang.code) && CLASSES.itemSelected)
-                                    }), {
-                                    get ["aria-current"] () {
-                                        return isSelected(lang.code) ? "true" : void 0;
-                                    },
-                                    get children () {
-                                        return lang.name;
-                                    }
-                                }))
-                        });
-                    }
-                }))
-            ];
-        }
-    }));
-};
-const language_switcher_LanguageSwitcher = LanguageSwitcher;
-export default language_switcher_LanguageSwitcher;

package/dist/components/link/Link.classes.d.ts

@@ -1,19 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "link";
-    readonly variant: {
-        readonly default: "link--default";
-    };
-    readonly underline: {
-        readonly always: "link--underline-always";
-        readonly hover: "link--underline-hover";
-        readonly none: "link--underline-none";
-    };
-    readonly flag: {
-        readonly external: "link--external";
-        readonly disabled: "link--disabled";
-    };
-    readonly slot: {
-        readonly icon: "link__icon";
-        readonly iconDefault: "link__icon-default";
-    };
-};

package/dist/components/link/Link.classes.js

@@ -1,20 +0,0 @@
-const CLASSES = {
-    base: "link",
-    variant: {
-        default: "link--default"
-    },
-    underline: {
-        always: "link--underline-always",
-        hover: "link--underline-hover",
-        none: "link--underline-none"
-    },
-    flag: {
-        external: "link--external",
-        disabled: "link--disabled"
-    },
-    slot: {
-        icon: "link__icon",
-        iconDefault: "link__icon-default"
-    }
-};
-export { CLASSES };

package/dist/components/link/Link.d.ts

@@ -1,22 +0,0 @@
-import "./Link.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type LinkVariant = "default";
-export type LinkUnderline = "always" | "hover" | "none";
-export type LinkRootProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & IComponentBaseProps & {
-    variant?: LinkVariant;
-    underline?: LinkUnderline;
-    isExternal?: boolean;
-    isDisabled?: boolean;
-};
-export type LinkIconProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
-declare const LinkRoot: Component<LinkRootProps>;
-declare const LinkIcon: Component<LinkIconProps>;
-type LinkComponent = Component<LinkRootProps> & {
-    Root: Component<LinkRootProps>;
-    Icon: Component<LinkIconProps>;
-};
-declare const Link: LinkComponent;
-export type LinkProps = LinkRootProps;
-export { LinkRoot, LinkIcon };
-export default Link;

package/dist/components/link/Link.js

@@ -1,119 +0,0 @@
-import { insert, memo, mergeProps, spread, template } from "solid-js/web";
-import "./Link.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Link.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<a>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
-const ensureExternalRel = (value)=>{
-    const relTokens = new Set((value ?? "").split(/\s+/).filter(Boolean));
-    relTokens.add("noopener");
-    relTokens.add("noreferrer");
-    return Array.from(relTokens).join(" ");
-};
-const LinkRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "href",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "variant",
-        "underline",
-        "isExternal",
-        "isDisabled",
-        "target",
-        "rel",
-        "tabIndex"
-    ]);
-    const variant = ()=>local.variant ?? "default";
-    const underline = ()=>local.underline ?? "always";
-    const isDisabled = ()=>Boolean(local.isDisabled);
-    const isExternal = ()=>Boolean(local.isExternal);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get href () {
-                return memo(()=>!!isDisabled())() ? void 0 : local.href;
-            },
-            get target () {
-                return memo(()=>!!isExternal())() ? "_blank" : local.target;
-            },
-            get rel () {
-                return memo(()=>!!isExternal())() ? ensureExternalRel(local.rel) : local.rel;
-            },
-            get tabIndex () {
-                return memo(()=>!!isDisabled())() ? -1 : local.tabIndex;
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.base, CLASSES.variant[variant()], CLASSES.underline[underline()], isExternal() && CLASSES.flag.external, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
-            }), {
-            "data-slot": "link",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["data-external"] () {
-                return isExternal() ? "true" : "false";
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const LinkIcon = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "children",
-        "dataTheme",
-        "style"
-    ]);
-    const hasCustomIcon = ()=>null != local.children;
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.icon, local.class, local.className)
-            }), {
-            "data-slot": "link-icon",
-            get ["data-default-icon"] () {
-                return hasCustomIcon() ? "false" : "true";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>local.children ?? (()=>{
-                var _el$3 = _tmpl$3();
-                spread(_el$3, mergeProps(()=>({
-                        class: CLASSES.slot.iconDefault
-                    }), {
-                    "data-slot": "link-default-icon",
-                    viewBox: "0 0 12 12",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "aria-hidden": "true"
-                }), true, true);
-                return _el$3;
-            })());
-        return _el$2;
-    })();
-};
-const Link = Object.assign(LinkRoot, {
-    Root: LinkRoot,
-    Icon: LinkIcon
-});
-const link_Link = Link;
-export default link_Link;
-export { LinkIcon, LinkRoot };

package/dist/components/list-box/ListBox.classes.d.ts

@@ -1,23 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "list-box";
-        readonly variant: {
-            readonly default: "list-box--default";
-            readonly danger: "list-box--danger";
-        };
-    };
-    readonly Item: {
-        readonly base: "list-box-item";
-        readonly variant: {
-            readonly default: "list-box-item--default";
-            readonly danger: "list-box-item--danger";
-        };
-    };
-    readonly ItemIndicator: {
-        readonly base: "list-box-item__indicator";
-    };
-    readonly Section: {
-        readonly base: "list-box-section";
-        readonly title: "list-box-section__title";
-    };
-};

package/dist/components/list-box/ListBox.classes.js

@@ -1,24 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "list-box",
-        variant: {
-            default: "list-box--default",
-            danger: "list-box--danger"
-        }
-    },
-    Item: {
-        base: "list-box-item",
-        variant: {
-            default: "list-box-item--default",
-            danger: "list-box-item--danger"
-        }
-    },
-    ItemIndicator: {
-        base: "list-box-item__indicator"
-    },
-    Section: {
-        base: "list-box-section",
-        title: "list-box-section__title"
-    }
-};
-export { CLASSES };

package/dist/components/list-box/ListBox.d.ts

@@ -1,23 +0,0 @@
-import "./ListBox.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import { type ListBoxSelectionMode, type ListBoxVariant } from "./context";
-export type ListBoxRootProps<T = unknown> = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
-    children?: JSX.Element | ((item: T) => JSX.Element);
-    items?: readonly T[];
-    renderEmptyState?: () => JSX.Element;
-    variant?: ListBoxVariant;
-    selectionMode?: ListBoxSelectionMode;
-    selectedKeys?: Iterable<string | number>;
-    defaultSelectedKeys?: Iterable<string | number>;
-    disabledKeys?: Iterable<string | number>;
-    disallowEmptySelection?: boolean;
-    onSelectionChange?: (keys: Set<string>) => void;
-    onAction?: (key: string) => void;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-declare const ListBoxRoot: Component<ListBoxRootProps>;
-export default ListBoxRoot;
-export { ListBoxRoot };
-export type { ListBoxRootProps as ListBoxProps, ListBoxSelectionMode, ListBoxVariant };