@zimyo/ui 1.0.2 → 1.1.1

package/dist/components/ui/scroll-area.js

@@ -1,41 +0,0 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ScrollArea as ScrollArea$1 } from 'radix-ui';
-import { cn } from '../../lib/utils.js';
-
-function ScrollArea(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return jsxs(ScrollArea$1.Root, Object.assign({
-    "data-slot": "scroll-area",
-    className: cn("relative", className)
-  }, props, {
-    children: [jsx(ScrollArea$1.Viewport, {
-      "data-slot": "scroll-area-viewport",
-      className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-      children: children
-    }), jsx(ScrollBar, {}), jsx(ScrollArea$1.Corner, {})]
-  }));
-}
-function ScrollBar(_a) {
-  var {
-      className,
-      orientation = "vertical"
-    } = _a,
-    props = __rest(_a, ["className", "orientation"]);
-  return jsx(ScrollArea$1.ScrollAreaScrollbar, Object.assign({
-    "data-slot": "scroll-area-scrollbar",
-    orientation: orientation,
-    className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className)
-  }, props, {
-    children: jsx(ScrollArea$1.ScrollAreaThumb, {
-      "data-slot": "scroll-area-thumb",
-      className: "bg-border relative flex-1 rounded-full"
-    })
-  }));
-}
-
-export { ScrollArea, ScrollBar };

package/dist/components/ui/select.d.ts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Select as Select$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
-    size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/select.js

@@ -1,136 +0,0 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-import { Select as Select$1 } from 'radix-ui';
-import { cn } from '../../lib/utils.js';
-
-function Select(_a) {
-  var props = __rest(_a, []);
-  return jsx(Select$1.Root, Object.assign({
-    "data-slot": "select"
-  }, props));
-}
-function SelectGroup(_a) {
-  var props = __rest(_a, []);
-  return jsx(Select$1.Group, Object.assign({
-    "data-slot": "select-group"
-  }, props));
-}
-function SelectValue(_a) {
-  var props = __rest(_a, []);
-  return jsx(Select$1.Value, Object.assign({
-    "data-slot": "select-value"
-  }, props));
-}
-function SelectTrigger(_a) {
-  var {
-      className,
-      size = "default",
-      children
-    } = _a,
-    props = __rest(_a, ["className", "size", "children"]);
-  return jsxs(Select$1.Trigger, Object.assign({
-    "data-slot": "select-trigger",
-    "data-size": size,
-    className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
-  }, props, {
-    children: [children, jsx(Select$1.Icon, {
-      asChild: true,
-      children: jsx(ChevronDownIcon, {
-        className: "size-4 opacity-50"
-      })
-    })]
-  }));
-}
-function SelectContent(_a) {
-  var {
-      className,
-      children,
-      position = "popper"
-    } = _a,
-    props = __rest(_a, ["className", "children", "position"]);
-  return jsx(Select$1.Portal, {
-    children: jsxs(Select$1.Content, Object.assign({
-      "data-slot": "select-content",
-      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-      position: position
-    }, props, {
-      children: [jsx(SelectScrollUpButton, {}), jsx(Select$1.Viewport, {
-        className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-        children: children
-      }), jsx(SelectScrollDownButton, {})]
-    }))
-  });
-}
-function SelectLabel(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Select$1.Label, Object.assign({
-    "data-slot": "select-label",
-    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
-  }, props));
-}
-function SelectItem(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return jsxs(Select$1.Item, Object.assign({
-    "data-slot": "select-item",
-    className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className)
-  }, props, {
-    children: [jsx("span", {
-      className: "absolute right-2 flex size-3.5 items-center justify-center",
-      children: jsx(Select$1.ItemIndicator, {
-        children: jsx(CheckIcon, {
-          className: "size-4"
-        })
-      })
-    }), jsx(Select$1.ItemText, {
-      children: children
-    })]
-  }));
-}
-function SelectSeparator(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Select$1.Separator, Object.assign({
-    "data-slot": "select-separator",
-    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)
-  }, props));
-}
-function SelectScrollUpButton(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Select$1.ScrollUpButton, Object.assign({
-    "data-slot": "select-scroll-up-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props, {
-    children: jsx(ChevronUpIcon, {
-      className: "size-4"
-    })
-  }));
-}
-function SelectScrollDownButton(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Select$1.ScrollDownButton, Object.assign({
-    "data-slot": "select-scroll-down-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props, {
-    children: jsx(ChevronDownIcon, {
-      className: "size-4"
-    })
-  }));
-}
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/separator.d.ts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Separator as Separator$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
-
-export { Separator };

package/dist/components/ui/separator.js

@@ -1,21 +0,0 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import { Separator as Separator$1 } from 'radix-ui';
-import { cn } from '../../lib/utils.js';
-
-function Separator(_a) {
-  var {
-      className,
-      orientation = "horizontal",
-      decorative = true
-    } = _a,
-    props = __rest(_a, ["className", "orientation", "decorative"]);
-  return jsx(Separator$1.Root, Object.assign({
-    "data-slot": "separator",
-    decorative: decorative,
-    orientation: orientation,
-    className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className)
-  }, props));
-}
-
-export { Separator };

package/dist/components/ui/sheet.d.ts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Dialog } from 'radix-ui';
-import * as React from 'react';
-
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime.JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof Dialog.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
-}): react_jsx_runtime.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime.JSX.Element;
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/ui/sheet.js

@@ -1,106 +0,0 @@
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { XIcon } from 'lucide-react';
-import { Dialog } from 'radix-ui';
-import { cn } from '../../lib/utils.js';
-
-function Sheet(_a) {
-  var props = __rest(_a, []);
-  return jsx(Dialog.Root, Object.assign({
-    "data-slot": "sheet"
-  }, props));
-}
-function SheetTrigger(_a) {
-  var props = __rest(_a, []);
-  return jsx(Dialog.Trigger, Object.assign({
-    "data-slot": "sheet-trigger"
-  }, props));
-}
-function SheetClose(_a) {
-  var props = __rest(_a, []);
-  return jsx(Dialog.Close, Object.assign({
-    "data-slot": "sheet-close"
-  }, props));
-}
-function SheetPortal(_a) {
-  var props = __rest(_a, []);
-  return jsx(Dialog.Portal, Object.assign({
-    "data-slot": "sheet-portal"
-  }, props));
-}
-function SheetOverlay(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Dialog.Overlay, Object.assign({
-    "data-slot": "sheet-overlay",
-    className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)
-  }, props));
-}
-function SheetContent(_a) {
-  var {
-      className,
-      children,
-      side = "right"
-    } = _a,
-    props = __rest(_a, ["className", "children", "side"]);
-  return jsxs(SheetPortal, {
-    children: [jsx(SheetOverlay, {}), jsxs(Dialog.Content, Object.assign({
-      "data-slot": "sheet-content",
-      className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className)
-    }, props, {
-      children: [children, jsxs(Dialog.Close, {
-        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
-        children: [jsx(XIcon, {
-          className: "size-4"
-        }), jsx("span", {
-          className: "sr-only",
-          children: "Close"
-        })]
-      })]
-    }))]
-  });
-}
-function SheetHeader(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx("div", Object.assign({
-    "data-slot": "sheet-header",
-    className: cn("flex flex-col gap-1.5 p-4", className)
-  }, props));
-}
-function SheetFooter(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx("div", Object.assign({
-    "data-slot": "sheet-footer",
-    className: cn("mt-auto flex flex-col gap-2 p-4", className)
-  }, props));
-}
-function SheetTitle(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Dialog.Title, Object.assign({
-    "data-slot": "sheet-title",
-    className: cn("text-foreground font-semibold", className)
-  }, props));
-}
-function SheetDescription(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return jsx(Dialog.Description, Object.assign({
-    "data-slot": "sheet-description",
-    className: cn("text-muted-foreground text-sm", className)
-  }, props));
-}
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/ui/sidebar.d.ts

@@ -1,74 +0,0 @@
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { Button } from './button.js';
-import { Input } from './input.js';
-import { Separator } from './separator.js';
-import { TooltipContent } from './tooltip.js';
-import 'radix-ui';
-
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    showOnHover?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
-    showIcon?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };