@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/text/Text.generated.js

@@ -0,0 +1,53 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./Text.css";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./Text.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
+const __solidLayoutTextRoot = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "size",
+        "variant"
+    ]);
+    const size = ()=>local.size ?? "base";
+    const variant = ()=>local.variant ?? "default";
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
+            }), {
+            "data-slot": "text",
+            get ["data-size"] () {
+                return size();
+            },
+            get ["data-variant"] () {
+                return variant();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TextRoot = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutTextRoot,
+    embedded: true
+});
+const Text = Object.assign(TextRoot, {
+    Root: TextRoot
+});
+const Text_generated = Text;
+export default Text_generated;
+export { Text, TextRoot };

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

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "text";
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "text";
+    readonly slots: {
+        readonly root: {};
+        readonly text: {};
+    };
+}>;

package/dist/components/text/Text.recipe.js

@@ -0,0 +1,29 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    base: "text"
+};
+const componentRecipe = recipe({
+    component: "text",
+    slots: {
+        root: {},
+        text: {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
+            },
+            text: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 0,
+            text: 1
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

@@ -1 +1 @@
-export { default, Text, TextRoot, type TextProps, type TextRootProps, type TextSize, type TextVariant, } from "./Text";
+export { default, Text, TextRoot, type TextProps, type TextRootProps, type TextSize, type TextVariant, } from "./Text.generated";

package/dist/components/text/index.js

@@ -1 +1 @@
-export { Text, TextRoot, default } from "./Text.js";
+export { Text, TextRoot, default } from "./Text.generated.js";

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

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

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

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

@@ -0,0 +1,36 @@
+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 +1 @@
-export { default, TextArea, TextAreaRoot, type TextAreaProps, type TextAreaRootProps, type TextAreaVariant, } from "./TextArea";
+export { default, TextArea, TextAreaRoot, type TextAreaProps, type TextAreaRootProps, type TextAreaVariant, } from "./TextArea.generated";

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

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

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

@@ -0,0 +1,35 @@
+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 };

package/dist/components/text-field/TextField.generated.js

@@ -0,0 +1,89 @@
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./TextField.css";
+import { createContext, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./TextField.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const TextFieldContext = createContext();
+const __solidLayoutTextFieldRoot = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "variant",
+        "fullWidth",
+        "isInvalid",
+        "isDisabled",
+        "disabled",
+        "isRequired"
+    ]);
+    const variant = ()=>local.variant ?? "primary";
+    const fullWidth = ()=>Boolean(local.fullWidth);
+    const isInvalid = ()=>Boolean(local.isInvalid);
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isRequired = ()=>Boolean(local.isRequired);
+    const renderChildren = ()=>{
+        if ("function" == typeof local.children) return local.children({
+            isInvalid: isInvalid(),
+            isDisabled: isDisabled(),
+            isRequired: isRequired()
+        });
+        return local.children;
+    };
+    return createComponent(TextFieldContext.Provider, {
+        value: {
+            variant,
+            fullWidth,
+            isInvalid,
+            isDisabled,
+            isRequired
+        },
+        get children () {
+            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": "textfield",
+                get ["data-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-required"] () {
+                    return isRequired() ? "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;
+                }
+            }), false, true);
+            insert(_el$, renderChildren);
+            return _el$;
+        }
+    });
+};
+const TextFieldRoot = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutTextFieldRoot,
+    embedded: true
+});
+const TextField = Object.assign(TextFieldRoot, {
+    Root: TextFieldRoot
+});
+const useTextFieldContext = ()=>useContext(TextFieldContext);
+const TextField_generated = TextField;
+export default TextField_generated;
+export { TextField, TextFieldContext, TextFieldRoot, useTextFieldContext };

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

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

package/dist/components/text-field/TextField.recipe.js

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

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

@@ -1 +1 @@
-export { default, TextField, TextFieldRoot, TextFieldContext, useTextFieldContext, type TextFieldProps, type TextFieldRootProps, type TextFieldVariant, type TextFieldRenderProps, type TextFieldContextValue, } from "./TextField";
+export { default, TextField, TextFieldRoot, TextFieldContext, useTextFieldContext, type TextFieldProps, type TextFieldRootProps, type TextFieldVariant, type TextFieldRenderProps, type TextFieldContextValue, } from "./TextField.generated";

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

@@ -1,3 +1 @@
-import { TextField as external_TextField_js_TextField, TextFieldContext, TextFieldRoot, useTextFieldContext } from "./TextField.js";
-export default external_TextField_js_TextField;
-export { TextFieldContext, TextFieldRoot, external_TextField_js_TextField as TextField, useTextFieldContext };
+export { TextField, TextFieldContext, TextFieldRoot, default, useTextFieldContext } from "./TextField.generated.js";

package/dist/components/textarea/Textarea.generated.d.ts

@@ -0,0 +1,10 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { TextArea, TextAreaRoot, type TextAreaProps as BaseTextAreaProps, type TextAreaRootProps as BaseTextAreaRootProps, type TextAreaVariant as BaseTextAreaVariant } from "../text-area";
+export type TextareaVariant = BaseTextAreaVariant;
+export type TextareaRootProps = BaseTextAreaRootProps;
+export type TextareaProps = BaseTextAreaProps;
+declare const Textarea: __LayoutComponent<BaseTextAreaProps> & {
+    Root: __LayoutComponent<BaseTextAreaProps>;
+};
+export default Textarea;
+export { Textarea, TextArea, TextAreaRoot };

package/dist/components/textarea/Textarea.generated.js

@@ -0,0 +1,26 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { TextArea, TextAreaRoot } from "../text-area/index.js";
+import { CLASSES, componentRecipe } from "./Textarea.recipe.js";
+const __solidLayoutTextareaRoot = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "class",
+        "className"
+    ]);
+    return createComponent(TextAreaRoot, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.base, local.class, local.className)
+        })));
+};
+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, Textarea };

package/dist/components/textarea/Textarea.recipe.d.ts

@@ -0,0 +1,9 @@
+export declare const CLASSES: {
+    readonly base: "";
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "textarea";
+    readonly slots: {
+        readonly root: {};
+    };
+}>;

package/dist/components/textarea/Textarea.recipe.js

@@ -0,0 +1,23 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    base: ""
+};
+const componentRecipe = recipe({
+    component: "textarea",
+    slots: {
+        root: {}
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 0
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

@@ -1,2 +1,2 @@
-export { default as Textarea } from "./Textarea";
-export { default, TextArea, TextAreaRoot, type TextareaProps as TextAreaProps, type TextareaRootProps as TextAreaRootProps, type TextareaVariant as TextAreaVariant, } from "./Textarea";
+export { default as Textarea } from "./Textarea.generated";
+export { default, TextArea, TextAreaRoot, type TextareaProps as TextAreaProps, type TextareaRootProps as TextAreaRootProps, type TextareaVariant as TextAreaVariant, } from "./Textarea.generated";

package/dist/components/textarea/index.js

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

package/dist/components/theme-color-picker/ThemeColorPicker.generated.d.ts

@@ -0,0 +1,50 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type OverlayPlacement } from "../_shared/overlayPosition";
+export type ThemeColorPickerAlign = "start" | "end";
+export type ThemeColorPickerPlacement = OverlayPlacement;
+export interface ThemeColorPickerProps extends IComponentBaseProps {
+    /**
+     * Prefix for localStorage keys (e.g., "myapp" becomes "myapp_theme_color")
+     * @default "theme"
+     */
+    storagePrefix?: string;
+    /**
+     * Callback when color changes. Passes the hex string (or null on reset).
+     * Kept with legacy `(hue, saturation)` signature for backward compatibility -
+     * hue is derived from the picked hex, saturation is forwarded as-is.
+     */
+    onColorChange?: (hue: number | null, saturation: number) => void;
+    /**
+     * Callback to switch light/dark theme (triggered by grayscale selection)
+     */
+    onThemeSwitch?: (theme: "light" | "dark") => void;
+    /**
+     * ARIA label for the button
+     */
+    "aria-label"?: string;
+    /**
+     * Popover alignment relative to the trigger.
+     * "end" aligns the popover to the trigger's right edge (opens leftward).
+     * "start" aligns it to the trigger's left edge (opens rightward).
+     * @default "end"
+     */
+    align?: ThemeColorPickerAlign;
+    /**
+     * Preferred popover placement.
+     * @default "bottom"
+     */
+    placement?: ThemeColorPickerPlacement;
+    /**
+     * Automatically flip the popover when there is insufficient viewport space.
+     * @default true
+     */
+    autoFlip?: boolean;
+    /**
+     * Custom button content (defaults to palette icon)
+     */
+    children?: JSX.Element;
+}
+declare const ThemeColorPicker: __LayoutComponent<ThemeColorPickerProps>;
+export default ThemeColorPicker;