@pathscale/ui 2.1.1 → 2.2.1

package/dist/components/tag/Tag.recipe.js

@@ -1,64 +0,0 @@
-import { recipe } from "../../lib/layouts/index.js";
-const CLASSES = {
-    Root: {
-        base: "tag",
-        size: {
-            sm: "tag--sm",
-            md: "tag--md",
-            lg: "tag--lg"
-        },
-        variant: {
-            default: "tag--default",
-            surface: "tag--surface"
-        }
-    },
-    slot: {
-        icon: "tag__icon",
-        iconStart: "tag__icon--start",
-        iconEnd: "tag__icon--end",
-        removeButton: "tag__remove-button"
-    }
-};
-const componentRecipe = recipe({
-    component: "tag",
-    slots: {
-        root: {},
-        tag: {},
-        "tag-end-icon": {},
-        "tag-remove-button": {},
-        "tag-start-icon": {}
-    },
-    _layouts: {
-        slots: {
-            root: {
-                base: "",
-                axes: {}
-            },
-            tag: {
-                base: "",
-                axes: {}
-            },
-            "tag-end-icon": {
-                base: "",
-                axes: {}
-            },
-            "tag-remove-button": {
-                base: "",
-                axes: {}
-            },
-            "tag-start-icon": {
-                base: "",
-                axes: {}
-            }
-        },
-        stateKeys: [],
-        slotIds: {
-            root: 0,
-            tag: 1,
-            "tag-end-icon": 2,
-            "tag-remove-button": 3,
-            "tag-start-icon": 4
-        }
-    }
-});
-export { CLASSES, componentRecipe };

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

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

package/dist/components/tag/index.js

@@ -1 +0,0 @@
-export { Tag, TagRemoveButton, TagRoot, default } from "./Tag.generated.js";

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

@@ -1,22 +0,0 @@
-@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.generated.d.ts

@@ -1,33 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./TagGroup.css";
-import { type JSX } 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: __LayoutComponent<TagGroupRootProps>;
-declare const TagGroupList: __LayoutComponent<TagGroupListProps>;
-declare const TagGroup: __LayoutComponent<TagGroupRootProps> & {
-    Root: __LayoutComponent<TagGroupRootProps>;
-    List: __LayoutComponent<TagGroupListProps>;
-};
-export default TagGroup;
-export { TagGroup, TagGroupRoot, TagGroupList };
-export type { TagGroupRootProps as TagGroupProps };

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

@@ -1,190 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import "./TagGroup.css";
-import { For, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES, componentRecipe } from "./TagGroup.recipe.js";
-import { TagGroupContext } from "./context.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const normalizeKeys = (keys)=>{
-    if (!keys) return new Set();
-    return new Set(Array.from(keys, (key)=>String(key)));
-};
-const __solidLayoutTagGroupRoot = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "size",
-        "variant",
-        "selectionMode",
-        "selectedKeys",
-        "defaultSelectedKeys",
-        "disabledKeys",
-        "onSelectionChange",
-        "onRemove",
-        "isDisabled",
-        "disabled",
-        "role"
-    ]);
-    const [internalSelectedKeys, setInternalSelectedKeys] = 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 = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
-    const disabledKeys = 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 createComponent(TagGroupContext.Provider, {
-        value: {
-            size,
-            variant,
-            selectionMode,
-            selectedKeys,
-            disabledKeys,
-            isDisabled,
-            allowsRemoving,
-            selectKey,
-            removeKey
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, 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;
-                }
-            }, ()=>({
-                    class: twMerge(CLASSES.Root.base, local.class, local.className)
-                }), {
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const TagGroupRoot = defineComponent({
-    recipe: componentRecipe,
-    layout: __solidLayoutTagGroupRoot,
-    embedded: true
-});
-const __solidLayoutTagGroupList = (_stable, p)=>{
-    const group = useContext(TagGroupContext);
-    const [local, others] = splitProps(p, [
-        "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 createComponent(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$();
-        spread(_el$2, 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;
-            }
-        }, ()=>({
-                class: twMerge(CLASSES.List.base, local.class, local.className)
-            }), {
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, renderChildren);
-        return _el$2;
-    })();
-};
-const TagGroupList = defineComponent({
-    recipe: componentRecipe,
-    layout: __solidLayoutTagGroupList,
-    embedded: true
-});
-const TagGroup = Object.assign(TagGroupRoot, {
-    Root: TagGroupRoot,
-    List: TagGroupList
-});
-const TagGroup_generated = TagGroup;
-export default TagGroup_generated;
-export { TagGroup, TagGroupList, TagGroupRoot };

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

@@ -1,16 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "tag-group";
-    };
-    readonly List: {
-        readonly base: "tag-group__list";
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "tag-group";
-    readonly slots: {
-        readonly root: {};
-        readonly "tag-group": {};
-        readonly "tag-group-list": {};
-    };
-}>;

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

@@ -1,40 +0,0 @@
-import { recipe } from "../../lib/layouts/index.js";
-const CLASSES = {
-    Root: {
-        base: "tag-group"
-    },
-    List: {
-        base: "tag-group__list"
-    }
-};
-const componentRecipe = recipe({
-    component: "tag-group",
-    slots: {
-        root: {},
-        "tag-group": {},
-        "tag-group-list": {}
-    },
-    _layouts: {
-        slots: {
-            root: {
-                base: "",
-                axes: {}
-            },
-            "tag-group": {
-                base: "",
-                axes: {}
-            },
-            "tag-group-list": {
-                base: "",
-                axes: {}
-            }
-        },
-        stateKeys: [],
-        slotIds: {
-            root: 0,
-            "tag-group": 1,
-            "tag-group-list": 2
-        }
-    }
-});
-export { CLASSES, componentRecipe };

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

@@ -1,15 +0,0 @@
-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

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

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

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

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

@@ -1 +0,0 @@
-export { TagGroup, TagGroupList, TagGroupRoot, default } from "./TagGroup.generated.js";

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

@@ -1,20 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./TextArea.css";
-import { 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: __LayoutComponent<TextAreaRootProps>;
-declare const TextArea: __LayoutComponent<TextAreaRootProps> & {
-    Root: __LayoutComponent<TextAreaRootProps>;
-};
-export default TextArea;
-export { TextArea, TextAreaRoot };
-export type { TextAreaRootProps as TextAreaProps };

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

@@ -1,68 +0,0 @@
-import { mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import "./TextArea.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { useTextFieldContext } from "../text-field/index.js";
-import { CLASSES, componentRecipe } from "./TextArea.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template("<textarea>");
-const __solidLayoutTextAreaRoot = (_stable, p)=>{
-    const textFieldContext = useTextFieldContext();
-    const [local, others] = splitProps(p, [
-        "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$();
-        spread(_el$, mergeProps(others, {
-            get ["class"] () {
-                return twMerge(CLASSES.base, CLASSES.variant[variant()], fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
-            },
-            "data-slot": "textarea",
-            get ["data-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return isInvalid() ? "true" : void 0;
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get disabled () {
-                return isDisabled();
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const TextAreaRoot = defineComponent({
-    recipe: componentRecipe,
-    layout: __solidLayoutTextAreaRoot,
-    embedded: true
-});
-const TextArea = Object.assign(TextAreaRoot, {
-    Root: TextAreaRoot
-});
-const TextArea_generated = TextArea;
-export default TextArea_generated;
-export { TextArea, TextAreaRoot };

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

@@ -1,17 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "textarea";
-    readonly variant: {
-        readonly primary: "textarea--primary";
-        readonly secondary: "textarea--secondary";
-    };
-    readonly flag: {
-        readonly fullWidth: "textarea--full-width";
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "text-area";
-    readonly slots: {
-        readonly root: {};
-        readonly textarea: {};
-    };
-}>;

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

@@ -1,36 +0,0 @@
-import { recipe } from "../../lib/layouts/index.js";
-const CLASSES = {
-    base: "textarea",
-    variant: {
-        primary: "textarea--primary",
-        secondary: "textarea--secondary"
-    },
-    flag: {
-        fullWidth: "textarea--full-width"
-    }
-};
-const componentRecipe = recipe({
-    component: "text-area",
-    slots: {
-        root: {},
-        textarea: {}
-    },
-    _layouts: {
-        slots: {
-            root: {
-                base: "",
-                axes: {}
-            },
-            textarea: {
-                base: "",
-                axes: {}
-            }
-        },
-        stateKeys: [],
-        slotIds: {
-            root: 0,
-            textarea: 1
-        }
-    }
-});
-export { CLASSES, componentRecipe };

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

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

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

@@ -1 +0,0 @@
-export { TextArea, TextAreaRoot, default } from "./TextArea.generated.js";

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

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

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

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