@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/drawer/Drawer.recipe.d.ts

@@ -0,0 +1,109 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "drawer";
+        readonly state: {
+            readonly open: "drawer--open";
+            readonly entering: "drawer--entering";
+            readonly exiting: "drawer--exiting";
+            readonly closed: "drawer--closed";
+        };
+    };
+    readonly Trigger: {
+        readonly base: "drawer__trigger";
+    };
+    readonly Backdrop: {
+        readonly base: "drawer__backdrop";
+        readonly variant: {
+            readonly opaque: "drawer__backdrop--opaque";
+            readonly blur: "drawer__backdrop--blur";
+            readonly transparent: "drawer__backdrop--transparent";
+        };
+        readonly state: {
+            readonly entering: "drawer__backdrop--entering";
+            readonly exiting: "drawer__backdrop--exiting";
+        };
+    };
+    readonly Content: {
+        readonly base: "drawer__content";
+        readonly placement: {
+            readonly top: "drawer__content--top";
+            readonly bottom: "drawer__content--bottom";
+            readonly left: "drawer__content--left";
+            readonly right: "drawer__content--right";
+        };
+        readonly scroll: {
+            readonly inside: "drawer__content--scroll-inside";
+            readonly outside: "drawer__content--scroll-outside";
+        };
+        readonly state: {
+            readonly entering: "drawer__content--entering";
+            readonly exiting: "drawer__content--exiting";
+        };
+    };
+    readonly Dialog: {
+        readonly base: "drawer__dialog";
+        readonly axis: {
+            readonly side: "drawer__dialog--axis-side";
+            readonly edge: "drawer__dialog--axis-edge";
+        };
+        readonly size: {
+            readonly side: {
+                readonly sm: "drawer__dialog--side-sm";
+                readonly md: "drawer__dialog--side-md";
+                readonly lg: "drawer__dialog--side-lg";
+                readonly full: "drawer__dialog--side-full";
+            };
+            readonly edge: {
+                readonly sm: "drawer__dialog--edge-sm";
+                readonly md: "drawer__dialog--edge-md";
+                readonly lg: "drawer__dialog--edge-lg";
+                readonly full: "drawer__dialog--edge-full";
+            };
+        };
+        readonly state: {
+            readonly entering: "drawer__dialog--entering";
+            readonly exiting: "drawer__dialog--exiting";
+        };
+    };
+    readonly Header: {
+        readonly base: "drawer__header";
+    };
+    readonly Heading: {
+        readonly base: "drawer__heading";
+    };
+    readonly Body: {
+        readonly base: "drawer__body";
+    };
+    readonly Footer: {
+        readonly base: "drawer__footer";
+    };
+    readonly Handle: {
+        readonly base: "drawer__handle";
+        readonly bar: "drawer__handle-bar";
+    };
+    readonly CloseTrigger: {
+        readonly base: "drawer__close-trigger";
+        readonly icon: "drawer__close-icon";
+        readonly iconStart: "drawer__close-icon--start";
+        readonly iconEnd: "drawer__close-icon--end";
+    };
+};
+export declare const componentRecipe: import("solid-layouts").Recipe<{
+    readonly component: "drawer";
+    readonly slots: {
+        readonly "drawer-backdrop": {};
+        readonly "drawer-body": {};
+        readonly "drawer-close": {};
+        readonly "drawer-close-trigger": {};
+        readonly "drawer-content": {};
+        readonly "drawer-dialog": {};
+        readonly "drawer-footer": {};
+        readonly "drawer-handle": {};
+        readonly "drawer-handle-bar": {};
+        readonly "drawer-header": {};
+        readonly "drawer-heading": {};
+        readonly "drawer-root": {};
+        readonly "drawer-trigger": {};
+        readonly root: {};
+    };
+}>;

package/dist/components/drawer/Drawer.recipe.js

@@ -0,0 +1,188 @@
+import { recipe } from "../../lib/layouts/index.js";
+const CLASSES = {
+    Root: {
+        base: "drawer",
+        state: {
+            open: "drawer--open",
+            entering: "drawer--entering",
+            exiting: "drawer--exiting",
+            closed: "drawer--closed"
+        }
+    },
+    Trigger: {
+        base: "drawer__trigger"
+    },
+    Backdrop: {
+        base: "drawer__backdrop",
+        variant: {
+            opaque: "drawer__backdrop--opaque",
+            blur: "drawer__backdrop--blur",
+            transparent: "drawer__backdrop--transparent"
+        },
+        state: {
+            entering: "drawer__backdrop--entering",
+            exiting: "drawer__backdrop--exiting"
+        }
+    },
+    Content: {
+        base: "drawer__content",
+        placement: {
+            top: "drawer__content--top",
+            bottom: "drawer__content--bottom",
+            left: "drawer__content--left",
+            right: "drawer__content--right"
+        },
+        scroll: {
+            inside: "drawer__content--scroll-inside",
+            outside: "drawer__content--scroll-outside"
+        },
+        state: {
+            entering: "drawer__content--entering",
+            exiting: "drawer__content--exiting"
+        }
+    },
+    Dialog: {
+        base: "drawer__dialog",
+        axis: {
+            side: "drawer__dialog--axis-side",
+            edge: "drawer__dialog--axis-edge"
+        },
+        size: {
+            side: {
+                sm: "drawer__dialog--side-sm",
+                md: "drawer__dialog--side-md",
+                lg: "drawer__dialog--side-lg",
+                full: "drawer__dialog--side-full"
+            },
+            edge: {
+                sm: "drawer__dialog--edge-sm",
+                md: "drawer__dialog--edge-md",
+                lg: "drawer__dialog--edge-lg",
+                full: "drawer__dialog--edge-full"
+            }
+        },
+        state: {
+            entering: "drawer__dialog--entering",
+            exiting: "drawer__dialog--exiting"
+        }
+    },
+    Header: {
+        base: "drawer__header"
+    },
+    Heading: {
+        base: "drawer__heading"
+    },
+    Body: {
+        base: "drawer__body"
+    },
+    Footer: {
+        base: "drawer__footer"
+    },
+    Handle: {
+        base: "drawer__handle",
+        bar: "drawer__handle-bar"
+    },
+    CloseTrigger: {
+        base: "drawer__close-trigger",
+        icon: "drawer__close-icon",
+        iconStart: "drawer__close-icon--start",
+        iconEnd: "drawer__close-icon--end"
+    }
+};
+const componentRecipe = recipe({
+    component: "drawer",
+    slots: {
+        "drawer-backdrop": {},
+        "drawer-body": {},
+        "drawer-close": {},
+        "drawer-close-trigger": {},
+        "drawer-content": {},
+        "drawer-dialog": {},
+        "drawer-footer": {},
+        "drawer-handle": {},
+        "drawer-handle-bar": {},
+        "drawer-header": {},
+        "drawer-heading": {},
+        "drawer-root": {},
+        "drawer-trigger": {},
+        root: {}
+    },
+    _layouts: {
+        slots: {
+            "drawer-backdrop": {
+                base: "",
+                axes: {}
+            },
+            "drawer-body": {
+                base: "",
+                axes: {}
+            },
+            "drawer-close": {
+                base: "",
+                axes: {}
+            },
+            "drawer-close-trigger": {
+                base: "",
+                axes: {}
+            },
+            "drawer-content": {
+                base: "",
+                axes: {}
+            },
+            "drawer-dialog": {
+                base: "",
+                axes: {}
+            },
+            "drawer-footer": {
+                base: "",
+                axes: {}
+            },
+            "drawer-handle": {
+                base: "",
+                axes: {}
+            },
+            "drawer-handle-bar": {
+                base: "",
+                axes: {}
+            },
+            "drawer-header": {
+                base: "",
+                axes: {}
+            },
+            "drawer-heading": {
+                base: "",
+                axes: {}
+            },
+            "drawer-root": {
+                base: "",
+                axes: {}
+            },
+            "drawer-trigger": {
+                base: "",
+                axes: {}
+            },
+            root: {
+                base: "",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            "drawer-backdrop": 0,
+            "drawer-body": 1,
+            "drawer-close": 2,
+            "drawer-close-trigger": 3,
+            "drawer-content": 4,
+            "drawer-dialog": 5,
+            "drawer-footer": 6,
+            "drawer-handle": 7,
+            "drawer-handle-bar": 8,
+            "drawer-header": 9,
+            "drawer-heading": 10,
+            "drawer-root": 11,
+            "drawer-trigger": 12,
+            root: 13
+        }
+    }
+});
+export { CLASSES, componentRecipe };

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

@@ -1 +1 @@
-export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerSize, type DrawerBackdropVariant, type DrawerDialogSide, type DrawerScrollBehavior, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer";
+export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerSize, type DrawerBackdropVariant, type DrawerDialogSide, type DrawerScrollBehavior, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer.generated";

package/dist/components/drawer/index.js

@@ -1 +1 @@
-export { DrawerBackdrop, DrawerBody, DrawerClose, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger, default } from "./Drawer.js";
+export { DrawerBackdrop, DrawerBody, DrawerClose, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger, default } from "./Drawer.generated.js";

package/dist/components/dropdown/Dropdown.generated.d.ts

@@ -0,0 +1,45 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Dropdown.css";
+import { type JSX } from "solid-js";
+import { type OverlayPlacement } from "../_shared/overlayPosition";
+type DropdownAlign = "start" | "end";
+type DropdownPlacement = OverlayPlacement;
+type DropdownRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    children: JSX.Element;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: DropdownPlacement;
+    autoFlip?: boolean;
+    disabled?: boolean;
+    dataTheme?: string;
+    className?: string;
+};
+declare const DropdownRoot: __LayoutComponent<DropdownRootProps>;
+type DropdownTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const DropdownTrigger: __LayoutComponent<DropdownTriggerProps>;
+type DropdownMenuProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    align?: DropdownAlign;
+    placement?: DropdownPlacement;
+    autoFlip?: boolean;
+    sideOffset?: number;
+};
+declare const DropdownMenu: __LayoutComponent<DropdownMenuProps>;
+type DropdownItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    closeOnSelect?: boolean;
+};
+declare const DropdownItem: __LayoutComponent<DropdownItemProps>;
+type DropdownGroupProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare const DropdownGroup: __LayoutComponent<DropdownGroupProps>;
+type DropdownSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare const DropdownSeparator: __LayoutComponent<DropdownSeparatorProps>;
+declare const Dropdown: __LayoutComponent<DropdownRootProps> & {
+    Root: __LayoutComponent<DropdownRootProps>;
+    Trigger: __LayoutComponent<DropdownTriggerProps>;
+    Menu: __LayoutComponent<DropdownMenuProps>;
+    Item: __LayoutComponent<DropdownItemProps>;
+    Group: __LayoutComponent<DropdownGroupProps>;
+    Separator: __LayoutComponent<DropdownSeparatorProps>;
+};
+export { Dropdown as default, Dropdown, DropdownRoot, DropdownTrigger, DropdownMenu, DropdownItem, DropdownGroup, DropdownSeparator, };
+export type { DropdownAlign, DropdownPlacement, DropdownRootProps, DropdownTriggerProps, DropdownMenuProps, DropdownItemProps, DropdownGroupProps, DropdownSeparatorProps, };