@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/button-group/ButtonGroup.css

@@ -1,117 +0,0 @@
-@layer components {
-  .button-group {
-    display: inline-flex;
-    height: auto;
-    align-items: center;
-    justify-content: center;
-    gap: 0;
-  }
-
-  .button-group--horizontal {
-    flex-direction: row;
-  }
-
-  .button-group--vertical {
-    flex-direction: column;
-  }
-
-  .button-group .button {
-    border-radius: 0;
-  }
-
-  .button-group--horizontal .button:first-child {
-    border-start-start-radius: 1.5rem;
-    border-end-start-radius: 1.5rem;
-  }
-
-  .button-group--horizontal .button:last-child {
-    border-start-end-radius: 1.5rem;
-    border-end-end-radius: 1.5rem;
-  }
-
-  .button-group--horizontal .button:first-child:last-child {
-    border-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:first-child {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:last-child {
-    border-bottom-left-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:first-child:last-child {
-    border-radius: 1.5rem;
-  }
-
-  .button-group .button:active,
-  .button-group .button[data-pressed="true"] {
-    transform: none;
-  }
-
-  .button-group .button:focus-visible,
-  .button-group .button[data-focus-visible="true"] {
-    outline-offset: -1px;
-  }
-
-  .button-group__separator {
-    background-color: currentColor;
-    opacity: 0.15;
-    border-radius: 4px;
-    position: absolute;
-    pointer-events: none;
-    transition: opacity 150ms var(--ease-smooth);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .button-group__separator {
-      transition: none;
-    }
-  }
-
-  .button-group--horizontal .button-group__separator {
-    left: -1px;
-    top: 25%;
-    width: 1px;
-    height: 50%;
-  }
-
-  .button-group--vertical .button-group__separator {
-    left: 25%;
-    top: -1px;
-    width: 50%;
-    height: 1px;
-  }
-
-  .button-group--horizontal .button--outline:first-child {
-    border-inline-end-width: 0;
-  }
-
-  .button-group--horizontal .button--outline:last-child {
-    border-inline-start-width: 0;
-  }
-
-  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
-    border-inline-width: 0;
-  }
-
-  .button-group--vertical .button--outline:first-child {
-    border-bottom-width: 0;
-  }
-
-  .button-group--vertical .button--outline:last-child {
-    border-top-width: 0;
-  }
-
-  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-
-  .button-group--full-width {
-    width: 100%;
-  }
-}

package/dist/components/button-group/ButtonGroup.d.ts

@@ -1,23 +0,0 @@
-import "./ButtonGroup.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { ButtonSize, ButtonVariant } from "../button";
-import type { IComponentBaseProps } from "../types";
-export type ButtonGroupOrientation = "horizontal" | "vertical";
-export type ButtonGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    orientation?: ButtonGroupOrientation;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    isDisabled?: boolean;
-    fullWidth?: boolean;
-};
-export type ButtonGroupSeparatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps;
-declare const ButtonGroupRoot: ParentComponent<ButtonGroupRootProps>;
-declare const ButtonGroupSeparator: Component<ButtonGroupSeparatorProps>;
-declare const ButtonGroup: ParentComponent<ButtonGroupRootProps> & {
-    Root: ParentComponent<ButtonGroupRootProps>;
-    Separator: Component<ButtonGroupSeparatorProps>;
-};
-export default ButtonGroup;
-export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator };
-export type { ButtonGroupRootProps as ButtonGroupProps };

package/dist/components/button-group/ButtonGroup.js

@@ -1,87 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./ButtonGroup.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__ButtonGroup_classes_js_da79d854__ from "./ButtonGroup.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>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const ButtonGroupRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "orientation",
-        "size",
-        "variant",
-        "isDisabled",
-        "fullWidth",
-        "role"
-    ]);
-    const orientation = ()=>local.orientation ?? "horizontal";
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.ButtonGroupContext.Provider, {
-        value: {
-            size: ()=>local.size,
-            variant: ()=>local.variant,
-            isDisabled: ()=>local.isDisabled,
-            fullWidth: ()=>local.fullWidth
-        },
-        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, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.orientation[orientation()], local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.flag.fullWidth, local.class, local.className)
-                }), {
-                "data-slot": "button-group",
-                get ["data-orientation"] () {
-                    return orientation();
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                },
-                get role () {
-                    return local.role ?? "group";
-                },
-                get ["aria-disabled"] () {
-                    return local.isDisabled ? "true" : void 0;
-                }
-            }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const ButtonGroupSeparator = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "aria-hidden": "true"
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Separator.base, local.class, local.className)
-            }), {
-            "data-slot": "button-group-separator",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, false);
-        return _el$2;
-    })();
-};
-const ButtonGroup = Object.assign(ButtonGroupRoot, {
-    Root: ButtonGroupRoot,
-    Separator: ButtonGroupSeparator
-});
-const button_group_ButtonGroup = ButtonGroup;
-export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, button_group_ButtonGroup as default };

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

@@ -1,8 +0,0 @@
-import type { ButtonSize, ButtonVariant } from "../button";
-export type ButtonGroupContextValue = {
-    size: () => ButtonSize | undefined;
-    variant: () => ButtonVariant | undefined;
-    isDisabled: () => boolean | undefined;
-    fullWidth: () => boolean | undefined;
-};
-export declare const ButtonGroupContext: import("solid-js").Context<ButtonGroupContextValue | undefined>;

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

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

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

@@ -1 +0,0 @@
-export { default, ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, type ButtonGroupProps, type ButtonGroupRootProps, type ButtonGroupSeparatorProps, type ButtonGroupOrientation, } from "./ButtonGroup";

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

@@ -1,6 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__ from "./ButtonGroup.js";
-var __webpack_exports__ButtonGroup = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroup;
-var __webpack_exports__ButtonGroupRoot = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupRoot;
-var __webpack_exports__ButtonGroupSeparator = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupSeparator;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__["default"];
-export { __webpack_exports__ButtonGroup as ButtonGroup, __webpack_exports__ButtonGroupRoot as ButtonGroupRoot, __webpack_exports__ButtonGroupSeparator as ButtonGroupSeparator, __webpack_exports__default as default };

package/dist/components/calendar/Calendar.classes.d.ts

@@ -1,62 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "calendar";
-        readonly flag: {
-            readonly disabled: "calendar--disabled";
-        };
-    };
-    readonly Header: {
-        readonly base: "calendar__header";
-    };
-    readonly Heading: {
-        readonly base: "calendar__heading";
-    };
-    readonly Nav: {
-        readonly base: "calendar__nav";
-    };
-    readonly NavButton: {
-        readonly base: "calendar__nav-button";
-    };
-    readonly NavButtonIcon: {
-        readonly base: "calendar__nav-button-icon";
-    };
-    readonly Grid: {
-        readonly base: "calendar__grid";
-    };
-    readonly GridHeader: {
-        readonly base: "calendar__grid-header";
-    };
-    readonly GridBody: {
-        readonly base: "calendar__grid-body";
-    };
-    readonly GridRow: {
-        readonly base: "calendar__grid-row";
-    };
-    readonly HeaderCell: {
-        readonly base: "calendar__header-cell";
-    };
-    readonly DayWrapper: {
-        readonly base: "calendar__day-wrapper";
-    };
-    readonly DayPlaceholder: {
-        readonly base: "calendar__day-placeholder";
-    };
-    readonly Cell: {
-        readonly base: "calendar__cell";
-        readonly flag: {
-            readonly selected: "calendar__cell--selected";
-            readonly rangeStart: "calendar__cell--range-start";
-            readonly rangeEnd: "calendar__cell--range-end";
-            readonly inRange: "calendar__cell--in-range";
-            readonly inPreviewRange: "calendar__cell--in-preview-range";
-            readonly today: "calendar__cell--today";
-            readonly outsideMonth: "calendar__cell--outside-month";
-            readonly disabled: "calendar__cell--disabled";
-            readonly unavailable: "calendar__cell--unavailable";
-            readonly focused: "calendar__cell--focused";
-        };
-    };
-    readonly Day: {
-        readonly base: "calendar__day";
-    };
-};

package/dist/components/calendar/Calendar.classes.js

@@ -1,63 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "calendar",
-        flag: {
-            disabled: "calendar--disabled"
-        }
-    },
-    Header: {
-        base: "calendar__header"
-    },
-    Heading: {
-        base: "calendar__heading"
-    },
-    Nav: {
-        base: "calendar__nav"
-    },
-    NavButton: {
-        base: "calendar__nav-button"
-    },
-    NavButtonIcon: {
-        base: "calendar__nav-button-icon"
-    },
-    Grid: {
-        base: "calendar__grid"
-    },
-    GridHeader: {
-        base: "calendar__grid-header"
-    },
-    GridBody: {
-        base: "calendar__grid-body"
-    },
-    GridRow: {
-        base: "calendar__grid-row"
-    },
-    HeaderCell: {
-        base: "calendar__header-cell"
-    },
-    DayWrapper: {
-        base: "calendar__day-wrapper"
-    },
-    DayPlaceholder: {
-        base: "calendar__day-placeholder"
-    },
-    Cell: {
-        base: "calendar__cell",
-        flag: {
-            selected: "calendar__cell--selected",
-            rangeStart: "calendar__cell--range-start",
-            rangeEnd: "calendar__cell--range-end",
-            inRange: "calendar__cell--in-range",
-            inPreviewRange: "calendar__cell--in-preview-range",
-            today: "calendar__cell--today",
-            outsideMonth: "calendar__cell--outside-month",
-            disabled: "calendar__cell--disabled",
-            unavailable: "calendar__cell--unavailable",
-            focused: "calendar__cell--focused"
-        }
-    },
-    Day: {
-        base: "calendar__day"
-    }
-};
-export { CLASSES };

package/dist/components/calendar/Calendar.css

@@ -1,258 +0,0 @@
-@layer components {
-  .calendar {
-    width: 15.75rem;
-    max-width: 100%;
-    contain: layout style;
-  }
-
-  .calendar--disabled {
-    opacity: var(--disabled-opacity, 0.72);
-  }
-
-  .calendar__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.5rem;
-    padding-inline: 0.125rem;
-    padding-bottom: 1rem;
-  }
-
-  .calendar__heading {
-    flex: 1;
-    text-align: center;
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1.25rem;
-  }
-
-  .calendar__nav {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .calendar__nav-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border: 0;
-    border-radius: 9999px;
-    background: transparent;
-    color: var(--color-accent);
-    cursor: var(--cursor-interactive, pointer);
-    transition:
-      transform 250ms var(--ease-out, ease),
-      background-color 100ms var(--ease-out, ease),
-      box-shadow 100ms var(--ease-out, ease),
-      opacity 150ms var(--ease-out, ease);
-  }
-
-  @media (hover: hover) {
-    .calendar__nav-button:hover:not(:disabled),
-    .calendar__nav-button[data-hovered="true"]:not(:disabled) {
-      background-color: var(--color-default, var(--color-base-200));
-      color: var(--color-accent);
-    }
-  }
-
-  .calendar__nav-button:active:not(:disabled),
-  .calendar__nav-button[data-pressed="true"]:not(:disabled) {
-    transform: scale(0.95);
-  }
-
-  .calendar__nav-button:focus-visible,
-  .calendar__nav-button[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .calendar__nav-button:disabled,
-  .calendar__nav-button[data-disabled="true"] {
-    cursor: not-allowed;
-    opacity: 0.45;
-  }
-
-  .calendar__nav-button-icon {
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    pointer-events: none;
-  }
-
-  .calendar__grid {
-    display: grid;
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-    width: 100%;
-  }
-
-  .calendar__grid-header,
-  .calendar__grid-body,
-  .calendar__grid-row {
-    display: contents;
-  }
-
-  .calendar__header-cell {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 0.5rem;
-    text-align: center;
-    font-size: 0.75rem;
-    font-weight: 500;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-  }
-
-  .calendar__day-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 2rem;
-  }
-
-  .calendar__day-placeholder {
-    display: block;
-    width: 2rem;
-    height: 2rem;
-  }
-
-  .calendar__cell {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    margin: 0 auto;
-    border: 0;
-    border-radius: 9999px;
-    background: transparent;
-    color: var(--color-base-content);
-    cursor: var(--cursor-interactive, pointer);
-    user-select: none;
-    outline: none;
-    transition:
-      transform 250ms var(--ease-out, ease),
-      background-color 120ms var(--ease-out, ease),
-      box-shadow 120ms var(--ease-out, ease),
-      color 120ms var(--ease-out, ease),
-      opacity 120ms var(--ease-out, ease);
-  }
-
-  .calendar__day {
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1;
-    pointer-events: none;
-  }
-
-  .calendar__cell:focus-visible,
-  .calendar__cell--focused,
-  .calendar__cell[data-focus-visible="true"] {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-  }
-
-  .calendar__cell--today {
-    color: var(--color-accent);
-  }
-
-  .calendar__cell--selected {
-    background-color: var(--color-accent);
-    color: var(--color-accent-foreground);
-  }
-
-  .calendar__cell--selected .calendar__day {
-    color: inherit;
-  }
-
-  .calendar__cell--in-range,
-  .calendar__cell--in-preview-range {
-    background-color: color-mix(in oklab, var(--color-accent) 18%, transparent);
-    border-radius: 0;
-  }
-
-  .calendar__cell--range-start,
-  .calendar__cell--range-end {
-    background-color: var(--color-accent);
-    color: var(--color-accent-foreground);
-    border-radius: 9999px;
-  }
-
-  .calendar__cell--range-start .calendar__day,
-  .calendar__cell--range-end .calendar__day {
-    color: inherit;
-  }
-
-  .calendar__cell--range-start.calendar__cell--in-range,
-  .calendar__cell--range-start.calendar__cell--in-preview-range {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .calendar__cell--range-end.calendar__cell--in-range,
-  .calendar__cell--range-end.calendar__cell--in-preview-range {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .calendar__cell--range-start.calendar__cell--range-end {
-    border-radius: 9999px;
-  }
-
-  .calendar__cell:active:not(:disabled),
-  .calendar__cell[data-pressed="true"]:not(:disabled) {
-    transform: scale(0.95);
-  }
-
-  .calendar__cell:active:not(:disabled):not(.calendar__cell--selected),
-  .calendar__cell[data-pressed="true"]:not(:disabled):not(.calendar__cell--selected) {
-    background-color: var(--color-default, var(--color-base-200));
-  }
-
-  .calendar__cell:active.calendar__cell--selected:not(:disabled),
-  .calendar__cell[data-pressed="true"].calendar__cell--selected:not(:disabled) {
-    background-color: var(--color-accent-hover, color-mix(in oklab, var(--color-accent) 88%, black));
-  }
-
-  @media (hover: hover) {
-    .calendar__cell:hover:not(:disabled):not(.calendar__cell--selected),
-    .calendar__cell[data-hovered="true"]:not(:disabled):not(.calendar__cell--selected) {
-      background-color: var(--color-default, var(--color-base-200));
-    }
-  }
-
-  .calendar__cell--outside-month {
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-    opacity: 0.5;
-  }
-
-  .calendar__cell--selected.calendar__cell--outside-month {
-    background-color: var(--color-default, var(--color-base-200));
-    color: var(--color-base-content);
-  }
-
-  .calendar__cell--unavailable {
-    cursor: not-allowed;
-    opacity: var(--disabled-opacity, 0.6);
-  }
-
-  .calendar__cell--disabled {
-    cursor: not-allowed;
-    opacity: var(--disabled-opacity, 0.6);
-    text-decoration: line-through;
-  }
-
-  .calendar__cell--disabled.calendar__cell--outside-month {
-    text-decoration: none;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .calendar__nav-button,
-    .calendar__cell {
-      transition: none;
-    }
-  }
-}

package/dist/components/card/Card.classes.d.ts

@@ -1,24 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "card";
-        readonly variant: {
-            readonly default: "card--default";
-            readonly flat: "card--flat";
-            readonly bordered: "card--bordered";
-            readonly shadow: "card--shadow";
-        };
-        readonly flag: {
-            readonly isHoverable: "card--hoverable";
-            readonly isPressable: "card--pressable";
-        };
-    };
-    readonly Header: {
-        readonly base: "card__header";
-    };
-    readonly Body: {
-        readonly base: "card__body";
-    };
-    readonly Footer: {
-        readonly base: "card__footer";
-    };
-};

package/dist/components/card/Card.classes.js

@@ -1,25 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "card",
-        variant: {
-            default: "card--default",
-            flat: "card--flat",
-            bordered: "card--bordered",
-            shadow: "card--shadow"
-        },
-        flag: {
-            isHoverable: "card--hoverable",
-            isPressable: "card--pressable"
-        }
-    },
-    Header: {
-        base: "card__header"
-    },
-    Body: {
-        base: "card__body"
-    },
-    Footer: {
-        base: "card__footer"
-    }
-};
-export { CLASSES };