@pathscale/ui 2.1.1 → 2.2.0

package/dist/components/password-requirements/PasswordRequirements.js

@@ -1,79 +0,0 @@
-import { className, createComponent, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
-import { For, Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import icon from "../icon/index.js";
-var _tmpl$ = /*#__PURE__*/ template('<p class="text-xs font-medium uppercase opacity-70">'), _tmpl$2 = /*#__PURE__*/ template("<div><ul class=space-y-1>"), _tmpl$3 = /*#__PURE__*/ template('<li><span class="inline-flex shrink-0 items-center justify-center"aria-hidden=true></span><span>');
-const PasswordRequirements = (props)=>{
-    const [local, others] = splitProps(props, [
-        "title",
-        "results",
-        "itemClass",
-        "metIcon",
-        "unmetIcon",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge("space-y-2", local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "password-requirements"
-        }), false, true);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.title;
-            },
-            get children () {
-                var _el$2 = _tmpl$();
-                insert(_el$2, ()=>local.title);
-                return _el$2;
-            }
-        }), _el$3);
-        insert(_el$3, createComponent(For, {
-            get each () {
-                return local.results;
-            },
-            children: (rule)=>(()=>{
-                    var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
-                    insert(_el$5, createComponent(Show, {
-                        get when () {
-                            return memo(()=>!!rule.passed)() ? local.metIcon : local.unmetIcon;
-                        },
-                        get fallback () {
-                            return createComponent(icon, {
-                                width: 14,
-                                height: 14,
-                                get name () {
-                                    return rule.passed ? "icon-[lucide--check]" : "icon-[lucide--minus]";
-                                }
-                            });
-                        },
-                        get children () {
-                            return memo(()=>!!rule.passed)() ? local.metIcon : local.unmetIcon;
-                        }
-                    }));
-                    insert(_el$6, ()=>rule.message);
-                    effect((_p$)=>{
-                        var _v$ = twMerge("flex items-center gap-2 text-sm", rule.passed ? "text-success" : "opacity-75", local.itemClass), _v$2 = rule.key, _v$3 = rule.passed ? "true" : "false";
-                        _v$ !== _p$.e && className(_el$4, _p$.e = _v$);
-                        _v$2 !== _p$.t && setAttribute(_el$4, "data-rule", _p$.t = _v$2);
-                        _v$3 !== _p$.a && setAttribute(_el$4, "data-passed", _p$.a = _v$3);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0
-                    });
-                    return _el$4;
-                })()
-        }));
-        return _el$;
-    })();
-};
-const password_requirements_PasswordRequirements = PasswordRequirements;
-export default password_requirements_PasswordRequirements;

package/dist/components/password-rules/index.d.ts

@@ -1 +0,0 @@
-export { evaluatePasswordRules, matchPasswordConfirmation, type PasswordRuleConfig, type PasswordRuleResult, type PasswordCustomRegexRule, } from "../../passwordRules";

package/dist/components/password-rules/index.js

@@ -1 +0,0 @@
-export { evaluatePasswordRules, matchPasswordConfirmation } from "../../passwordRules.js";

package/dist/components/progress-bar/ProgressBar.css

@@ -1,104 +0,0 @@
-@layer components {
-  .progress-bar {
-    display: grid;
-    width: 100%;
-    gap: 0.25rem;
-    grid-template-areas:
-      "label output"
-      "track track";
-    grid-template-columns: 1fr auto;
-
-    --progress-bar-fill: var(--color-accent);
-  }
-
-  .progress-bar__label {
-    grid-area: label;
-    width: fit-content;
-    font-size: 0.875rem;
-    font-weight: 500;
-  }
-
-  .progress-bar__output {
-    grid-area: output;
-    font-size: 0.875rem;
-    font-weight: 500;
-    font-variant-numeric: tabular-nums;
-  }
-
-  .progress-bar__track {
-    grid-area: track;
-    position: relative;
-    overflow: hidden;
-    border-radius: 9999px;
-    background: var(--color-base-200);
-    height: 0.5rem;
-  }
-
-  .progress-bar__indicator {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    border-radius: 9999px;
-    background-color: var(--progress-bar-fill);
-    transition: width 300ms var(--ease-out);
-  }
-
-  .progress-bar--indeterminate .progress-bar__indicator {
-    width: 40%;
-    animation: progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
-  }
-
-  .progress-bar--disabled,
-  .progress-bar[aria-disabled="true"],
-  .progress-bar[data-disabled="true"] {
-    opacity: 0.6;
-  }
-
-  .progress-bar--sm .progress-bar__track {
-    height: 0.25rem;
-  }
-
-  .progress-bar--lg .progress-bar__track {
-    height: 0.75rem;
-  }
-
-  .progress-bar--default {
-    --progress-bar-fill: var(--color-base-content);
-  }
-
-  .progress-bar--accent {
-    --progress-bar-fill: var(--color-accent);
-  }
-
-  .progress-bar--success {
-    --progress-bar-fill: var(--color-success);
-  }
-
-  .progress-bar--warning {
-    --progress-bar-fill: var(--color-warning);
-  }
-
-  .progress-bar--danger {
-    --progress-bar-fill: var(--color-danger);
-  }
-
-  @keyframes progress-bar-indeterminate {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(350%);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .progress-bar__indicator {
-      transition: none;
-    }
-
-    .progress-bar--indeterminate .progress-bar__indicator {
-      animation: none;
-    }
-  }
-}

package/dist/components/progress-bar/ProgressBar.generated.d.ts

@@ -1,20 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./ProgressBar.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ProgressBarSize = "sm" | "md" | "lg";
-export type ProgressBarColor = "default" | "accent" | "success" | "warning" | "danger";
-export type ProgressBarProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
-    value?: number;
-    minValue?: number;
-    maxValue?: number;
-    isIndeterminate?: boolean;
-    label?: string;
-    size?: ProgressBarSize;
-    color?: ProgressBarColor;
-    isDisabled?: boolean;
-    formatValue?: (value: number) => string;
-    showValue?: boolean;
-};
-declare const ProgressBar: __LayoutComponent<ProgressBarProps>;
-export default ProgressBar;

package/dist/components/progress-bar/ProgressBar.recipe.d.ts

@@ -1,29 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "progress-bar";
-    readonly label: "progress-bar__label";
-    readonly output: "progress-bar__output";
-    readonly track: "progress-bar__track";
-    readonly indicator: "progress-bar__indicator";
-    readonly size: {
-        readonly sm: "progress-bar--sm";
-        readonly md: "progress-bar--md";
-        readonly lg: "progress-bar--lg";
-    };
-    readonly color: {
-        readonly default: "progress-bar--default";
-        readonly accent: "progress-bar--accent";
-        readonly success: "progress-bar--success";
-        readonly warning: "progress-bar--warning";
-        readonly danger: "progress-bar--danger";
-    };
-    readonly state: {
-        readonly indeterminate: "progress-bar--indeterminate";
-        readonly disabled: "progress-bar--disabled";
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "progress-bar";
-    readonly slots: {
-        readonly root: {};
-    };
-}>;

package/dist/components/progress-bar/ProgressBar.recipe.js

@@ -1,43 +0,0 @@
-import { recipe } from "../../lib/layouts/index.js";
-const CLASSES = {
-    base: "progress-bar",
-    label: "progress-bar__label",
-    output: "progress-bar__output",
-    track: "progress-bar__track",
-    indicator: "progress-bar__indicator",
-    size: {
-        sm: "progress-bar--sm",
-        md: "progress-bar--md",
-        lg: "progress-bar--lg"
-    },
-    color: {
-        default: "progress-bar--default",
-        accent: "progress-bar--accent",
-        success: "progress-bar--success",
-        warning: "progress-bar--warning",
-        danger: "progress-bar--danger"
-    },
-    state: {
-        indeterminate: "progress-bar--indeterminate",
-        disabled: "progress-bar--disabled"
-    }
-};
-const componentRecipe = recipe({
-    component: "progress-bar",
-    slots: {
-        root: {}
-    },
-    _layouts: {
-        slots: {
-            root: {
-                base: "",
-                axes: {}
-            }
-        },
-        stateKeys: [],
-        slotIds: {
-            root: 0
-        }
-    }
-});
-export { CLASSES, componentRecipe };

package/dist/components/progress-bar/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ProgressBar.generated";
-export type { ProgressBarProps, ProgressBarSize, ProgressBarColor } from "./ProgressBar.generated";

package/dist/components/progress-bar/index.js

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

package/dist/components/progress-circle/ProgressCircle.css

@@ -1,82 +0,0 @@
-@layer components {
-  .progress-circle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    --progress-circle-stroke: var(--color-accent);
-    --progress-circle-track-stroke: var(--color-base-200);
-  }
-
-  .progress-circle__track {
-    width: 1.75rem;
-    height: 1.75rem;
-  }
-
-  .progress-circle__track-circle {
-    stroke: var(--progress-circle-track-stroke);
-  }
-
-  .progress-circle__indicator {
-    stroke: var(--progress-circle-stroke);
-    transition: stroke-dashoffset 300ms var(--ease-out);
-  }
-
-  .progress-circle--indeterminate .progress-circle__track {
-    animation: progress-circle-spin 1s linear infinite;
-  }
-
-  .progress-circle--disabled,
-  .progress-circle[aria-disabled="true"],
-  .progress-circle[data-disabled="true"] {
-    opacity: 0.6;
-  }
-
-  .progress-circle--sm .progress-circle__track {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
-  .progress-circle--lg .progress-circle__track {
-    width: 2.25rem;
-    height: 2.25rem;
-  }
-
-  .progress-circle--default {
-    --progress-circle-stroke: var(--color-base-content);
-  }
-
-  .progress-circle--accent {
-    --progress-circle-stroke: var(--color-accent);
-  }
-
-  .progress-circle--success {
-    --progress-circle-stroke: var(--color-success);
-  }
-
-  .progress-circle--warning {
-    --progress-circle-stroke: var(--color-warning);
-  }
-
-  .progress-circle--danger {
-    --progress-circle-stroke: var(--color-danger);
-  }
-
-  @keyframes progress-circle-spin {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .progress-circle__indicator {
-      transition: none;
-    }
-
-    .progress-circle--indeterminate .progress-circle__track {
-      animation: none;
-    }
-  }
-}

package/dist/components/progress-circle/ProgressCircle.generated.d.ts

@@ -1,19 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./ProgressCircle.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ProgressCircleSize = "sm" | "md" | "lg";
-export type ProgressCircleColor = "default" | "accent" | "success" | "warning" | "danger";
-export type ProgressCircleProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & {
-    value?: number;
-    minValue?: number;
-    maxValue?: number;
-    isIndeterminate?: boolean;
-    size?: ProgressCircleSize;
-    color?: ProgressCircleColor;
-    isDisabled?: boolean;
-    formatValue?: (value: number) => string;
-    label?: string;
-};
-declare const ProgressCircle: __LayoutComponent<ProgressCircleProps>;
-export default ProgressCircle;

package/dist/components/progress-circle/ProgressCircle.recipe.d.ts

@@ -1,28 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "progress-circle";
-    readonly svg: "progress-circle__track";
-    readonly trackCircle: "progress-circle__track-circle";
-    readonly indicator: "progress-circle__indicator";
-    readonly size: {
-        readonly sm: "progress-circle--sm";
-        readonly md: "progress-circle--md";
-        readonly lg: "progress-circle--lg";
-    };
-    readonly color: {
-        readonly default: "progress-circle--default";
-        readonly accent: "progress-circle--accent";
-        readonly success: "progress-circle--success";
-        readonly warning: "progress-circle--warning";
-        readonly danger: "progress-circle--danger";
-    };
-    readonly state: {
-        readonly indeterminate: "progress-circle--indeterminate";
-        readonly disabled: "progress-circle--disabled";
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "progress-circle";
-    readonly slots: {
-        readonly root: {};
-    };
-}>;

package/dist/components/progress-circle/ProgressCircle.recipe.js

@@ -1,42 +0,0 @@
-import { recipe } from "../../lib/layouts/index.js";
-const CLASSES = {
-    base: "progress-circle",
-    svg: "progress-circle__track",
-    trackCircle: "progress-circle__track-circle",
-    indicator: "progress-circle__indicator",
-    size: {
-        sm: "progress-circle--sm",
-        md: "progress-circle--md",
-        lg: "progress-circle--lg"
-    },
-    color: {
-        default: "progress-circle--default",
-        accent: "progress-circle--accent",
-        success: "progress-circle--success",
-        warning: "progress-circle--warning",
-        danger: "progress-circle--danger"
-    },
-    state: {
-        indeterminate: "progress-circle--indeterminate",
-        disabled: "progress-circle--disabled"
-    }
-};
-const componentRecipe = recipe({
-    component: "progress-circle",
-    slots: {
-        root: {}
-    },
-    _layouts: {
-        slots: {
-            root: {
-                base: "",
-                axes: {}
-            }
-        },
-        stateKeys: [],
-        slotIds: {
-            root: 0
-        }
-    }
-});
-export { CLASSES, componentRecipe };

package/dist/components/progress-circle/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ProgressCircle.generated";
-export type { ProgressCircleProps, ProgressCircleSize, ProgressCircleColor, } from "./ProgressCircle.generated";

package/dist/components/progress-circle/index.js

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

package/dist/components/scroll-shadow/ScrollShadow.generated.d.ts

@@ -1,19 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./ScrollShadow.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ScrollShadowVisibility = "auto" | "both" | "top" | "bottom" | "left" | "right" | "none";
-export type ScrollShadowOrientation = "vertical" | "horizontal";
-export type ScrollShadowVariant = "fade";
-export type ScrollShadowProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "size"> & {
-    size?: number;
-    offset?: number;
-    visibility?: ScrollShadowVisibility;
-    isEnabled?: boolean;
-    orientation?: ScrollShadowOrientation;
-    variant?: ScrollShadowVariant;
-    hideScrollBar?: boolean;
-    onVisibilityChange?: (visibility: ScrollShadowVisibility) => void;
-};
-declare const ScrollShadow: __LayoutComponent<ScrollShadowProps>;
-export default ScrollShadow;

package/dist/components/scroll-shadow/ScrollShadow.recipe.d.ts

@@ -1,19 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "scroll-shadow";
-    readonly orientation: {
-        readonly vertical: "scroll-shadow--vertical";
-        readonly horizontal: "scroll-shadow--horizontal";
-    };
-    readonly variant: {
-        readonly fade: "scroll-shadow--fade";
-    };
-    readonly flag: {
-        readonly hideScrollBar: "scroll-shadow--hide-scrollbar";
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "scroll-shadow";
-    readonly slots: {
-        readonly root: {};
-    };
-}>;

package/dist/components/scroll-shadow/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ScrollShadow.generated";
-export type { ScrollShadowProps, ScrollShadowVisibility, ScrollShadowOrientation, ScrollShadowVariant, } from "./ScrollShadow.generated";

package/dist/components/scroll-shadow/index.js

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

package/dist/components/scroll-shadow/useScrollShadow.d.ts

@@ -1,13 +0,0 @@
-import { type Accessor } from "solid-js";
-import type { ScrollShadowOrientation, ScrollShadowVisibility } from "./ScrollShadow.generated";
-export interface UseScrollShadowProps {
-    containerRef: Accessor<HTMLElement | undefined>;
-    orientation: Accessor<ScrollShadowOrientation>;
-    offset: Accessor<number>;
-    visibility: Accessor<ScrollShadowVisibility>;
-    isEnabled: Accessor<boolean>;
-    onVisibilityChange?: Accessor<((visibility: ScrollShadowVisibility) => void) | undefined>;
-}
-export declare const clearScrollShadowDataAttributes: (el: HTMLElement) => void;
-export declare const applyControlledScrollShadowVisibility: (el: HTMLElement, visibility: ScrollShadowVisibility, orientation: ScrollShadowOrientation) => void;
-export declare const useScrollShadow: (props: UseScrollShadowProps) => void;