@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/card/Card.css

@@ -1,110 +0,0 @@
-@layer components {
-  .card {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-    overflow: hidden;
-    border-radius: var(--card-radius, calc(var(--radius-box, 0.75rem) * 2));
-    padding: var(--card-padding, 1rem);
-    color: var(--card-fg, var(--color-base-content));
-    background-color: var(--card-bg, var(--color-base-100));
-    border: 1px solid var(--card-border, transparent);
-    box-shadow:
-      var(
-        --card-shadow,
-        0 8px 24px -18px rgb(0 0 0 / 0.45),
-        0 6px 14px -10px rgb(0 0 0 / 0.28)
-      );
-    transition:
-      background-color 160ms ease,
-      border-color 160ms ease,
-      box-shadow 200ms ease,
-      transform 200ms ease;
-  }
-
-  .card:focus-visible {
-    outline: 2px solid currentColor;
-    outline-offset: 2px;
-  }
-
-  .card--default {
-    --card-bg: var(--color-base-100);
-    --card-border: transparent;
-    --card-shadow:
-      0 8px 24px -18px rgb(0 0 0 / 0.45),
-      0 6px 14px -10px rgb(0 0 0 / 0.28);
-    --card-hover-shadow:
-      0 16px 30px -20px rgb(0 0 0 / 0.5),
-      0 8px 18px -12px rgb(0 0 0 / 0.35);
-  }
-
-  .card--flat {
-    --card-bg: var(--color-base-200);
-    --card-border: transparent;
-    --card-shadow: none;
-    --card-hover-shadow: none;
-  }
-
-  .card--bordered {
-    --card-bg: var(--color-base-100);
-    --card-border: var(--color-base-300);
-    --card-shadow: none;
-    --card-hover-shadow:
-      0 6px 20px -16px rgb(0 0 0 / 0.4),
-      0 5px 12px -10px rgb(0 0 0 / 0.28);
-  }
-
-  .card--shadow {
-    --card-bg: var(--color-base-100);
-    --card-border: transparent;
-    --card-shadow:
-      0 20px 40px -24px rgb(0 0 0 / 0.55),
-      0 12px 20px -14px rgb(0 0 0 / 0.35);
-    --card-hover-shadow:
-      0 26px 44px -26px rgb(0 0 0 / 0.6),
-      0 14px 24px -15px rgb(0 0 0 / 0.4);
-  }
-
-  .card--hoverable,
-  .card--pressable {
-    cursor: pointer;
-  }
-
-  @media (hover: hover) {
-    .card--hoverable:hover,
-    .card--pressable:hover {
-      box-shadow: var(--card-hover-shadow, var(--card-shadow));
-      transform: translateY(-1px);
-    }
-  }
-
-  .card--pressable:active,
-  .card--pressable[data-pressed="true"] {
-    transform: scale(0.99);
-  }
-
-  .card__header,
-  .card__body,
-  .card__footer {
-    display: flex;
-    width: 100%;
-  }
-
-  .card__header {
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .card__body {
-    flex: 1 1 auto;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
-  .card__footer {
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-}

package/dist/components/chatbubble/ChatBubble.classes.d.ts

@@ -1,24 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "chatbubble";
-    readonly align: {
-        readonly start: "chatbubble--start";
-        readonly end: "chatbubble--end";
-    };
-    readonly slot: {
-        readonly header: "chatbubble__header";
-        readonly footer: "chatbubble__footer";
-        readonly avatar: "chatbubble__avatar";
-        readonly message: "chatbubble__message";
-        readonly time: "chatbubble__time";
-    };
-    readonly color: {
-        readonly neutral: "chatbubble__message--neutral";
-        readonly primary: "chatbubble__message--primary";
-        readonly secondary: "chatbubble__message--secondary";
-        readonly accent: "chatbubble__message--accent";
-        readonly info: "chatbubble__message--info";
-        readonly success: "chatbubble__message--success";
-        readonly warning: "chatbubble__message--warning";
-        readonly error: "chatbubble__message--error";
-    };
-};

package/dist/components/chatbubble/ChatBubble.classes.js

@@ -1,25 +0,0 @@
-const CLASSES = {
-    base: "chatbubble",
-    align: {
-        start: "chatbubble--start",
-        end: "chatbubble--end"
-    },
-    slot: {
-        header: "chatbubble__header",
-        footer: "chatbubble__footer",
-        avatar: "chatbubble__avatar",
-        message: "chatbubble__message",
-        time: "chatbubble__time"
-    },
-    color: {
-        neutral: "chatbubble__message--neutral",
-        primary: "chatbubble__message--primary",
-        secondary: "chatbubble__message--secondary",
-        accent: "chatbubble__message--accent",
-        info: "chatbubble__message--info",
-        success: "chatbubble__message--success",
-        warning: "chatbubble__message--warning",
-        error: "chatbubble__message--error"
-    }
-};
-export { CLASSES };

package/dist/components/chatbubble/ChatBubble.css

@@ -1,164 +0,0 @@
-@layer components {
-  .chatbubble {
-    display: grid;
-    grid-auto-rows: min-content;
-    column-gap: calc(0.25rem * 3);
-    padding-block: calc(0.25rem * 1);
-    --mask-chatbubble: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
-  }
-
-  .chatbubble__header {
-    grid-row-start: 1;
-    display: flex;
-    gap: calc(0.25rem * 1);
-    font-size: 0.6875rem;
-  }
-
-  .chatbubble__footer {
-    grid-row-start: 3;
-    display: flex;
-    gap: calc(0.25rem * 1);
-    font-size: 0.6875rem;
-    opacity: 0.5;
-  }
-
-  .chatbubble__avatar {
-    grid-row: span 2 / span 2;
-    align-self: flex-end;
-  }
-
-  .chatbubble__message {
-    position: relative;
-    display: block;
-    width: fit-content;
-    border-radius: var(--radius-field);
-    background-color: var(--color-base-300);
-    padding-inline: calc(0.25rem * 4);
-    padding-block: calc(0.25rem * 2);
-    color: var(--color-base-content);
-    grid-row-end: 3;
-    min-height: 2rem;
-    min-width: 2.5rem;
-    max-width: 90%;
-  }
-
-  .chatbubble__message:before {
-    position: absolute;
-    bottom: 0;
-    height: calc(0.25rem * 3);
-    width: calc(0.25rem * 3);
-    background-color: inherit;
-    content: "";
-    mask-repeat: no-repeat;
-    mask-image: var(--mask-chatbubble);
-    mask-position: 0 -1px;
-    mask-size: 0.8125rem;
-  }
-
-  .chatbubble__time {
-    font-size: 0.75rem;
-    opacity: 0.5;
-  }
-
-  .chatbubble--end {
-    place-items: end;
-    grid-template-columns: 1fr auto;
-  }
-
-  .chatbubble--end .chatbubble__header {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--end .chatbubble__footer {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--end .chatbubble__avatar {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--end .chatbubble__message {
-    grid-column-start: 1;
-    border-end-end-radius: 0;
-  }
-
-  .chatbubble--end .chatbubble__message:before {
-    transform: rotateY(180deg);
-    inset-inline-start: 100%;
-  }
-
-  [dir="rtl"] .chatbubble--end .chatbubble__message:before {
-    transform: rotateY(0deg);
-  }
-
-  .chatbubble--start {
-    place-items: start;
-    grid-template-columns: auto 1fr;
-  }
-
-  .chatbubble--start .chatbubble__header {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--start .chatbubble__footer {
-    grid-column-start: 2;
-  }
-
-  .chatbubble--start .chatbubble__avatar {
-    grid-column-start: 1;
-  }
-
-  .chatbubble--start .chatbubble__message {
-    grid-column-start: 2;
-    border-end-start-radius: 0;
-  }
-
-  .chatbubble--start .chatbubble__message:before {
-    transform: rotateY(0deg);
-    inset-inline-start: -0.75rem;
-  }
-
-  [dir="rtl"] .chatbubble--start .chatbubble__message:before {
-    transform: rotateY(180deg);
-  }
-
-  .chatbubble__message--neutral {
-    background-color: var(--color-base-300);
-    color: var(--color-base-content);
-  }
-
-  .chatbubble__message--primary {
-    background-color: var(--color-primary);
-    color: var(--color-primary-content);
-  }
-
-  .chatbubble__message--secondary {
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-content);
-  }
-
-  .chatbubble__message--accent {
-    background-color: var(--color-accent);
-    color: var(--color-accent-content);
-  }
-
-  .chatbubble__message--info {
-    background-color: var(--color-info);
-    color: var(--color-info-content);
-  }
-
-  .chatbubble__message--success {
-    background-color: var(--color-success);
-    color: var(--color-success-content);
-  }
-
-  .chatbubble__message--warning {
-    background-color: var(--color-warning);
-    color: var(--color-warning-content);
-  }
-
-  .chatbubble__message--error {
-    background-color: var(--color-error);
-    color: var(--color-error-content);
-  }
-}

package/dist/components/checkbox/Checkbox.classes.d.ts

@@ -1,17 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "checkbox";
-    readonly slot: {
-        readonly input: "checkbox__input";
-        readonly control: "checkbox__control";
-        readonly indicator: "checkbox__indicator";
-        readonly content: "checkbox__content";
-        readonly description: "checkbox__description";
-    };
-    readonly variant: {
-        readonly primary: "checkbox--primary";
-        readonly secondary: "checkbox--secondary";
-    };
-    readonly flag: {
-        readonly disabled: "checkbox--disabled";
-    };
-};

package/dist/components/checkbox/Checkbox.classes.js

@@ -1,18 +0,0 @@
-const CLASSES = {
-    base: "checkbox",
-    slot: {
-        input: "checkbox__input",
-        control: "checkbox__control",
-        indicator: "checkbox__indicator",
-        content: "checkbox__content",
-        description: "checkbox__description"
-    },
-    variant: {
-        primary: "checkbox--primary",
-        secondary: "checkbox--secondary"
-    },
-    flag: {
-        disabled: "checkbox--disabled"
-    }
-};
-export { CLASSES };

package/dist/components/checkbox-group/CheckboxGroup.classes.d.ts

@@ -1,11 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "checkbox-group";
-    readonly variant: {
-        readonly primary: "checkbox-group--primary";
-        readonly secondary: "checkbox-group--secondary";
-    };
-    readonly flag: {
-        readonly disabled: "checkbox-group--disabled";
-        readonly invalid: "checkbox-group--invalid";
-    };
-};

package/dist/components/checkbox-group/CheckboxGroup.classes.js

@@ -1,12 +0,0 @@
-const CLASSES = {
-    base: "checkbox-group",
-    variant: {
-        primary: "checkbox-group--primary",
-        secondary: "checkbox-group--secondary"
-    },
-    flag: {
-        disabled: "checkbox-group--disabled",
-        invalid: "checkbox-group--invalid"
-    }
-};
-export { CLASSES };

package/dist/components/checkbox-group/CheckboxGroup.css

@@ -1,10 +0,0 @@
-@layer components {
-  .checkbox-group {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .checkbox-group [data-slot="checkbox"] {
-    margin-top: 1rem;
-  }
-}

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -1,18 +0,0 @@
-import "./CheckboxGroup.css";
-import { type Component, type JSX } from "solid-js";
-import type { CheckboxVariant } from "../checkbox";
-import type { IComponentBaseProps } from "../types";
-export type CheckboxGroupVariant = CheckboxVariant;
-export type CheckboxGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
-    children?: JSX.Element | ((values: string[]) => JSX.Element);
-    value?: string[];
-    defaultValue?: string[];
-    onChange?: (value: string[]) => void;
-    name?: string;
-    isDisabled?: boolean;
-    disabled?: boolean;
-    isInvalid?: boolean;
-    variant?: CheckboxGroupVariant;
-};
-declare const CheckboxGroup: Component<CheckboxGroupProps>;
-export default CheckboxGroup;

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -1,94 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./CheckboxGroup.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__ from "./CheckboxGroup.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const CheckboxGroup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "value",
-        "defaultValue",
-        "onChange",
-        "name",
-        "isDisabled",
-        "disabled",
-        "isInvalid",
-        "variant",
-        "role"
-    ]);
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue ?? []);
-    const isControlled = ()=>void 0 !== local.value;
-    const selectedValues = ()=>isControlled() ? local.value ?? [] : internalValue();
-    const variant = ()=>local.variant ?? "primary";
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
-    const isInvalid = ()=>Boolean(local.isInvalid);
-    const handleToggle = (optionValue, checked)=>{
-        const currentValues = selectedValues();
-        const nextValues = checked ? currentValues.includes(optionValue) ? currentValues : [
-            ...currentValues,
-            optionValue
-        ] : currentValues.filter((value)=>value !== optionValue);
-        if (!isControlled()) setInternalValue(nextValues);
-        local.onChange?.(nextValues);
-    };
-    const contextValue = {
-        value: selectedValues,
-        name: ()=>local.name,
-        variant,
-        isDisabled,
-        isInvalid,
-        toggleValue: (optionValue, checked, event)=>{
-            if (event.defaultPrevented || isDisabled()) return;
-            handleToggle(optionValue, checked);
-        }
-    };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.CheckboxGroupContext.Provider, {
-        value: contextValue,
-        get children () {
-            var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                get role () {
-                    return local.role ?? "group";
-                },
-                get ["aria-disabled"] () {
-                    return isDisabled() ? "true" : void 0;
-                },
-                get ["aria-invalid"] () {
-                    return isInvalid() ? "true" : void 0;
-                },
-                "data-slot": "checkbox-group",
-                get ["data-variant"] () {
-                    return variant();
-                },
-                get ["data-disabled"] () {
-                    return isDisabled() ? "true" : "false";
-                },
-                get ["data-invalid"] () {
-                    return isInvalid() ? "true" : "false";
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.flag.disabled, isInvalid() && __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.flag.invalid, local.class, local.className);
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
-                return ()=>_c$() ? local.children(selectedValues()) : local.children;
-            })());
-            return _el$;
-        }
-    });
-};
-const checkbox_group_CheckboxGroup = CheckboxGroup;
-export { checkbox_group_CheckboxGroup as default };

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

@@ -1,11 +0,0 @@
-import { type Accessor } from "solid-js";
-import type { CheckboxVariant } from "../checkbox";
-export type CheckboxGroupContextValue = {
-    value: Accessor<string[]>;
-    name: Accessor<string | undefined>;
-    variant: Accessor<CheckboxVariant>;
-    isDisabled: Accessor<boolean>;
-    isInvalid: Accessor<boolean>;
-    toggleValue: (optionValue: string, checked: boolean, event: Event) => void;
-};
-export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue | undefined>;

package/dist/components/checkbox-group/context.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const CheckboxGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-export { CheckboxGroupContext };

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

@@ -1,4 +0,0 @@
-import CheckboxGroup from "./CheckboxGroup";
-export type { CheckboxGroupProps, CheckboxGroupVariant } from "./CheckboxGroup";
-export { CheckboxGroup };
-export default CheckboxGroup;

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

@@ -1,4 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_js_11417210__ from "./CheckboxGroup.js";
-const checkbox_group = __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_js_11417210__["default"];
-var __webpack_exports__CheckboxGroup = __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_js_11417210__["default"];
-export { checkbox_group as default, __webpack_exports__CheckboxGroup as CheckboxGroup };

package/dist/components/chip/Chip.classes.d.ts

@@ -1,29 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "chip";
-    readonly slot: {
-        readonly icon: "chip__icon";
-        readonly iconStart: "chip__icon--start";
-        readonly iconEnd: "chip__icon--end";
-        readonly label: "chip__label";
-        readonly remove: "chip__remove";
-        readonly removeIcon: "chip__remove-icon";
-    };
-    readonly variant: {
-        readonly solid: "chip--solid";
-        readonly flat: "chip--flat";
-        readonly bordered: "chip--bordered";
-    };
-    readonly color: {
-        readonly default: "chip--default";
-        readonly primary: "chip--primary";
-        readonly accent: "chip--accent";
-        readonly success: "chip--success";
-        readonly warning: "chip--warning";
-        readonly danger: "chip--danger";
-    };
-    readonly size: {
-        readonly sm: "chip--sm";
-        readonly md: "chip--md";
-        readonly lg: "chip--lg";
-    };
-};

package/dist/components/chip/Chip.classes.js

@@ -1,30 +0,0 @@
-const CLASSES = {
-    base: "chip",
-    slot: {
-        icon: "chip__icon",
-        iconStart: "chip__icon--start",
-        iconEnd: "chip__icon--end",
-        label: "chip__label",
-        remove: "chip__remove",
-        removeIcon: "chip__remove-icon"
-    },
-    variant: {
-        solid: "chip--solid",
-        flat: "chip--flat",
-        bordered: "chip--bordered"
-    },
-    color: {
-        default: "chip--default",
-        primary: "chip--primary",
-        accent: "chip--accent",
-        success: "chip--success",
-        warning: "chip--warning",
-        danger: "chip--danger"
-    },
-    size: {
-        sm: "chip--sm",
-        md: "chip--md",
-        lg: "chip--lg"
-    }
-};
-export { CLASSES };