@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/button/Button.recipe.js

@@ -0,0 +1,71 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    base: "button",
+    variant: {
+        primary: "button--primary",
+        secondary: "button--secondary",
+        tertiary: "button--tertiary",
+        outline: "button--outline",
+        ghost: "button--ghost",
+        danger: "button--danger",
+        "danger-soft": "button--danger-soft"
+    },
+    size: {
+        sm: "button--sm",
+        md: "button--md",
+        lg: "button--lg"
+    },
+    flag: {
+        isIconOnly: "button--icon-only",
+        fullWidth: "button--full-width"
+    },
+    slot: {
+        spinner: "button__spinner",
+        icon: "button__icon",
+        iconStart: "button__icon--start",
+        iconEnd: "button__icon--end"
+    }
+};
+const componentRecipe = recipe({
+    component: "button",
+    slots: {
+        button: {},
+        "button-end-icon": {},
+        "button-start-icon": {},
+        root: {},
+        spinner: {}
+    },
+    _layouts: {
+        slots: {
+            button: {
+                base: "",
+                axes: {}
+            },
+            "button-end-icon": {
+                base: "",
+                axes: {}
+            },
+            "button-start-icon": {
+                base: "",
+                axes: {}
+            },
+            root: {
+                base: "",
+                axes: {}
+            },
+            spinner: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            button: 0,
+            "button-end-icon": 1,
+            "button-start-icon": 2,
+            root: 3,
+            spinner: 4
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

@@ -1,2 +1,2 @@
-export { default } from "./Button";
-export type { ButtonProps, ButtonVariant, ButtonSize } from "./Button";
+export { default } from "./Button.generated";
+export type { ButtonProps, ButtonVariant, ButtonSize } from "./Button.generated";

package/dist/components/button/index.js

@@ -1 +1 @@
-export { default } from "./Button.js";
+export { default } from "./Button.generated.js";

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

@@ -0,0 +1,24 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./ButtonGroup.css";
+import { type JSX } 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: __LayoutComponent<ButtonGroupRootProps>;
+declare const ButtonGroupSeparator: __LayoutComponent<ButtonGroupSeparatorProps>;
+declare const ButtonGroup: __LayoutComponent<ButtonGroupRootProps> & {
+    Root: __LayoutComponent<ButtonGroupRootProps>;
+    Separator: __LayoutComponent<ButtonGroupSeparatorProps>;
+};
+export default ButtonGroup;
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator };
+export type { ButtonGroupRootProps as ButtonGroupProps };

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

@@ -0,0 +1,99 @@
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./ButtonGroup.css";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, componentRecipe } from "./ButtonGroup.recipe.js";
+import { ButtonGroupContext } from "./context.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
+const __solidLayoutButtonGroupRoot = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "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 ButtonGroupRoot = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutButtonGroupRoot,
+    embedded: true
+});
+const __solidLayoutButtonGroupSeparator = (_stable, p)=>{
+    const [local, others] = splitProps(p, [
+        "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 ButtonGroupSeparator = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutButtonGroupSeparator,
+    embedded: true
+});
+const ButtonGroup = Object.assign(ButtonGroupRoot, {
+    Root: ButtonGroupRoot,
+    Separator: ButtonGroupSeparator
+});
+const ButtonGroup_generated = ButtonGroup;
+export default ButtonGroup_generated;
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator };

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

@@ -0,0 +1,23 @@
+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";
+    };
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "button-group";
+    readonly slots: {
+        readonly "button-group": {};
+        readonly "button-group-separator": {};
+        readonly root: {};
+    };
+}>;

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

@@ -0,0 +1,47 @@
+import { recipe } from "../../lib/layouts/index.js";
+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"
+    }
+};
+const componentRecipe = recipe({
+    component: "button-group",
+    slots: {
+        "button-group": {},
+        "button-group-separator": {},
+        root: {}
+    },
+    _layouts: {
+        slots: {
+            "button-group": {
+                base: "",
+                axes: {}
+            },
+            "button-group-separator": {
+                base: "",
+                axes: {}
+            },
+            root: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            "button-group": 0,
+            "button-group-separator": 1,
+            root: 2
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

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

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

@@ -1,3 +1 @@
-import { ButtonGroup as external_ButtonGroup_js_ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator } from "./ButtonGroup.js";
-export default external_ButtonGroup_js_ButtonGroup;
-export { ButtonGroupRoot, ButtonGroupSeparator, external_ButtonGroup_js_ButtonGroup as ButtonGroup };
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, default } from "./ButtonGroup.generated.js";

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

@@ -0,0 +1,31 @@
+import type { Component as __LayoutComponent } from "solid-js";
+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: __LayoutComponent<CalendarProps>;
+export default Calendar;