@cogentic-co/ds 0.5.0 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +10 -18
- package/dist/index.js +20 -62
- package/dist/index.js.map +1 -1
- package/dist/workflow.d.ts +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
|
|
|
47
47
|
import { Table as Table$1, ColumnDef, Column, SortingState, ColumnFiltersState, VisibilityState, RowSelectionState } from '@tanstack/react-table';
|
|
48
48
|
export { ColumnDef, ColumnFiltersState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
|
|
49
49
|
export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
|
|
50
|
-
import {
|
|
50
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
51
51
|
import { Menu } from '@base-ui/react/menu';
|
|
52
52
|
export { FormApi, ReactFormExtendedApi, useField, useForm, useStore } from '@tanstack/react-form';
|
|
53
53
|
import { PreviewCard } from '@base-ui/react/preview-card';
|
|
@@ -603,24 +603,16 @@ declare function DescriptionListItem({ className, ...props }: React$1.ComponentP
|
|
|
603
603
|
declare function DescriptionListTerm({ className, ...props }: React$1.ComponentProps<"dt">): react_jsx_runtime.JSX.Element;
|
|
604
604
|
declare function DescriptionListDetail({ className, ...props }: React$1.ComponentProps<"dd">): react_jsx_runtime.JSX.Element;
|
|
605
605
|
|
|
606
|
-
|
|
607
|
-
declare function
|
|
608
|
-
|
|
609
|
-
}): react_jsx_runtime.JSX.Element;
|
|
610
|
-
declare function
|
|
611
|
-
declare function
|
|
612
|
-
declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof DrawerPreview.Close>): react_jsx_runtime.JSX.Element;
|
|
613
|
-
declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof DrawerPreview.Backdrop>): react_jsx_runtime.JSX.Element;
|
|
614
|
-
type DrawerContentProps = React$1.ComponentProps<typeof DrawerPreview.Popup> & {
|
|
615
|
-
direction?: DrawerDirection;
|
|
616
|
-
showCloseButton?: boolean;
|
|
617
|
-
showHandle?: boolean;
|
|
618
|
-
};
|
|
619
|
-
declare function DrawerContent({ className, children, direction, showCloseButton, showHandle, ...props }: DrawerContentProps): react_jsx_runtime.JSX.Element;
|
|
606
|
+
declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
607
|
+
declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
608
|
+
declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
609
|
+
declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
|
|
610
|
+
declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
611
|
+
declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
|
|
620
612
|
declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
621
613
|
declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
622
|
-
declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof
|
|
623
|
-
declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof
|
|
614
|
+
declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
|
|
615
|
+
declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
|
|
624
616
|
|
|
625
617
|
declare function DropdownMenu({ ...props }: Menu.Root.Props): react_jsx_runtime.JSX.Element;
|
|
626
618
|
declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): react_jsx_runtime.JSX.Element;
|
|
@@ -1570,4 +1562,4 @@ interface AppShellProps {
|
|
|
1570
1562
|
}
|
|
1571
1563
|
declare function AppShell({ logo, nav, footerNav, user, breadcrumbs, headerActions, userMenuItems, onLogout, sidebarHeaderExtra, linkComponent: Link, children, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
1572
1564
|
|
|
1573
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedCounter, type AnimatedCounterProps, AppShell, type AppShellLogo, type AppShellProps, type AppShellUser, type ApprovalAction, ApprovalActions, type ApprovalActionsProps, ApprovalButton, ApprovalDialog, ArticleCard, type ArticleCardProps, AsciiShader, type AsciiShaderProps, AspectRatio, AuditLog, AuditLogContent, AuditLogDetail, AuditLogEntry, type AuditLogEntryProps, AuditLogIcon, AuditLogMessage, AuditLogMeta, AuditLogTime, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BgShader, Blockquote, BlockyShader, type BlockyShaderProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, type BreadcrumbSegment, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Callout, type CalloutProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CaseCard, type CaseCardAlert, type CaseCardAssignee, type CaseCardProps, type CaseCardTransaction, Checkbox, CodeBlock, type CodeBlockProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, CommentActions, CommentAuthor, CommentAvatar, CommentBody, CommentContent, CommentHeader, type CommentProps, CommentThread, CommentTime, ComplianceScore, type ComplianceScoreProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CtaLink, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTableFacetedFilter, type DataTableFacetedFilterOption, type DataTableFacetedFilterProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableToolbar, type DataTableToolbarProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerPreset, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DeadlineCountdown, type DeadlineCountdownProps, DescriptionList, DescriptionListDetail, DescriptionListItem, DescriptionListTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent,
|
|
1565
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedCounter, type AnimatedCounterProps, AppShell, type AppShellLogo, type AppShellProps, type AppShellUser, type ApprovalAction, ApprovalActions, type ApprovalActionsProps, ApprovalButton, ApprovalDialog, ArticleCard, type ArticleCardProps, AsciiShader, type AsciiShaderProps, AspectRatio, AuditLog, AuditLogContent, AuditLogDetail, AuditLogEntry, type AuditLogEntryProps, AuditLogIcon, AuditLogMessage, AuditLogMeta, AuditLogTime, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BgShader, Blockquote, BlockyShader, type BlockyShaderProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, type BreadcrumbSegment, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Callout, type CalloutProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CaseCard, type CaseCardAlert, type CaseCardAssignee, type CaseCardProps, type CaseCardTransaction, Checkbox, CodeBlock, type CodeBlockProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, CommentActions, CommentAuthor, CommentAvatar, CommentBody, CommentContent, CommentHeader, type CommentProps, CommentThread, CommentTime, ComplianceScore, type ComplianceScoreProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CtaLink, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTableFacetedFilter, type DataTableFacetedFilterOption, type DataTableFacetedFilterProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableToolbar, type DataTableToolbarProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerPreset, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DeadlineCountdown, type DeadlineCountdownProps, DescriptionList, DescriptionListDetail, DescriptionListItem, DescriptionListTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EASE_OUT, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityHeader, type EntityHeaderMeta, type EntityHeaderProps, FADE_UP, FadeIn, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileUpload, type FileUploadProps, FilterBar, FilterChip, FilterClear, Grid, type GridProps, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, InlineEdit, type InlineEditProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Large, Lead, List, LoadingOverlay, type LoadingOverlayProps, LogoVasp, type LogoVaspProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NativeSelect, NativeSelectOptGroup, NativeSelectOption, type NavGroup, type NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberInput, type NumberInputProps, P, PageCta, type PageCtaProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PolicyBanner, type PolicyBannerProps, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, Prose, type ProseProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RiskGauge, type RiskGaugeProps, SLIDE_UP_VARIANT, STAGGER_CHILDREN, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Small, Spinner, SplitPane, type SplitPaneDirection, SplitPaneDivider, type SplitPaneDividerProps, SplitPanePanel, type SplitPanePanelProps, type SplitPaneProps, Stat, StatLabel, StatTrend, type StatTrendProps, StatValue, StatusIndicator, type StatusIndicatorProps, StepProgress, StepProgressConnector, StepProgressContent, StepProgressDescription, StepProgressIndicator, type StepProgressIndicatorProps, StepProgressItem, type StepProgressItemProps, type StepProgressProps, type StepProgressStatus, StepProgressTitle, StreamingCards, type StreamingCardsProps, StripedBar, type StripedBarProps, type StripedBarSegment, SubtleShader, type Palette as SubtleShaderPalette, type SubtleShaderProps, Switch, TRANSITION_DEFAULT, TRANSITION_FAST, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TeamCard, type TeamCardProps, Textarea, ThemeScript, Timeline, TimelineContent, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterLine, type TypewriterProps, type Urgency, type UseCarouselOptions, type UseClipboardOptions, type UseDataTableOptions, type UseDisclosureReturn, type UseIntersectionObserverOptions, VIEWPORT_ONCE, VisuallyHidden, WaffleChart, type WaffleChartMode, type WaffleChartProps, type WaffleChartSegment, type WaffleChartSize, auditLogEntryVariants, badgeVariants, buttonGroupVariants, buttonVariants, calloutVariants, cn, complianceScoreVariants, deadlineCountdownVariants, headerVariants as entityHeaderVariants, logoVaspVariants, navigationMenuTriggerStyle, policyBannerVariants, TIER_COLORS as riskGaugeTierColors, statusIndicatorVariants, stepProgressVariants, tabsListVariants, tagVariants, timeAgo, toggleVariants, trendVariants, useAnimationTimer, useCarousel, useCarouselState, useClipboard, useComboboxAnchor, useCycleIndex, useDataTable, useDebounce, useDisclosure, useIntersectionObserver, useIsMobile, useLocalStorage, useMediaQuery, useSidebar, waffleChartVariants };
|
package/dist/index.js
CHANGED
|
@@ -67,7 +67,7 @@ import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
|
67
67
|
import { Select as Select$1 } from '@base-ui/react/select';
|
|
68
68
|
import { format, addDays } from 'date-fns';
|
|
69
69
|
export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
|
|
70
|
-
import {
|
|
70
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
71
71
|
export { useField, useForm, useStore } from '@tanstack/react-form';
|
|
72
72
|
import { OTPInput, OTPInputContext } from 'input-otp';
|
|
73
73
|
import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
|
|
@@ -4853,24 +4853,20 @@ function DescriptionListDetail(_a) {
|
|
|
4853
4853
|
return /* @__PURE__ */ jsx("dd", __spreadValues({ "data-slot": "description-list-detail", className: cn("text-sm", className) }, props));
|
|
4854
4854
|
}
|
|
4855
4855
|
function Drawer(_a) {
|
|
4856
|
-
var
|
|
4857
|
-
|
|
4858
|
-
} = _b, props = __objRest(_b, [
|
|
4859
|
-
"swipeDirection"
|
|
4860
|
-
]);
|
|
4861
|
-
return /* @__PURE__ */ jsx(DrawerPreview.Root, __spreadValues({ "data-slot": "drawer", swipeDirection }, props));
|
|
4856
|
+
var props = __objRest(_a, []);
|
|
4857
|
+
return /* @__PURE__ */ jsx(Drawer$1.Root, __spreadValues({ "data-slot": "drawer" }, props));
|
|
4862
4858
|
}
|
|
4863
4859
|
function DrawerTrigger(_a) {
|
|
4864
4860
|
var props = __objRest(_a, []);
|
|
4865
|
-
return /* @__PURE__ */ jsx(
|
|
4861
|
+
return /* @__PURE__ */ jsx(Drawer$1.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
|
|
4866
4862
|
}
|
|
4867
4863
|
function DrawerPortal(_a) {
|
|
4868
4864
|
var props = __objRest(_a, []);
|
|
4869
|
-
return /* @__PURE__ */ jsx(
|
|
4865
|
+
return /* @__PURE__ */ jsx(Drawer$1.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
|
|
4870
4866
|
}
|
|
4871
4867
|
function DrawerClose(_a) {
|
|
4872
4868
|
var props = __objRest(_a, []);
|
|
4873
|
-
return /* @__PURE__ */ jsx(
|
|
4869
|
+
return /* @__PURE__ */ jsx(Drawer$1.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
|
|
4874
4870
|
}
|
|
4875
4871
|
function DrawerOverlay(_a) {
|
|
4876
4872
|
var _b = _a, {
|
|
@@ -4879,79 +4875,41 @@ function DrawerOverlay(_a) {
|
|
|
4879
4875
|
"className"
|
|
4880
4876
|
]);
|
|
4881
4877
|
return /* @__PURE__ */ jsx(
|
|
4882
|
-
|
|
4878
|
+
Drawer$1.Overlay,
|
|
4883
4879
|
__spreadValues({
|
|
4884
4880
|
"data-slot": "drawer-overlay",
|
|
4885
4881
|
className: cn(
|
|
4886
|
-
"fixed inset-0 z-50 bg-black/10
|
|
4882
|
+
"data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
|
|
4887
4883
|
className
|
|
4888
4884
|
)
|
|
4889
4885
|
}, props)
|
|
4890
4886
|
);
|
|
4891
4887
|
}
|
|
4892
|
-
var directionClasses = {
|
|
4893
|
-
down: [
|
|
4894
|
-
"inset-x-0 bottom-0 max-h-[80vh] rounded-t-xl border-t",
|
|
4895
|
-
"[&[data-starting-style]]:translate-y-full [&[data-ending-style]]:translate-y-full"
|
|
4896
|
-
].join(" "),
|
|
4897
|
-
up: [
|
|
4898
|
-
"inset-x-0 top-0 max-h-[80vh] rounded-b-xl border-b",
|
|
4899
|
-
"[&[data-starting-style]]:-translate-y-full [&[data-ending-style]]:-translate-y-full"
|
|
4900
|
-
].join(" "),
|
|
4901
|
-
left: [
|
|
4902
|
-
"inset-y-0 left-0 w-3/4 rounded-r-xl border-r sm:max-w-sm",
|
|
4903
|
-
"[&[data-starting-style]]:-translate-x-full [&[data-ending-style]]:-translate-x-full"
|
|
4904
|
-
].join(" "),
|
|
4905
|
-
right: [
|
|
4906
|
-
"inset-y-0 right-0 w-3/4 rounded-l-xl border-l sm:max-w-sm",
|
|
4907
|
-
"[&[data-starting-style]]:translate-x-full [&[data-ending-style]]:translate-x-full"
|
|
4908
|
-
].join(" ")
|
|
4909
|
-
};
|
|
4910
4888
|
function DrawerContent(_a) {
|
|
4911
4889
|
var _b = _a, {
|
|
4912
4890
|
className,
|
|
4913
|
-
children
|
|
4914
|
-
direction = "down",
|
|
4915
|
-
showCloseButton = true,
|
|
4916
|
-
showHandle
|
|
4891
|
+
children
|
|
4917
4892
|
} = _b, props = __objRest(_b, [
|
|
4918
4893
|
"className",
|
|
4919
|
-
"children"
|
|
4920
|
-
"direction",
|
|
4921
|
-
"showCloseButton",
|
|
4922
|
-
"showHandle"
|
|
4894
|
+
"children"
|
|
4923
4895
|
]);
|
|
4924
|
-
|
|
4925
|
-
return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
|
|
4896
|
+
return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
|
|
4926
4897
|
/* @__PURE__ */ jsx(DrawerOverlay, {}),
|
|
4927
|
-
/* @__PURE__ */
|
|
4928
|
-
|
|
4898
|
+
/* @__PURE__ */ jsxs(
|
|
4899
|
+
Drawer$1.Content,
|
|
4929
4900
|
__spreadProps(__spreadValues({
|
|
4930
4901
|
"data-slot": "drawer-content",
|
|
4931
|
-
"data-direction": direction,
|
|
4932
4902
|
className: cn(
|
|
4933
|
-
"group/drawer-content fixed z-50 flex h-auto flex-col bg-background text-sm
|
|
4934
|
-
directionClasses[direction],
|
|
4903
|
+
"group/drawer-content fixed z-50 flex h-auto flex-col bg-background text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",
|
|
4935
4904
|
className
|
|
4936
4905
|
)
|
|
4937
4906
|
}, props), {
|
|
4938
4907
|
children: [
|
|
4939
|
-
|
|
4940
|
-
children
|
|
4941
|
-
showCloseButton && /* @__PURE__ */ jsxs(
|
|
4942
|
-
DrawerPreview.Close,
|
|
4943
|
-
{
|
|
4944
|
-
"data-slot": "drawer-close",
|
|
4945
|
-
render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }),
|
|
4946
|
-
children: [
|
|
4947
|
-
/* @__PURE__ */ jsx(XIcon, {}),
|
|
4948
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
4949
|
-
]
|
|
4950
|
-
}
|
|
4951
|
-
)
|
|
4908
|
+
/* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
4909
|
+
children
|
|
4952
4910
|
]
|
|
4953
4911
|
})
|
|
4954
|
-
)
|
|
4912
|
+
)
|
|
4955
4913
|
] });
|
|
4956
4914
|
}
|
|
4957
4915
|
function DrawerHeader(_a) {
|
|
@@ -4961,7 +4919,7 @@ function DrawerHeader(_a) {
|
|
|
4961
4919
|
__spreadValues({
|
|
4962
4920
|
"data-slot": "drawer-header",
|
|
4963
4921
|
className: cn(
|
|
4964
|
-
"flex flex-col gap-0.5 p-4 group-data-[direction=
|
|
4922
|
+
"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
|
|
4965
4923
|
className
|
|
4966
4924
|
)
|
|
4967
4925
|
}, props)
|
|
@@ -4980,7 +4938,7 @@ function DrawerFooter(_a) {
|
|
|
4980
4938
|
function DrawerTitle(_a) {
|
|
4981
4939
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
4982
4940
|
return /* @__PURE__ */ jsx(
|
|
4983
|
-
|
|
4941
|
+
Drawer$1.Title,
|
|
4984
4942
|
__spreadValues({
|
|
4985
4943
|
"data-slot": "drawer-title",
|
|
4986
4944
|
className: cn("font-medium text-foreground", className)
|
|
@@ -4994,7 +4952,7 @@ function DrawerDescription(_a) {
|
|
|
4994
4952
|
"className"
|
|
4995
4953
|
]);
|
|
4996
4954
|
return /* @__PURE__ */ jsx(
|
|
4997
|
-
|
|
4955
|
+
Drawer$1.Description,
|
|
4998
4956
|
__spreadValues({
|
|
4999
4957
|
"data-slot": "drawer-description",
|
|
5000
4958
|
className: cn("text-muted-foreground text-sm", className)
|