@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/label/Label.js

@@ -1,60 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Label.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__Label_classes_js_09cdb60c__ from "./Label.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>");
-const LabelRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "for",
-        "htmlFor",
-        "isRequired",
-        "isDisabled",
-        "isInvalid"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["for"] () {
-                return local.for ?? local.htmlFor;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.base, local.isRequired && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.required, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.disabled, local.isInvalid && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.invalid, local.class, local.className);
-            },
-            "data-slot": "label",
-            get ["data-required"] () {
-                return local.isRequired ? "true" : void 0;
-            },
-            get ["data-disabled"] () {
-                return local.isDisabled ? "true" : void 0;
-            },
-            get ["data-invalid"] () {
-                return local.isInvalid ? "true" : void 0;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            get ["aria-disabled"] () {
-                return local.isDisabled ? "true" : void 0;
-            },
-            get ["aria-invalid"] () {
-                return local.isInvalid ? "true" : void 0;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const Label = Object.assign(LabelRoot, {
-    Root: LabelRoot
-});
-const label_Label = Label;
-export { Label, LabelRoot, label_Label as default };

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

@@ -1 +0,0 @@
-export { default, Label, LabelRoot, type LabelProps, type LabelRootProps, } from "./Label";

package/dist/components/label/index.js

@@ -1,5 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
-var __webpack_exports__Label = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.Label;
-var __webpack_exports__LabelRoot = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.LabelRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"];
-export { __webpack_exports__Label as Label, __webpack_exports__LabelRoot as LabelRoot, __webpack_exports__default as default };

package/dist/components/language-switcher/LanguageSwitcher.classes.d.ts

@@ -1,9 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "language-switcher";
-    readonly trigger: "language-switcher__trigger";
-    readonly loadingIcon: "language-switcher__loading-icon";
-    readonly locale: "language-switcher__locale";
-    readonly menu: "language-switcher__menu";
-    readonly item: "language-switcher__item";
-    readonly itemSelected: "language-switcher__item--selected";
-};

package/dist/components/language-switcher/LanguageSwitcher.classes.js

@@ -1,10 +0,0 @@
-const CLASSES = {
-    base: "language-switcher",
-    trigger: "language-switcher__trigger",
-    loadingIcon: "language-switcher__loading-icon",
-    locale: "language-switcher__locale",
-    menu: "language-switcher__menu",
-    item: "language-switcher__item",
-    itemSelected: "language-switcher__item--selected"
-};
-export { CLASSES };

package/dist/components/language-switcher/LanguageSwitcher.css

@@ -1,56 +0,0 @@
-@layer components {
-  .language-switcher {
-    display: inline-flex;
-  }
-
-  .language-switcher__trigger {
-    display: inline-flex;
-    min-height: 2rem;
-    min-width: 2.25rem;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--radius-field);
-    border: 1px solid color-mix(in oklab, var(--color-base-content) 18%, transparent);
-    background: var(--color-base-100);
-    color: var(--color-base-content);
-    padding: 0.25rem 0.5rem;
-    font-size: 0.75rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    transition:
-      background-color 150ms ease,
-      border-color 150ms ease,
-      color 150ms ease;
-  }
-
-  .language-switcher__trigger:hover {
-    background: var(--color-base-200);
-  }
-
-  .language-switcher__trigger:focus-visible {
-    outline: 2px solid color-mix(in oklab, var(--color-primary) 70%, transparent);
-    outline-offset: 2px;
-  }
-
-  .language-switcher__loading-icon {
-    animation: language-switcher-spin 0.9s linear infinite;
-  }
-
-  .language-switcher__locale {
-    letter-spacing: 0.04em;
-  }
-
-  .language-switcher__menu {
-    min-width: 8rem;
-  }
-
-  .language-switcher__item--selected {
-    background: var(--color-base-200);
-  }
-
-  @keyframes language-switcher-spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}

package/dist/components/link/Link.classes.d.ts

@@ -1,19 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "link";
-    readonly variant: {
-        readonly default: "link--default";
-    };
-    readonly underline: {
-        readonly always: "link--underline-always";
-        readonly hover: "link--underline-hover";
-        readonly none: "link--underline-none";
-    };
-    readonly flag: {
-        readonly external: "link--external";
-        readonly disabled: "link--disabled";
-    };
-    readonly slot: {
-        readonly icon: "link__icon";
-        readonly iconDefault: "link__icon-default";
-    };
-};

package/dist/components/link/Link.classes.js

@@ -1,20 +0,0 @@
-const CLASSES = {
-    base: "link",
-    variant: {
-        default: "link--default"
-    },
-    underline: {
-        always: "link--underline-always",
-        hover: "link--underline-hover",
-        none: "link--underline-none"
-    },
-    flag: {
-        external: "link--external",
-        disabled: "link--disabled"
-    },
-    slot: {
-        icon: "link__icon",
-        iconDefault: "link__icon-default"
-    }
-};
-export { CLASSES };

package/dist/components/link/Link.css

@@ -1,131 +0,0 @@
-@layer components {
-  .link {
-    position: relative;
-    display: inline-flex;
-    width: fit-content;
-    height: fit-content;
-    align-items: center;
-    border-radius: 0.75rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1.25rem;
-    color: var(--color-link, var(--color-accent));
-    text-decoration-line: underline;
-    text-decoration-thickness: 1.5px;
-    text-decoration-color: var(
-      --color-separator-tertiary,
-      color-mix(in oklab, var(--color-base-content) 22%, transparent)
-    );
-    text-underline-offset: 0.25rem;
-    cursor: var(--cursor-interactive, pointer);
-    -webkit-tap-highlight-color: transparent;
-    transition:
-      color 100ms var(--ease-smooth, ease),
-      text-decoration-color 100ms var(--ease-out, ease),
-      background-color 150ms var(--ease-smooth, ease),
-      box-shadow 150ms var(--ease-out, ease),
-      opacity 100ms var(--ease-out, ease);
-  }
-
-  .link--default {
-    color: var(--color-link, var(--color-accent));
-  }
-
-  .link--underline-always {
-    text-decoration-line: underline;
-  }
-
-  .link--underline-hover {
-    text-decoration-line: none;
-  }
-
-  .link--underline-none {
-    text-decoration-line: none;
-  }
-
-  .link:visited {
-    color: var(
-      --color-link-visited,
-      color-mix(in oklab, var(--color-link, var(--color-accent)) 84%, black)
-    );
-  }
-
-  @media (hover: hover) {
-    .link:hover,
-    .link[data-hovered="true"] {
-      text-decoration-color: var(
-        --color-muted,
-        color-mix(in oklab, var(--color-base-content) 50%, transparent)
-      );
-    }
-
-    .link--underline-hover:hover,
-    .link--underline-hover[data-hovered="true"] {
-      text-decoration-line: underline;
-    }
-  }
-
-  .link:focus-visible,
-  .link[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-    text-decoration-color: currentColor;
-  }
-
-  .link--disabled,
-  .link[aria-disabled="true"] {
-    pointer-events: none;
-    cursor: not-allowed;
-    opacity: var(--disabled-opacity, 0.6);
-    text-decoration-line: none;
-  }
-
-  .link__icon {
-    pointer-events: none;
-    display: inline-flex;
-    width: 0.5rem;
-    height: 0.5rem;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    color: currentColor;
-    opacity: 0.6;
-    transition: opacity 150ms var(--ease-out, ease);
-  }
-
-  .link__icon-default {
-    display: block;
-    width: 100%;
-    height: 100%;
-    transform: translateY(1px);
-  }
-
-  .link__icon[data-default-icon="true"] {
-    margin-left: 0.25rem;
-    padding-bottom: 0.125rem;
-  }
-
-  @media (hover: hover) {
-    .link:hover .link__icon,
-    .link[data-hovered="true"] .link__icon {
-      opacity: 1;
-    }
-  }
-
-  .link:focus-visible .link__icon,
-  .link[data-focus-visible="true"] .link__icon {
-    opacity: 1;
-  }
-
-  .link.button {
-    gap: 0;
-    text-decoration-line: none;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .link,
-    .link__icon {
-      transition: none;
-    }
-  }
-}

package/dist/components/list-box/ListBox.classes.d.ts

@@ -1,23 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "list-box";
-        readonly variant: {
-            readonly default: "list-box--default";
-            readonly danger: "list-box--danger";
-        };
-    };
-    readonly Item: {
-        readonly base: "list-box-item";
-        readonly variant: {
-            readonly default: "list-box-item--default";
-            readonly danger: "list-box-item--danger";
-        };
-    };
-    readonly ItemIndicator: {
-        readonly base: "list-box-item__indicator";
-    };
-    readonly Section: {
-        readonly base: "list-box-section";
-        readonly title: "list-box-section__title";
-    };
-};

package/dist/components/list-box/ListBox.classes.js

@@ -1,24 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "list-box",
-        variant: {
-            default: "list-box--default",
-            danger: "list-box--danger"
-        }
-    },
-    Item: {
-        base: "list-box-item",
-        variant: {
-            default: "list-box-item--default",
-            danger: "list-box-item--danger"
-        }
-    },
-    ItemIndicator: {
-        base: "list-box-item__indicator"
-    },
-    Section: {
-        base: "list-box-section",
-        title: "list-box-section__title"
-    }
-};
-export { CLASSES };

package/dist/components/list-box/ListBox.css

@@ -1,148 +0,0 @@
-@layer components {
-  .list-box {
-    position: relative;
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 0.25rem;
-    overflow: clip;
-    padding: 0.25rem;
-  }
-
-  .list-box [data-slot="separator"][data-orientation="horizontal"] {
-    margin-inline-start: 3%;
-    width: 94%;
-  }
-
-  .list-box-item {
-    position: relative;
-    display: flex;
-    min-height: 2.25rem;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.75rem;
-    border-radius: 1rem;
-    padding-inline: 0.5rem;
-    padding-block: 0.375rem;
-    outline: none;
-    user-select: none;
-    -webkit-tap-highlight-color: transparent;
-    transition:
-      transform 250ms var(--ease-out-quart),
-      box-shadow 150ms var(--ease-out);
-    cursor: var(--cursor-interactive);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .list-box-item {
-      transition: none;
-    }
-  }
-
-  .list-box-item [data-slot="label"] {
-    pointer-events: none;
-    width: fit-content;
-    user-select: none;
-  }
-
-  .list-box-item [data-slot="description"] {
-    pointer-events: none;
-    text-wrap: wrap;
-    user-select: none;
-  }
-
-  .list-box-item:has(.list-box-item__indicator) {
-    padding-inline-end: 1.75rem;
-  }
-
-  .list-box-item:focus-visible:not(:focus),
-  .list-box-item[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .list-box-item:active,
-  .list-box-item[data-pressed="true"] {
-    transform: scale(0.98);
-  }
-
-  @media (hover: hover) {
-    .list-box-item:hover,
-    .list-box-item[data-hovered="true"] {
-      background-color: var(--color-default);
-    }
-  }
-
-  .list-box-item[data-disabled="true"],
-  .list-box-item[aria-disabled="true"] {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .list-box-item__indicator {
-    position: absolute;
-    inset-inline-end: 0.5rem;
-    top: 50%;
-    display: flex;
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    transform: translateY(-50%);
-    align-items: center;
-    justify-content: center;
-    color: var(--color-default-foreground);
-    opacity: 0;
-    transition: all 250ms ease;
-  }
-
-  .list-box-item__indicator[data-visible="true"] {
-    opacity: 1;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .list-box-item__indicator {
-      transition: none;
-    }
-  }
-
-  .list-box-item__indicator [data-slot="listbox-item-indicator--checkmark"] {
-    width: 0.625rem;
-    height: 0.625rem;
-    transition: all 300ms ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .list-box-item__indicator [data-slot="listbox-item-indicator--checkmark"] {
-      transition: none;
-    }
-  }
-
-  .list-box-item[aria-selected="true"] [data-slot="listbox-item-indicator--checkmark"],
-  .list-box-item[data-selected="true"] [data-slot="listbox-item-indicator--checkmark"] {
-    transition: stroke-dashoffset 250ms linear;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .list-box-item[aria-selected="true"] [data-slot="listbox-item-indicator--checkmark"],
-    .list-box-item[data-selected="true"] [data-slot="listbox-item-indicator--checkmark"] {
-      transition: none;
-    }
-  }
-
-  .list-box-item--danger .list-box-item__indicator,
-  .list-box-item--danger [data-slot="label"] {
-    color: var(--color-danger);
-  }
-
-  .list-box-section {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0;
-  }
-
-  .list-box-section__title {
-    width: 100%;
-  }
-}

package/dist/components/list-box/ListBox.d.ts

@@ -1,23 +0,0 @@
-import "./ListBox.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-import { type ListBoxSelectionMode, type ListBoxVariant } from "./context";
-export type ListBoxRootProps<T = unknown> = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & IComponentBaseProps & {
-    children?: JSX.Element | ((item: T) => JSX.Element);
-    items?: readonly T[];
-    renderEmptyState?: () => JSX.Element;
-    variant?: ListBoxVariant;
-    selectionMode?: ListBoxSelectionMode;
-    selectedKeys?: Iterable<string | number>;
-    defaultSelectedKeys?: Iterable<string | number>;
-    disabledKeys?: Iterable<string | number>;
-    disallowEmptySelection?: boolean;
-    onSelectionChange?: (keys: Set<string>) => void;
-    onAction?: (key: string) => void;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-declare const ListBoxRoot: Component<ListBoxRootProps>;
-export default ListBoxRoot;
-export { ListBoxRoot };
-export type { ListBoxRootProps as ListBoxProps, ListBoxSelectionMode, ListBoxVariant };