@pathscale/ui 1.3.1 → 1.5.0

package/dist/components/empty-state/EmptyState.js

@@ -1,144 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./EmptyState.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./EmptyState.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<p>");
-const EmptyStateRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            role: "status"
-        }, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "empty-state",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const EmptyStateIcon = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.icon, local.class, local.className)
-            }), {
-            "data-slot": "empty-state-icon",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            "aria-hidden": "true"
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
-};
-const EmptyStateTitle = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$2();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.title, local.class, local.className)
-            }), {
-            "data-slot": "empty-state-title",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const EmptyStateDescription = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$3();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.description, local.class, local.className)
-            }), {
-            "data-slot": "empty-state-description",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const EmptyStateActions = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$5 = _tmpl$();
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.actions, local.class, local.className)
-            }), {
-            "data-slot": "empty-state-actions",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$5, ()=>local.children);
-        return _el$5;
-    })();
-};
-const EmptyState = Object.assign(EmptyStateRoot, {
-    Root: EmptyStateRoot,
-    Icon: EmptyStateIcon,
-    Title: EmptyStateTitle,
-    Description: EmptyStateDescription,
-    Actions: EmptyStateActions
-});
-const empty_state_EmptyState = EmptyState;
-export default empty_state_EmptyState;
-export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle };

package/dist/components/error-message/ErrorMessage.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "error-message";
-};

package/dist/components/error-message/ErrorMessage.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "error-message"
-};
-export { CLASSES };

package/dist/components/error-message/ErrorMessage.d.ts

@@ -1,11 +0,0 @@
-import "./ErrorMessage.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ErrorMessageRootProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
-declare const ErrorMessageRoot: Component<ErrorMessageRootProps>;
-declare const ErrorMessage: Component<ErrorMessageRootProps> & {
-    Root: Component<ErrorMessageRootProps>;
-};
-export default ErrorMessage;
-export { ErrorMessage, ErrorMessageRoot };
-export type { ErrorMessageRootProps as ErrorMessageProps };

package/dist/components/error-message/ErrorMessage.js

@@ -1,41 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./ErrorMessage.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./ErrorMessage.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>");
-const ErrorMessageRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "slot"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "error-message",
-            get slot () {
-                return local.slot ?? "errorMessage";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const ErrorMessage = Object.assign(ErrorMessageRoot, {
-    Root: ErrorMessageRoot
-});
-const error_message_ErrorMessage = ErrorMessage;
-export default error_message_ErrorMessage;
-export { ErrorMessage, ErrorMessageRoot };

package/dist/components/field-error/FieldError.classes.d.ts

@@ -1,3 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "field-error";
-};

package/dist/components/field-error/FieldError.classes.js

@@ -1,4 +0,0 @@
-const CLASSES = {
-    base: "field-error"
-};
-export { CLASSES };

package/dist/components/field-error/FieldError.d.ts

@@ -1,21 +0,0 @@
-import "./FieldError.css";
-import { type Component, type JSX } from "solid-js";
-import { type AnyFormApi } from "../../hooks/form";
-import type { IComponentBaseProps } from "../types";
-export type FieldErrorRenderProps = {
-    isVisible: boolean;
-};
-export type FieldErrorRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element | ((props: FieldErrorRenderProps) => JSX.Element);
-    isVisible?: boolean;
-    name?: string;
-    form?: AnyFormApi;
-    showWhenTouched?: boolean;
-};
-declare const FieldErrorRoot: Component<FieldErrorRootProps>;
-declare const FieldError: Component<FieldErrorRootProps> & {
-    Root: Component<FieldErrorRootProps>;
-};
-export default FieldError;
-export { FieldError, FieldErrorRoot };
-export type { FieldErrorRootProps as FieldErrorProps };

package/dist/components/field-error/FieldError.js

@@ -1,70 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./FieldError.css";
-import { createMemo, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { getFirstFieldError } from "../../hooks/form/getFirstFieldError.js";
-import { useFormContext } from "../../hooks/form/index.js";
-import { CLASSES } from "./FieldError.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const FieldErrorRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "slot",
-        "isVisible",
-        "name",
-        "form",
-        "showWhenTouched"
-    ]);
-    const hookMessage = createMemo(()=>{
-        if (!local.name) return;
-        const form = local.form ?? useFormContext();
-        const fieldMeta = form._tsForm.getFieldMeta(local.name);
-        if (!fieldMeta) return;
-        if ((local.showWhenTouched ?? true) && !fieldMeta.isTouched) return;
-        return getFirstFieldError(fieldMeta.errors ?? []);
-    });
-    const isVisible = ()=>{
-        if ("boolean" == typeof local.isVisible) return local.isVisible;
-        if (hookMessage()) return true;
-        return null != local.children;
-    };
-    const content = ()=>{
-        if ("function" == typeof local.children) return local.children({
-            isVisible: isVisible()
-        });
-        if (null != local.children) return local.children;
-        return hookMessage();
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "field-error",
-            get ["data-visible"] () {
-                return isVisible() ? "true" : "false";
-            },
-            get slot () {
-                return local.slot ?? "errorMessage";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, content);
-        return _el$;
-    })();
-};
-const FieldError = Object.assign(FieldErrorRoot, {
-    Root: FieldErrorRoot
-});
-const field_error_FieldError = FieldError;
-export default field_error_FieldError;
-export { FieldError, FieldErrorRoot };

package/dist/components/fieldset/Fieldset.classes.d.ts

@@ -1,14 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "fieldset";
-    };
-    readonly Legend: {
-        readonly base: "fieldset__legend";
-    };
-    readonly Group: {
-        readonly base: "fieldset__group";
-    };
-    readonly Actions: {
-        readonly base: "fieldset__actions";
-    };
-};

package/dist/components/fieldset/Fieldset.classes.js

@@ -1,15 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "fieldset"
-    },
-    Legend: {
-        base: "fieldset__legend"
-    },
-    Group: {
-        base: "fieldset__group"
-    },
-    Actions: {
-        base: "fieldset__actions"
-    }
-};
-export { CLASSES };

package/dist/components/fieldset/Fieldset.d.ts

@@ -1,24 +0,0 @@
-import "./Fieldset.css";
-import { type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type FieldsetRootProps = JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> & IComponentBaseProps;
-export type FieldsetLegendProps = JSX.HTMLAttributes<HTMLLegendElement> & IComponentBaseProps;
-export type FieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-export type FieldsetActionsProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-declare const FieldsetRoot: ParentComponent<FieldsetRootProps>;
-declare const FieldsetLegend: ParentComponent<FieldsetLegendProps>;
-declare const FieldGroup: ParentComponent<FieldGroupProps>;
-declare const FieldsetActions: ParentComponent<FieldsetActionsProps>;
-declare const Fieldset: ParentComponent<FieldsetRootProps> & {
-    Root: ParentComponent<FieldsetRootProps>;
-    Legend: ParentComponent<FieldsetLegendProps>;
-    Group: ParentComponent<FieldGroupProps>;
-    Actions: ParentComponent<FieldsetActionsProps>;
-};
-export default Fieldset;
-export { Fieldset, FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions };
-export type { FieldsetRootProps as FieldsetProps };

package/dist/components/fieldset/Fieldset.js

@@ -1,115 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./Fieldset.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Fieldset.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<fieldset>"), _tmpl$2 = /*#__PURE__*/ template("<legend>"), _tmpl$3 = /*#__PURE__*/ template("<div>");
-const FieldsetRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Root.base, local.class, local.className)
-            }), {
-            "data-slot": "fieldset",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const FieldsetLegend = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Legend.base, local.class, local.className)
-            }), {
-            "data-slot": "fieldset-legend",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
-};
-const FieldGroup = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Group.base, local.class, local.className)
-            }), {
-            "data-slot": "fieldset-field-group",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const FieldsetActions = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$3();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Actions.base, local.class, local.className)
-            }), {
-            "data-slot": "fieldset-actions",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
-};
-const Fieldset = Object.assign(FieldsetRoot, {
-    Root: FieldsetRoot,
-    Legend: FieldsetLegend,
-    Group: FieldGroup,
-    Actions: FieldsetActions
-});
-const fieldset_Fieldset = Fieldset;
-export default fieldset_Fieldset;
-export { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot };

package/dist/components/flex/Flex.classes.d.ts

@@ -1,65 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "flex-layout";
-    readonly direction: {
-        readonly row: "flex-row";
-        readonly col: "flex-col";
-        readonly "row-reverse": "flex-row-reverse";
-        readonly "col-reverse": "flex-col-reverse";
-    };
-    readonly justify: {
-        readonly start: "justify-start";
-        readonly center: "justify-center";
-        readonly end: "justify-end";
-        readonly between: "justify-between";
-        readonly around: "justify-around";
-        readonly evenly: "justify-evenly";
-    };
-    readonly align: {
-        readonly start: "items-start";
-        readonly center: "items-center";
-        readonly end: "items-end";
-        readonly stretch: "items-stretch";
-        readonly baseline: "items-baseline";
-    };
-    readonly wrap: {
-        readonly wrap: "flex-wrap";
-        readonly nowrap: "flex-nowrap";
-        readonly "wrap-reverse": "flex-wrap-reverse";
-    };
-    readonly gap: {
-        readonly none: "gap-0";
-        readonly sm: "gap-2";
-        readonly md: "gap-4";
-        readonly lg: "gap-6";
-        readonly xl: "gap-8";
-    };
-    readonly gapX: {
-        readonly none: "gap-x-0";
-        readonly sm: "gap-x-2";
-        readonly md: "gap-x-4";
-        readonly lg: "gap-x-6";
-        readonly xl: "gap-x-8";
-    };
-    readonly gapY: {
-        readonly none: "gap-y-0";
-        readonly sm: "gap-y-2";
-        readonly md: "gap-y-4";
-        readonly lg: "gap-y-6";
-        readonly xl: "gap-y-8";
-    };
-    readonly grow: {
-        readonly true: "flex-grow";
-        readonly false: "flex-grow-0";
-    };
-    readonly shrink: {
-        readonly true: "flex-shrink";
-        readonly false: "flex-shrink-0";
-    };
-    readonly basis: {
-        readonly none: "basis-0";
-        readonly sm: "basis-8";
-        readonly md: "basis-16";
-        readonly lg: "basis-24";
-        readonly xl: "basis-32";
-    };
-};

package/dist/components/flex/Flex.classes.js

@@ -1,66 +0,0 @@
-const CLASSES = {
-    base: "flex-layout",
-    direction: {
-        row: "flex-row",
-        col: "flex-col",
-        "row-reverse": "flex-row-reverse",
-        "col-reverse": "flex-col-reverse"
-    },
-    justify: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end",
-        between: "justify-between",
-        around: "justify-around",
-        evenly: "justify-evenly"
-    },
-    align: {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end",
-        stretch: "items-stretch",
-        baseline: "items-baseline"
-    },
-    wrap: {
-        wrap: "flex-wrap",
-        nowrap: "flex-nowrap",
-        "wrap-reverse": "flex-wrap-reverse"
-    },
-    gap: {
-        none: "gap-0",
-        sm: "gap-2",
-        md: "gap-4",
-        lg: "gap-6",
-        xl: "gap-8"
-    },
-    gapX: {
-        none: "gap-x-0",
-        sm: "gap-x-2",
-        md: "gap-x-4",
-        lg: "gap-x-6",
-        xl: "gap-x-8"
-    },
-    gapY: {
-        none: "gap-y-0",
-        sm: "gap-y-2",
-        md: "gap-y-4",
-        lg: "gap-y-6",
-        xl: "gap-y-8"
-    },
-    grow: {
-        true: "flex-grow",
-        false: "flex-grow-0"
-    },
-    shrink: {
-        true: "flex-shrink",
-        false: "flex-shrink-0"
-    },
-    basis: {
-        none: "basis-0",
-        sm: "basis-8",
-        md: "basis-16",
-        lg: "basis-24",
-        xl: "basis-32"
-    }
-};
-export { CLASSES };

package/dist/components/flex/Flex.d.ts

@@ -1,19 +0,0 @@
-import "./Flex.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import type { ResponsiveProp } from "../types";
-export type FlexProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
-    as?: keyof JSX.IntrinsicElements;
-    direction?: ResponsiveProp<"row" | "col" | "row-reverse" | "col-reverse">;
-    justify?: ResponsiveProp<"start" | "center" | "end" | "between" | "around" | "evenly">;
-    align?: ResponsiveProp<"start" | "center" | "end" | "stretch" | "baseline">;
-    wrap?: ResponsiveProp<"wrap" | "nowrap" | "wrap-reverse">;
-    gap?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
-    gapX?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
-    gapY?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
-    grow?: ResponsiveProp<boolean>;
-    shrink?: ResponsiveProp<boolean>;
-    basis?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
-};
-declare const Flex: (props: FlexProps) => JSX.Element;
-export default Flex;

package/dist/components/flex/Flex.js

@@ -1,41 +0,0 @@
-import { Dynamic, createComponent, mergeProps } from "solid-js/web";
-import "./Flex.css";
-import { children, createMemo, splitProps } from "solid-js";
-import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
-import { mapResponsiveProp } from "../utils.js";
-import { CLASSES } from "./Flex.classes.js";
-const Flex = (props)=>{
-    const [local, rest] = splitProps(props, [
-        "as",
-        "class",
-        "className",
-        "children",
-        "direction",
-        "justify",
-        "align",
-        "wrap",
-        "gap",
-        "gapX",
-        "gapY",
-        "grow",
-        "shrink",
-        "basis"
-    ]);
-    const tag = createMemo(()=>local.as || "div");
-    const resolvedChildren = children(()=>local.children);
-    const classes = createMemo(()=>twMerge(clsx(CLASSES.base, mapResponsiveProp(local.direction, CLASSES.direction), mapResponsiveProp(local.justify, CLASSES.justify), mapResponsiveProp(local.align, CLASSES.align), mapResponsiveProp(local.wrap, CLASSES.wrap), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.gapX, CLASSES.gapX), mapResponsiveProp(local.gapY, CLASSES.gapY), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class, local.className)));
-    return createComponent(Dynamic, mergeProps({
-        get component () {
-            return tag();
-        }
-    }, ()=>({
-            class: classes()
-        }), rest, {
-        get children () {
-            return resolvedChildren();
-        }
-    }));
-};
-const flex_Flex = Flex;
-export default flex_Flex;