@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/button/Button.js

@@ -1,99 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./Button.css";
-import { Show, splitProps, useContext } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { ButtonGroupContext } from "../button-group/context.js";
-import { CLASSES } from "./Button.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button>");
-const Button = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "variant",
-        "size",
-        "isIconOnly",
-        "fullWidth",
-        "isDisabled",
-        "isPending",
-        "startIcon",
-        "endIcon",
-        "type"
-    ]);
-    const buttonGroupContext = useContext(ButtonGroupContext);
-    const variant = ()=>local.variant ?? buttonGroupContext?.variant() ?? "primary";
-    const size = ()=>local.size ?? buttonGroupContext?.size() ?? "md";
-    const fullWidth = ()=>local.fullWidth ?? buttonGroupContext?.fullWidth();
-    const disabled = ()=>Boolean(local.isDisabled ?? buttonGroupContext?.isDisabled()) || Boolean(local.isPending);
-    const classes = ()=>twMerge(CLASSES.base, CLASSES.variant[variant()], CLASSES.size[size()], local.isIconOnly && CLASSES.flag.isIconOnly, fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
-    return (()=>{
-        var _el$ = _tmpl$2();
-        spread(_el$, mergeProps(others, {
-            get type () {
-                return local.type ?? "button";
-            }
-        }, ()=>({
-                class: classes()
-            }), {
-            "data-slot": "button",
-            get ["data-pending"] () {
-                return local.isPending ? "true" : "false";
-            },
-            get disabled () {
-                return disabled();
-            },
-            get ["aria-disabled"] () {
-                return disabled() ? "true" : "false";
-            }
-        }), false, true);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.isPending;
-            },
-            get children () {
-                var _el$2 = _tmpl$();
-                spread(_el$2, mergeProps(()=>({
-                        class: CLASSES.slot.spinner
-                    }), {
-                    "data-slot": "spinner",
-                    "aria-hidden": "true"
-                }), false, false);
-                return _el$2;
-            }
-        }), null);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.startIcon;
-            },
-            get children () {
-                var _el$3 = _tmpl$();
-                spread(_el$3, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
-                    }), {
-                    "data-slot": "button-start-icon"
-                }), false, true);
-                insert(_el$3, ()=>local.startIcon);
-                return _el$3;
-            }
-        }), null);
-        insert(_el$, ()=>local.children, null);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.endIcon;
-            },
-            get children () {
-                var _el$4 = _tmpl$();
-                spread(_el$4, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
-                    }), {
-                    "data-slot": "button-end-icon"
-                }), false, true);
-                insert(_el$4, ()=>local.endIcon);
-                return _el$4;
-            }
-        }), null);
-        return _el$;
-    })();
-};
-const button_Button = Button;
-export default button_Button;

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

@@ -1,15 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "button-group";
-        readonly orientation: {
-            readonly horizontal: "button-group--horizontal";
-            readonly vertical: "button-group--vertical";
-        };
-        readonly flag: {
-            readonly fullWidth: "button-group--full-width";
-        };
-    };
-    readonly Separator: {
-        readonly base: "button-group__separator";
-    };
-};

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

@@ -1,16 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "button-group",
-        orientation: {
-            horizontal: "button-group--horizontal",
-            vertical: "button-group--vertical"
-        },
-        flag: {
-            fullWidth: "button-group--full-width"
-        }
-    },
-    Separator: {
-        base: "button-group__separator"
-    }
-};
-export { CLASSES };

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,88 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./ButtonGroup.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./ButtonGroup.classes.js";
-import { ButtonGroupContext } from "./context.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
-const ButtonGroupRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "orientation",
-        "size",
-        "variant",
-        "isDisabled",
-        "fullWidth",
-        "role"
-    ]);
-    const orientation = ()=>local.orientation ?? "horizontal";
-    return createComponent(ButtonGroupContext.Provider, {
-        value: {
-            size: ()=>local.size,
-            variant: ()=>local.variant,
-            isDisabled: ()=>local.isDisabled,
-            fullWidth: ()=>local.fullWidth
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.orientation[orientation()], local.fullWidth && 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);
-            insert(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const ButtonGroupSeparator = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, {
-            "aria-hidden": "true"
-        }, ()=>({
-                class: twMerge(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 default button_group_ButtonGroup;
-export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator };

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.d.ts

@@ -1,30 +0,0 @@
-import "./Calendar.css";
-import { type JSX } from "solid-js";
-import { type CalendarSelectionMode } from "../../hooks/date";
-import type { IComponentBaseProps } from "../types";
-export type CalendarWeekdayFormat = "narrow" | "short" | "long";
-export type { CalendarSelectionMode };
-export type CalendarDaySelectHandler = (date: Date) => void;
-export type CalendarDayHoverHandler = (date?: Date) => void;
-type CalendarBaseProps = {
-    selectionMode?: CalendarSelectionMode;
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    rangeStart?: Date;
-    rangeEnd?: Date;
-    rangePreview?: Date;
-    onDaySelect?: CalendarDaySelectHandler;
-    onDayHover?: CalendarDayHoverHandler;
-    minValue?: Date;
-    maxValue?: Date;
-    isDateUnavailable?: (date: Date) => boolean;
-    locale?: string;
-    weekdayFormat?: CalendarWeekdayFormat;
-    showOutsideDays?: boolean;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type CalendarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange" | "children"> & IComponentBaseProps & CalendarBaseProps;
-declare const Calendar: (props: CalendarProps) => JSX.Element;
-export default Calendar;