@zimyo/ui 1.0.0

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

@@ -0,0 +1,17 @@
+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.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): React.JSX.Element;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/select.js

@@ -0,0 +1,118 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { Select as Select$1 } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function Select(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Select$1.Root, _extends({
+    "data-slot": "select"
+  }, props));
+}
+function SelectGroup(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Select$1.Group, _extends({
+    "data-slot": "select-group"
+  }, props));
+}
+function SelectValue(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Select$1.Value, _extends({
+    "data-slot": "select-value"
+  }, props));
+}
+function SelectTrigger(_a) {
+  var {
+      className,
+      size = "default",
+      children
+    } = _a,
+    props = __rest(_a, ["className", "size", "children"]);
+  return /*#__PURE__*/React.createElement(Select$1.Trigger, _extends({
+    "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, /*#__PURE__*/React.createElement(Select$1.Icon, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    className: "size-4 opacity-50"
+  })));
+}
+function SelectContent(_a) {
+  var {
+      className,
+      children,
+      position = "popper"
+    } = _a,
+    props = __rest(_a, ["className", "children", "position"]);
+  return /*#__PURE__*/React.createElement(Select$1.Portal, null, /*#__PURE__*/React.createElement(Select$1.Content, _extends({
+    "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), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(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), /*#__PURE__*/React.createElement(SelectScrollDownButton, null)));
+}
+function SelectLabel(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Select$1.Label, _extends({
+    "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 /*#__PURE__*/React.createElement(Select$1.Item, _extends({
+    "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), /*#__PURE__*/React.createElement("span", {
+    className: "absolute right-2 flex size-3.5 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(Select$1.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
+    className: "size-4"
+  }))), /*#__PURE__*/React.createElement(Select$1.ItemText, null, children));
+}
+function SelectSeparator(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Select$1.Separator, _extends({
+    "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 /*#__PURE__*/React.createElement(Select$1.ScrollUpButton, _extends({
+    "data-slot": "select-scroll-up-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className)
+  }, props), /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    className: "size-4"
+  }));
+}
+function SelectScrollDownButton(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Select$1.ScrollDownButton, _extends({
+    "data-slot": "select-scroll-down-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className)
+  }, props), /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    className: "size-4"
+  }));
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

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

@@ -0,0 +1,6 @@
+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.Element;
+
+export { Separator };

package/dist/components/ui/separator.js

@@ -0,0 +1,22 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { Separator as Separator$1 } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function Separator(_a) {
+  var {
+      className,
+      orientation = "horizontal",
+      decorative = true
+    } = _a,
+    props = __rest(_a, ["className", "orientation", "decorative"]);
+  return /*#__PURE__*/React.createElement(Separator$1.Root, _extends({
+    "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

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

package/dist/components/ui/sheet.js

@@ -0,0 +1,101 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { XIcon } from 'lucide-react';
+import { Dialog } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function Sheet(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Dialog.Root, _extends({
+    "data-slot": "sheet"
+  }, props));
+}
+function SheetTrigger(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Dialog.Trigger, _extends({
+    "data-slot": "sheet-trigger"
+  }, props));
+}
+function SheetClose(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Dialog.Close, _extends({
+    "data-slot": "sheet-close"
+  }, props));
+}
+function SheetPortal(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(Dialog.Portal, _extends({
+    "data-slot": "sheet-portal"
+  }, props));
+}
+function SheetOverlay(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Dialog.Overlay, _extends({
+    "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 /*#__PURE__*/React.createElement(SheetPortal, null, /*#__PURE__*/React.createElement(SheetOverlay, null), /*#__PURE__*/React.createElement(Dialog.Content, _extends({
+    "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, /*#__PURE__*/React.createElement(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"
+  }, /*#__PURE__*/React.createElement(XIcon, {
+    className: "size-4"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "Close"))));
+}
+function SheetHeader(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "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 /*#__PURE__*/React.createElement("div", _extends({
+    "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 /*#__PURE__*/React.createElement(Dialog.Title, _extends({
+    "data-slot": "sheet-title",
+    className: cn("text-foreground font-semibold", className)
+  }, props));
+}
+function SheetDescription(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Dialog.Description, _extends({
+    "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

@@ -0,0 +1,73 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+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.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.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.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.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React.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 };