@xploreu/components 0.4.33 → 0.4.35
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/{chunk-JH5Z2FR6.js → chunk-55GZJ3FP.js} +2 -2
- package/dist/{chunk-JH5Z2FR6.js.map → chunk-55GZJ3FP.js.map} +1 -1
- package/dist/{chunk-RMHUCROW.js → chunk-66IVKVY6.js} +2 -2
- package/dist/{chunk-RMHUCROW.js.map → chunk-66IVKVY6.js.map} +1 -1
- package/dist/chunk-DYN44NDF.js +2 -0
- package/dist/chunk-DYN44NDF.js.map +1 -0
- package/dist/chunk-EIYPBVAD.js +2 -0
- package/dist/chunk-EIYPBVAD.js.map +1 -0
- package/dist/{chunk-7LXFJQSH.js → chunk-HRY64DNE.js} +2 -2
- package/dist/{chunk-7LXFJQSH.js.map → chunk-HRY64DNE.js.map} +1 -1
- package/dist/{chunk-TCJ2YRNB.js → chunk-XALJPQD2.js} +2 -2
- package/dist/{chunk-TCJ2YRNB.js.map → chunk-XALJPQD2.js.map} +1 -1
- package/dist/composites/combobox-chip-outside.js +1 -1
- package/dist/composites/combobox-chip.js +1 -1
- package/dist/composites/combobox-simple.js +1 -1
- package/dist/composites/filter-combobox.js +1 -1
- package/dist/composites/index.js +1 -1
- package/dist/composites/index.js.map +1 -1
- package/dist/composites/phone-input.js +1 -1
- package/dist/composites/profile-avatar.d.ts +1 -1
- package/dist/composites/profile-avatar.js +1 -1
- package/dist/form/form-input.js +1 -1
- package/dist/form/index.js +1 -1
- package/dist/icons/index.js +1 -1
- package/dist/primitives/dialog.d.ts +1 -1
- package/dist/primitives/dialog.js +1 -1
- package/dist/primitives/index.js +1 -1
- package/dist/primitives/sheet.js +1 -1
- package/dist/ui/alerter.d.ts +43 -0
- package/dist/ui/alerter.js +2 -0
- package/dist/ui/alerter.js.map +1 -0
- package/dist/ui/avatar.d.ts +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/combobox.js +1 -1
- package/dist/ui/date-multiple-picker.js +1 -1
- package/dist/ui/date-picker.js +1 -1
- package/dist/ui/date-range-picker.js +1 -1
- package/dist/ui/dialog.js +1 -1
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.js +1 -1
- package/dist/ui/input.d.ts +1 -1
- package/dist/ui/input.js +1 -1
- package/dist/ui/pagination.js +1 -1
- package/dist/ui/sheet.js +1 -1
- package/dist/ui/table.js +1 -1
- package/dist/ui/toast.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-2HZWQU6H.js +0 -2
- package/dist/chunk-2HZWQU6H.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-3733D5Y7.js';import {b,c,g,d,f,h as h$1,i,j as j$1,k,e}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a}from'./chunk-3733D5Y7.js';import {b,c,g,d,f,h as h$1,i,j as j$1,k,e}from'./chunk-EIYPBVAD.js';import'react';import {XIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';function A(o){return jsx(b,{...o})}function H(o){return jsx(c,{...o})}function z(o){return jsx(g,{...o})}function h({className:o,...r}){return jsx(e,{className:cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",o),...r})}function B({className:o,children:r,showCloseButton:e=true,closeClassName:t,...p}){return jsxs(d,{children:[jsx(h,{}),jsxs(f,{className:cn("group/dialog-popup fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] bg-bg-primary shadow-xp-lg rounded-xl overflow-hidden",o),...p,children:[r,e&&jsxs(g,{className:cn("absolute top-3 right-4 rounded-xs transition-colors text-fg-quaternary hover:text-text-primary disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5 mt-px p-2",t),children:[jsx(XIcon,{}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function F({className:o,...r}){return jsx(h$1,{className:cn("relative px-4 py-3 grid grid-cols-[auto_1fr] items-start bg-bg-primary border-b border-border-tertiary bg-radial-[100%_200%_at_0%_0%] from-modal-dialog-stop-0 to-bg-primary group-has-[>[data-slot=dialog-close]]/dialog-popup:pr-15",o),...r})}function R({className:o,...r}){return jsx("div",{"data-slot":"dialog-content",className:cn("px-4 py-4 max-h-[60vh] overflow-y-auto",o),...r})}function j({className:o,...r}){return jsx(i,{className:cn("flex gap-2 items-center justify-end bg-bg-primary border-t border-border-tertiary px-4 py-3 shadow-[0px_-1px_24px_0px_var(--color-shadow-xs)] peer-[[data-slot=dialog-content]]:border-0",o),...r})}function I({className:o,...r}){return jsx(j$1,{className:cn("col-start-2 [&:not(:has(~_[data-slot=dialog-description]))]:row-span-2 [&:not(:has(~_[data-slot=dialog-description]))]:self-center text-label-bold-2 text-text-primary",o),...r})}function L({className:o,...r}){return jsx(k,{className:cn("col-start-2 mt-0.5 text-body-regular-3 text-text-secondary",o),...r})}function M({className:o,variant:r="brand",...e}){return jsx("div",{"data-slot":"dialog-icon","data-variant":r,className:cn("row-span-2 flex items-center justify-center rounded-lg mt-px mr-3 p-2.5 [&_svg]:size-4 text-fg-white",r==="brand"&&"bg-bg-brand-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]",r==="error"&&"bg-bg-error-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-utility-error-100)]",o),...e})}function V({src:o,imageSrc:r,className:e,avatarClassName:t,avatarImageClassName:p,imageAlt:y,variant:_="profile",...f}){return jsx("div",{"data-slot":"dialog-avatar",className:cn("row-span-2 flex items-center justify-center size-9 rounded-lg mr-3 overflow-hidden bg-bg-primary shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]",e),children:jsx(a,{imageSrc:o??r,imageAlt:y,variant:_,bordered:false,badged:false,className:"size-full shrink-0",avatarClassName:cn("size-full shrink-0 rounded-lg",t),avatarImageClassName:cn("size-full object-cover",p),...f})})}export{A as a,H as b,z as c,B as d,F as e,R as f,j as g,I as h,L as i,M as j,V as k};//# sourceMappingURL=chunk-55GZJ3FP.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-55GZJ3FP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/dialog.tsx"],"names":["Dialog","props","jsx","DialogTrigger","DialogClose","DialogBackdrop","className","cn","DialogPopup","children","showCloseButton","closeClassName","jsxs","DialogPortal","XIcon","DialogHeader","DialogContent","DialogFooter","DialogTitle","DialogDescription","DialogIcon","variant","DialogAvatar","src","imageSrc","avatarClassName","avatarImageClassName","imageAlt","ProfileAvatar"],"mappings":"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","file":"chunk-JH5Z2FR6.js","sourcesContent":["import * as React from 'react';\r\nimport { XIcon } from 'lucide-react';\r\n\r\nimport {\r\n Dialog as DialogPrimitive,\r\n DialogPopup as DialogPopupPrimitive,\r\n DialogDescription as DialogDescriptionPrimitive,\r\n DialogFooter as DialogFooterPrimitive,\r\n DialogHeader as DialogHeaderPrimitive,\r\n DialogTitle as DialogTitlePrimitive,\r\n DialogTrigger as DialogTriggerPrimitive,\r\n DialogPortal as DialogPortalPrimitive,\r\n DialogBackdrop as DialogBackdropPrimitive,\r\n DialogClose as DialogClosePrimitive,\r\n type DialogProps as DialogPrimitiveProps,\r\n type DialogPopupProps as DialogPopupPrimitiveProps,\r\n type DialogDescriptionProps as DialogDescriptionPrimitiveProps,\r\n type DialogFooterProps as DialogFooterPrimitiveProps,\r\n type DialogHeaderProps as DialogHeaderPrimitiveProps,\r\n type DialogTitleProps as DialogTitlePrimitiveProps,\r\n type DialogTriggerProps as DialogTriggerPrimitiveProps,\r\n type DialogBackdropProps as DialogBackdropPrimitiveProps,\r\n type DialogCloseProps as DialogClosePrimitiveProps,\r\n} from '../primitives/dialog';\r\nimport { ProfileAvatar, type ProfileAvatarVariant } from '../composites/profile-avatar';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype DialogProps = DialogPrimitiveProps;\r\n\r\nfunction Dialog(props: DialogProps) {\r\n return <DialogPrimitive {...props} />;\r\n}\r\n\r\ntype DialogTriggerProps = DialogTriggerPrimitiveProps;\r\n\r\nfunction DialogTrigger(props: DialogTriggerProps) {\r\n return <DialogTriggerPrimitive {...props} />;\r\n}\r\n\r\ntype DialogCloseProps = DialogClosePrimitiveProps;\r\n\r\nfunction DialogClose(props: DialogCloseProps) {\r\n return <DialogClosePrimitive {...props} />;\r\n}\r\n\r\ntype DialogBackdropProps = DialogBackdropPrimitiveProps;\r\n\r\nfunction DialogBackdrop({ className, ...props }: DialogBackdropProps) {\r\n return (\r\n <DialogBackdropPrimitive\r\n className={cn('fixed inset-0 z-50 bg-black/50 backdrop-blur-sm', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogPopupProps = DialogPopupPrimitiveProps & {\r\n showCloseButton?: boolean;\r\n closeClassName?: string;\r\n};\r\n\r\nfunction DialogPopup({\r\n className,\r\n children,\r\n showCloseButton = true,\r\n closeClassName,\r\n ...props\r\n}: DialogPopupProps) {\r\n return (\r\n <DialogPortalPrimitive>\r\n <DialogBackdrop />\r\n <DialogPopupPrimitive\r\n className={cn(\r\n \"group/dialog-popup fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] bg-bg-primary shadow-xp-lg rounded-xl overflow-hidden\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n {showCloseButton && (\r\n <DialogClosePrimitive\r\n className={cn(\r\n \"absolute top-3 right-4 rounded-xs transition-colors text-fg-quaternary hover:text-text-primary disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5 mt-px p-2\",\r\n closeClassName\r\n )}\r\n >\r\n <XIcon />\r\n <span className=\"sr-only\">Close</span>\r\n </DialogClosePrimitive>\r\n )}\r\n </DialogPopupPrimitive>\r\n </DialogPortalPrimitive>\r\n );\r\n}\r\n\r\ntype DialogHeaderProps = DialogHeaderPrimitiveProps;\r\n\r\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\r\n return (\r\n <DialogHeaderPrimitive\r\n className={cn(\r\n \"relative px-4 py-3 grid grid-cols-[auto_1fr] items-start bg-bg-primary border-b border-border-tertiary bg-radial-[100%_200%_at_0%_0%] from-modal-dialog-stop-0 to-bg-primary group-has-[>[data-slot=dialog-close]]/dialog-popup:pr-15\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogContentProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nfunction DialogContent({ className, ...props }: DialogContentProps) {\r\n return (\r\n <div\r\n data-slot=\"dialog-content\"\r\n className={cn(\"px-4 py-4 max-h-[60vh] overflow-y-auto\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogFooterProps = DialogFooterPrimitiveProps;\r\n\r\nfunction DialogFooter({ className, ...props }: DialogFooterProps) {\r\n return (\r\n <DialogFooterPrimitive\r\n className={cn(\r\n \"flex gap-2 items-center justify-end bg-bg-primary border-t border-border-tertiary px-4 py-3 shadow-[0px_-1px_24px_0px_var(--color-shadow-xs)] peer-[[data-slot=dialog-content]]:border-0\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogTitleProps = DialogTitlePrimitiveProps;\r\n\r\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\r\n return (\r\n <DialogTitlePrimitive\r\n className={cn(\"col-start-2 [&:not(:has(~_[data-slot=dialog-description]))]:row-span-2 [&:not(:has(~_[data-slot=dialog-description]))]:self-center text-label-bold-2 text-text-primary\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogDescriptionProps = DialogDescriptionPrimitiveProps;\r\n\r\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\r\n return (\r\n <DialogDescriptionPrimitive\r\n className={cn(\"col-start-2 mt-0.5 text-body-regular-3 text-text-secondary\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DialogIcon({ \r\n className, \r\n variant = \"brand\",\r\n ...props \r\n}: React.ComponentProps<\"div\"> & {\r\n variant?: \"brand\" | \"error\"\r\n}) {\r\n return (\r\n <div\r\n data-slot=\"dialog-icon\"\r\n data-variant={variant}\r\n className={cn(\r\n \"row-span-2 flex items-center justify-center rounded-lg mt-px mr-3 p-2.5 [&_svg]:size-4 text-fg-white\",\r\n variant === \"brand\" && \"bg-bg-brand-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]\",\r\n variant === \"error\" && \"bg-bg-error-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-utility-error-100)]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogAvatarProps = Omit<React.ComponentProps<typeof ProfileAvatar>, \"size\" | \"bordered\" | \"badged\"> & {\r\n src?: string;\r\n imageAlt?: string;\r\n variant?: ProfileAvatarVariant;\r\n};\r\n\r\nfunction DialogAvatar({\r\n src,\r\n imageSrc,\r\n className,\r\n avatarClassName,\r\n avatarImageClassName,\r\n imageAlt,\r\n variant = \"profile\",\r\n ...props\r\n}: DialogAvatarProps) {\r\n return (\r\n <div\r\n data-slot=\"dialog-avatar\"\r\n className={cn(\r\n \"row-span-2 flex items-center justify-center size-9 rounded-lg mr-3 overflow-hidden bg-bg-primary shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]\",\r\n className,\r\n )}\r\n >\r\n <ProfileAvatar\r\n imageSrc={src ?? imageSrc}\r\n imageAlt={imageAlt}\r\n variant={variant}\r\n bordered={false}\r\n badged={false}\r\n className=\"size-full shrink-0\"\r\n avatarClassName={cn(\"size-full shrink-0 rounded-lg\", avatarClassName)}\r\n avatarImageClassName={cn(\"size-full object-cover\", avatarImageClassName)}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport {\r\n Dialog,\r\n DialogTrigger,\r\n DialogClose,\r\n DialogPopup,\r\n DialogHeader,\r\n DialogContent,\r\n DialogFooter,\r\n DialogTitle,\r\n DialogDescription,\r\n DialogIcon,\r\n DialogAvatar,\r\n type DialogProps,\r\n type DialogTriggerProps,\r\n type DialogCloseProps,\r\n type DialogPopupProps,\r\n type DialogHeaderProps,\r\n type DialogContentProps,\r\n type DialogFooterProps,\r\n type DialogTitleProps,\r\n type DialogDescriptionProps,\r\n type DialogAvatarProps,\r\n};"]}
|
|
1
|
+
{"version":3,"sources":["../src/ui/dialog.tsx"],"names":["Dialog","props","jsx","DialogTrigger","DialogClose","DialogBackdrop","className","cn","DialogPopup","children","showCloseButton","closeClassName","jsxs","DialogPortal","XIcon","DialogHeader","DialogContent","DialogFooter","DialogTitle","DialogDescription","DialogIcon","variant","DialogAvatar","src","imageSrc","avatarClassName","avatarImageClassName","imageAlt","ProfileAvatar"],"mappings":"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","file":"chunk-55GZJ3FP.js","sourcesContent":["import * as React from 'react';\r\nimport { XIcon } from 'lucide-react';\r\n\r\nimport {\r\n Dialog as DialogPrimitive,\r\n DialogPopup as DialogPopupPrimitive,\r\n DialogDescription as DialogDescriptionPrimitive,\r\n DialogFooter as DialogFooterPrimitive,\r\n DialogHeader as DialogHeaderPrimitive,\r\n DialogTitle as DialogTitlePrimitive,\r\n DialogTrigger as DialogTriggerPrimitive,\r\n DialogPortal as DialogPortalPrimitive,\r\n DialogBackdrop as DialogBackdropPrimitive,\r\n DialogClose as DialogClosePrimitive,\r\n type DialogProps as DialogPrimitiveProps,\r\n type DialogPopupProps as DialogPopupPrimitiveProps,\r\n type DialogDescriptionProps as DialogDescriptionPrimitiveProps,\r\n type DialogFooterProps as DialogFooterPrimitiveProps,\r\n type DialogHeaderProps as DialogHeaderPrimitiveProps,\r\n type DialogTitleProps as DialogTitlePrimitiveProps,\r\n type DialogTriggerProps as DialogTriggerPrimitiveProps,\r\n type DialogBackdropProps as DialogBackdropPrimitiveProps,\r\n type DialogCloseProps as DialogClosePrimitiveProps,\r\n} from '../primitives/dialog';\r\nimport { ProfileAvatar, type ProfileAvatarVariant } from '../composites/profile-avatar';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype DialogProps = DialogPrimitiveProps;\r\n\r\nfunction Dialog(props: DialogProps) {\r\n return <DialogPrimitive {...props} />;\r\n}\r\n\r\ntype DialogTriggerProps = DialogTriggerPrimitiveProps;\r\n\r\nfunction DialogTrigger(props: DialogTriggerProps) {\r\n return <DialogTriggerPrimitive {...props} />;\r\n}\r\n\r\ntype DialogCloseProps = DialogClosePrimitiveProps;\r\n\r\nfunction DialogClose(props: DialogCloseProps) {\r\n return <DialogClosePrimitive {...props} />;\r\n}\r\n\r\ntype DialogBackdropProps = DialogBackdropPrimitiveProps;\r\n\r\nfunction DialogBackdrop({ className, ...props }: DialogBackdropProps) {\r\n return (\r\n <DialogBackdropPrimitive\r\n className={cn('fixed inset-0 z-50 bg-black/50 backdrop-blur-sm', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogPopupProps = DialogPopupPrimitiveProps & {\r\n showCloseButton?: boolean;\r\n closeClassName?: string;\r\n};\r\n\r\nfunction DialogPopup({\r\n className,\r\n children,\r\n showCloseButton = true,\r\n closeClassName,\r\n ...props\r\n}: DialogPopupProps) {\r\n return (\r\n <DialogPortalPrimitive>\r\n <DialogBackdrop />\r\n <DialogPopupPrimitive\r\n className={cn(\r\n \"group/dialog-popup fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] bg-bg-primary shadow-xp-lg rounded-xl overflow-hidden\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n {showCloseButton && (\r\n <DialogClosePrimitive\r\n className={cn(\r\n \"absolute top-3 right-4 rounded-xs transition-colors text-fg-quaternary hover:text-text-primary disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5 mt-px p-2\",\r\n closeClassName\r\n )}\r\n >\r\n <XIcon />\r\n <span className=\"sr-only\">Close</span>\r\n </DialogClosePrimitive>\r\n )}\r\n </DialogPopupPrimitive>\r\n </DialogPortalPrimitive>\r\n );\r\n}\r\n\r\ntype DialogHeaderProps = DialogHeaderPrimitiveProps;\r\n\r\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\r\n return (\r\n <DialogHeaderPrimitive\r\n className={cn(\r\n \"relative px-4 py-3 grid grid-cols-[auto_1fr] items-start bg-bg-primary border-b border-border-tertiary bg-radial-[100%_200%_at_0%_0%] from-modal-dialog-stop-0 to-bg-primary group-has-[>[data-slot=dialog-close]]/dialog-popup:pr-15\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogContentProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nfunction DialogContent({ className, ...props }: DialogContentProps) {\r\n return (\r\n <div\r\n data-slot=\"dialog-content\"\r\n className={cn(\"px-4 py-4 max-h-[60vh] overflow-y-auto\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogFooterProps = DialogFooterPrimitiveProps;\r\n\r\nfunction DialogFooter({ className, ...props }: DialogFooterProps) {\r\n return (\r\n <DialogFooterPrimitive\r\n className={cn(\r\n \"flex gap-2 items-center justify-end bg-bg-primary border-t border-border-tertiary px-4 py-3 shadow-[0px_-1px_24px_0px_var(--color-shadow-xs)] peer-[[data-slot=dialog-content]]:border-0\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogTitleProps = DialogTitlePrimitiveProps;\r\n\r\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\r\n return (\r\n <DialogTitlePrimitive\r\n className={cn(\"col-start-2 [&:not(:has(~_[data-slot=dialog-description]))]:row-span-2 [&:not(:has(~_[data-slot=dialog-description]))]:self-center text-label-bold-2 text-text-primary\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogDescriptionProps = DialogDescriptionPrimitiveProps;\r\n\r\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\r\n return (\r\n <DialogDescriptionPrimitive\r\n className={cn(\"col-start-2 mt-0.5 text-body-regular-3 text-text-secondary\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction DialogIcon({ \r\n className, \r\n variant = \"brand\",\r\n ...props \r\n}: React.ComponentProps<\"div\"> & {\r\n variant?: \"brand\" | \"error\"\r\n}) {\r\n return (\r\n <div\r\n data-slot=\"dialog-icon\"\r\n data-variant={variant}\r\n className={cn(\r\n \"row-span-2 flex items-center justify-center rounded-lg mt-px mr-3 p-2.5 [&_svg]:size-4 text-fg-white\",\r\n variant === \"brand\" && \"bg-bg-brand-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]\",\r\n variant === \"error\" && \"bg-bg-error-solid shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-utility-error-100)]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype DialogAvatarProps = Omit<React.ComponentProps<typeof ProfileAvatar>, \"size\" | \"bordered\" | \"badged\"> & {\r\n src?: string;\r\n imageAlt?: string;\r\n variant?: ProfileAvatarVariant;\r\n};\r\n\r\nfunction DialogAvatar({\r\n src,\r\n imageSrc,\r\n className,\r\n avatarClassName,\r\n avatarImageClassName,\r\n imageAlt,\r\n variant = \"profile\",\r\n ...props\r\n}: DialogAvatarProps) {\r\n return (\r\n <div\r\n data-slot=\"dialog-avatar\"\r\n className={cn(\r\n \"row-span-2 flex items-center justify-center size-9 rounded-lg mr-3 overflow-hidden bg-bg-primary shadow-[0px_1px_2px_-1px_var(--color-shadow-lg-01),0px_1px_3px_0px_var(--color-shadow-md-01),0px_0px_0px_4px_var(--color-focus-ring-secondary)]\",\r\n className,\r\n )}\r\n >\r\n <ProfileAvatar\r\n imageSrc={src ?? imageSrc}\r\n imageAlt={imageAlt}\r\n variant={variant}\r\n bordered={false}\r\n badged={false}\r\n className=\"size-full shrink-0\"\r\n avatarClassName={cn(\"size-full shrink-0 rounded-lg\", avatarClassName)}\r\n avatarImageClassName={cn(\"size-full object-cover\", avatarImageClassName)}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport {\r\n Dialog,\r\n DialogTrigger,\r\n DialogClose,\r\n DialogPopup,\r\n DialogHeader,\r\n DialogContent,\r\n DialogFooter,\r\n DialogTitle,\r\n DialogDescription,\r\n DialogIcon,\r\n DialogAvatar,\r\n type DialogProps,\r\n type DialogTriggerProps,\r\n type DialogCloseProps,\r\n type DialogPopupProps,\r\n type DialogHeaderProps,\r\n type DialogContentProps,\r\n type DialogFooterProps,\r\n type DialogTitleProps,\r\n type DialogDescriptionProps,\r\n type DialogAvatarProps,\r\n};"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a,b,e,d,c,k as k$1,l,f,g as g$1,h,i}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a,b,e,d,c,k as k$1,l,f,g as g$1,h,i}from'./chunk-HRY64DNE.js';import'react';import {XIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';function D(e){return jsx(a,{...e})}function F(e){return jsx(b,{...e})}function H(e$1){return jsx(e,{...e$1})}function g({className:e,...t}){return jsx(d,{className:cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",e),...t})}var x={right:"inset-y-0 right-0 h-full w-full max-w-sm border-l border-border-primary",left:"inset-y-0 left-0 h-full w-full max-w-sm border-r border-border-primary",top:"inset-x-0 top-0 h-full max-h-sm w-full border-b border-border-primary",bottom:"inset-x-0 bottom-0 h-full max-h-sm w-full border-t border-border-primary"};function O({side:e$1="right",className:t,children:u,showCloseButton:d=true,closeClassName:c$1,...b}){return jsxs(c,{children:[jsx(g,{}),jsxs(k$1,{side:e$1,className:cn("fixed z-50 flex flex-col bg-bg-primary shadow-xp-lg",x[e$1],t),...b,children:[u,d&&jsxs(e,{className:cn('absolute top-4 right-4 rounded-xs transition-colors hover:text-text-error-primary-hover disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',c$1),children:[jsx(XIcon,{}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function z({className:e,...t}){return jsx(l,{className:cn("flex-1 overflow-y-auto px-6 py-4",e),...t})}function k({className:e,...t}){return jsx(f,{className:cn("flex flex-col gap-1 border-b border-border-tertiary px-6 py-4",e),...t})}function _({className:e,...t}){return jsx(g$1,{className:cn("mt-auto flex items-center justify-end gap-2 border-t border-border-tertiary px-6 py-4",e),...t})}function R({className:e,...t}){return jsx(h,{className:cn("text-label-bold-2 text-text-primary",e),...t})}function B({className:e,...t}){return jsx(i,{className:cn("text-body-regular-3 text-text-secondary",e),...t})}export{D as a,F as b,H as c,g as d,O as e,z as f,k as g,_ as h,R as i,B as j};//# sourceMappingURL=chunk-66IVKVY6.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-66IVKVY6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/sheet.tsx"],"names":["Sheet","props","jsx","SheetTrigger","SheetClose","SheetOverlay","className","cn","sideClasses","SheetPopup","side","children","showCloseButton","closeClassName","jsxs","SheetPortal","XIcon","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/ui/sheet.tsx"],"names":["Sheet","props","jsx","SheetTrigger","SheetClose","SheetOverlay","className","cn","sideClasses","SheetPopup","side","children","showCloseButton","closeClassName","jsxs","SheetPortal","XIcon","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"chunk-66IVKVY6.js","sourcesContent":["import * as React from 'react';\r\nimport { XIcon } from 'lucide-react';\r\n\r\nimport {\r\n Sheet as SheetPrimitive,\r\n SheetPopup as SheetPopupPrimitive,\r\n SheetContent as SheetContentPrimitive,\r\n SheetDescription as SheetDescriptionPrimitive,\r\n SheetFooter as SheetFooterPrimitive,\r\n SheetHeader as SheetHeaderPrimitive,\r\n SheetOverlay as SheetOverlayPrimitive,\r\n SheetPortal as SheetPortalPrimitive,\r\n SheetTitle as SheetTitlePrimitive,\r\n SheetTrigger as SheetTriggerPrimitive,\r\n SheetClose as SheetClosePrimitive,\r\n type SheetPopupProps as SheetPopupPrimitiveProps,\r\n type SheetContentProps as SheetContentPrimitiveProps,\r\n type SheetDescriptionProps as SheetDescriptionPrimitiveProps,\r\n type SheetFooterProps as SheetFooterPrimitiveProps,\r\n type SheetHeaderProps as SheetHeaderPrimitiveProps,\r\n type SheetOverlayProps as SheetOverlayPrimitiveProps,\r\n type SheetTitleProps as SheetTitlePrimitiveProps,\r\n type SheetTriggerProps as SheetTriggerPrimitiveProps,\r\n type SheetProps as SheetPrimitiveProps,\r\n type SheetCloseProps as SheetClosePrimitiveProps,\r\n type SheetSide,\r\n} from '../primitives/sheet';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype SheetProps = SheetPrimitiveProps;\r\n\r\nfunction Sheet(props: SheetProps) {\r\n return <SheetPrimitive {...props} />;\r\n}\r\n\r\ntype SheetTriggerProps = SheetTriggerPrimitiveProps;\r\n\r\nfunction SheetTrigger(props: SheetTriggerProps) {\r\n return <SheetTriggerPrimitive {...props} />;\r\n}\r\n\r\ntype SheetCloseProps = SheetClosePrimitiveProps;\r\n\r\nfunction SheetClose(props: SheetCloseProps) {\r\n return <SheetClosePrimitive {...props} />;\r\n}\r\n\r\ntype SheetOverlayProps = SheetOverlayPrimitiveProps;\r\n\r\nfunction SheetOverlay({ className, ...props }: SheetOverlayProps) {\r\n return (\r\n <SheetOverlayPrimitive\r\n className={cn('fixed inset-0 z-50 bg-black/50 backdrop-blur-sm', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetPopupProps = SheetPopupPrimitiveProps & {\r\n showCloseButton?: boolean;\r\n closeClassName?: string;\r\n};\r\n\r\nconst sideClasses: Record<SheetSide, string> = {\r\n right: 'inset-y-0 right-0 h-full w-full max-w-sm border-l border-border-primary',\r\n left: 'inset-y-0 left-0 h-full w-full max-w-sm border-r border-border-primary',\r\n top: 'inset-x-0 top-0 h-full max-h-sm w-full border-b border-border-primary',\r\n bottom:\r\n 'inset-x-0 bottom-0 h-full max-h-sm w-full border-t border-border-primary',\r\n};\r\n\r\nfunction SheetPopup({\r\n side = 'right',\r\n className,\r\n children,\r\n showCloseButton = true,\r\n closeClassName,\r\n ...props\r\n}: SheetPopupProps) {\r\n return (\r\n <SheetPortalPrimitive>\r\n <SheetOverlay />\r\n <SheetPopupPrimitive\r\n side={side}\r\n className={cn(\r\n 'fixed z-50 flex flex-col bg-bg-primary shadow-xp-lg',\r\n sideClasses[side],\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n {showCloseButton && (\r\n <SheetClosePrimitive\r\n className={cn(\r\n 'absolute top-4 right-4 rounded-xs transition-colors hover:text-text-error-primary-hover disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4',\r\n closeClassName,\r\n )}\r\n >\r\n <XIcon />\r\n <span className=\"sr-only\">Close</span>\r\n </SheetClosePrimitive>\r\n )}\r\n </SheetPopupPrimitive>\r\n </SheetPortalPrimitive>\r\n );\r\n}\r\n\r\ntype SheetContentProps = SheetContentPrimitiveProps;\r\n\r\nfunction SheetContent({ className, ...props }: SheetContentProps) {\r\n return (\r\n <SheetContentPrimitive\r\n className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetHeaderProps = SheetHeaderPrimitiveProps;\r\n\r\nfunction SheetHeader({ className, ...props }: SheetHeaderProps) {\r\n return (\r\n <SheetHeaderPrimitive\r\n className={cn(\r\n 'flex flex-col gap-1 border-b border-border-tertiary px-6 py-4',\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetFooterProps = SheetFooterPrimitiveProps;\r\n\r\nfunction SheetFooter({ className, ...props }: SheetFooterProps) {\r\n return (\r\n <SheetFooterPrimitive\r\n className={cn(\r\n 'mt-auto flex items-center justify-end gap-2 border-t border-border-tertiary px-6 py-4',\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetTitleProps = SheetTitlePrimitiveProps;\r\n\r\nfunction SheetTitle({ className, ...props }: SheetTitleProps) {\r\n return (\r\n <SheetTitlePrimitive\r\n className={cn('text-label-bold-2 text-text-primary', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetDescriptionProps = SheetDescriptionPrimitiveProps;\r\n\r\nfunction SheetDescription({ className, ...props }: SheetDescriptionProps) {\r\n return (\r\n <SheetDescriptionPrimitive\r\n className={cn('text-body-regular-3 text-text-secondary', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {\r\n Sheet,\r\n SheetTrigger,\r\n SheetClose,\r\n SheetOverlay,\r\n SheetPopup,\r\n SheetContent,\r\n SheetHeader,\r\n SheetFooter,\r\n SheetTitle,\r\n SheetDescription,\r\n type SheetProps,\r\n type SheetTriggerProps,\r\n type SheetCloseProps,\r\n type SheetOverlayProps,\r\n type SheetPopupProps,\r\n type SheetContentProps,\r\n type SheetHeaderProps,\r\n type SheetFooterProps,\r\n type SheetTitleProps,\r\n type SheetDescriptionProps,\r\n};\r\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {a as a$1,e,f,k,i,j,h,m,l}from'./chunk-CLHWA46Z.js';import*as r from'react';import {X}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';var C={isOpen:false,config:{title:"",confirmText:"OK",cancelText:"Cancel",denyText:"Deny",variant:"default",showCancel:false,showDeny:false,showCloseButton:false,position:"center",textAlign:"left",footerLayout:"row",className:""},resolver:null},a=null,N={add:t=>{if(!a){console.warn("AlertDialog: Alerter component not mounted");return}a({isOpen:true,config:{confirmText:"OK",cancelText:"Cancel",denyText:"Deny",variant:"default",showCancel:false,showDeny:false,showCloseButton:false,position:"center",textAlign:"left",footerLayout:"row",className:"",...t},resolver:null});},confirm:t=>new Promise(o=>{if(!a){console.warn("AlertDialog: Alerter component not mounted"),o("cancel");return}a({isOpen:true,config:{confirmText:"Confirm",cancelText:"Cancel",denyText:"Deny",variant:"default",showCancel:true,showDeny:false,showCloseButton:false,position:"center",textAlign:"left",footerLayout:"row",className:"",...t},resolver:o});})},b=(t="center")=>({"top-start":"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:left-4 sm:right-auto sm:translate-x-0 sm:translate-y-0","top-center":"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:left-1/2 sm:-translate-x-1/2 sm:translate-y-0","top-end":"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:right-4 sm:left-auto sm:translate-x-0 sm:translate-y-0","bottom-start":"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:left-4 sm:right-auto sm:translate-x-0 sm:translate-y-0","bottom-center":"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:left-1/2 sm:-translate-x-1/2 sm:translate-y-0","bottom-end":"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:right-4 sm:left-auto sm:translate-x-0 sm:translate-y-0",center:"sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2"})[t];function R(){let[t,o]=r.useState(C);r.useEffect(()=>(a=o,()=>{a=null;}),[]);let x=async()=>{t.config.onConfirm&&await t.config.onConfirm(),t.resolver&&t.resolver("confirm"),o(n=>({...n,isOpen:false,resolver:null}));},D=async()=>{t.config.onDeny&&await t.config.onDeny(),t.resolver&&t.resolver("deny"),o(n=>({...n,isOpen:false,resolver:null}));},i$1=()=>{t.config.onCancel&&t.config.onCancel(),t.resolver&&t.resolver("cancel"),o(n=>({...n,isOpen:false,resolver:null}));};return jsx(a$1,{open:t.isOpen,onOpenChange:n=>{n||i$1();},children:jsxs(e,{className:cn(b(t.config.position),t.config.className),children:[t.config.showCloseButton&&jsxs("button",{type:"button","aria-label":t.config.closeAriaLabel||"Close",className:"absolute right-3.5 top-3.5 rounded-xp-card-base-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10",onClick:i$1,children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:t.config.closeAriaLabel||"Close"})]}),jsxs(f,{className:cn(t.config.textAlign==="center"?"items-center text-center grid-cols-1":t.config.textAlign==="right"?"items-end text-right":"items-start text-left"),children:[t.config.icon&&jsx(k,{variant:t.config.variant==="destructive"?"error":"brand",children:t.config.icon}),jsx(i,{children:t.config.title}),t.config.description&&jsx(j,{children:t.config.description})]}),t.config.additionalContents&&jsx("div",{className:"px-4 py-2 flex flex-col gap-2",children:t.config.additionalContents}),jsxs(h,{className:cn(t.config.footerLayout==="col"?"sm:flex-col flex-col gap-2 items-stretch":"flex-row justify-end gap-2 items-center"),children:[t.config.showCancel&&jsx(m,{className:t.config.footerLayout==="col"?"w-full":void 0,onClick:i$1,...t.config.cancelButtonProps,children:t.config.cancelText}),t.config.showDeny&&jsx(l,{className:t.config.footerLayout==="col"?"w-full":void 0,onClick:D,color:t.config.denyButtonProps?.color||"destructive",variant:t.config.denyButtonProps?.variant||"secondary",...t.config.denyButtonProps,children:t.config.denyText}),jsx(l,{className:t.config.footerLayout==="col"?"w-full":void 0,onClick:x,color:t.config.confirmButtonProps?.color||(t.config.variant==="destructive"?"destructive":"default"),variant:t.config.confirmButtonProps?.variant||"primary",...t.config.confirmButtonProps,children:t.config.confirmText})]})]})})}export{N as a,R as b};//# sourceMappingURL=chunk-DYN44NDF.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-DYN44NDF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ui/alerter.tsx"],"names":["globalAlertState","globalSetState","alert","options","resolve","getPositionClasses","position","Alerter","state","setState","handleConfirm","prev","handleDeny","handleCancel","jsx","AlertDialog","open","jsxs","AlertDialogPopup","cn","X","AlertDialogHeader","AlertDialogIcon","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"mappings":"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","file":"chunk-DYN44NDF.js","sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { X } from \"lucide-react\";\r\nimport { cn } from \"@xploreu/lib/cn\";\r\nimport {\r\n AlertDialog,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogPopup,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogIcon,\r\n AlertDialogTitle,\r\n type AlertDialogActionProps,\r\n type AlertDialogCancelProps,\r\n} from \"./alert-dialog\";\r\n\r\n// Types\r\nexport type AlertPosition =\r\n | \"top-start\"\r\n | \"top-center\"\r\n | \"top-end\"\r\n | \"bottom-start\"\r\n | \"bottom-center\"\r\n | \"bottom-end\"\r\n | \"center\";\r\n\r\nexport interface AlertOptions {\r\n title: React.ReactNode;\r\n description?: React.ReactNode;\r\n icon?: React.ReactNode;\r\n confirmText?: string;\r\n cancelText?: string;\r\n denyText?: string;\r\n variant?: \"default\" | \"destructive\";\r\n showCancel?: boolean;\r\n showDeny?: boolean;\r\n position?: AlertPosition;\r\n textAlign?: \"left\" | \"center\" | \"right\";\r\n footerLayout?: \"row\" | \"col\";\r\n showCloseButton?: boolean;\r\n closeAriaLabel?: string;\r\n confirmButtonProps?: AlertDialogActionProps;\r\n cancelButtonProps?: AlertDialogCancelProps;\r\n denyButtonProps?: AlertDialogActionProps;\r\n onConfirm?: () => void | Promise<void>;\r\n onCancel?: () => void;\r\n onDeny?: () => void | Promise<void>;\r\n className?: string;\r\n additionalContents?: React.ReactNode;\r\n}\r\n\r\nexport type AlertResult = \"confirm\" | \"deny\" | \"cancel\";\r\n\r\ninterface AlertState {\r\n isOpen: boolean;\r\n config: AlertOptions;\r\n resolver: ((value: AlertResult) => void) | null;\r\n}\r\n\r\n// Global state\r\nconst globalAlertState: AlertState = {\r\n isOpen: false,\r\n config: {\r\n title: \"\",\r\n confirmText: \"OK\",\r\n cancelText: \"Cancel\",\r\n denyText: \"Deny\",\r\n variant: \"default\",\r\n showCancel: false,\r\n showDeny: false,\r\n showCloseButton: false,\r\n position: \"center\",\r\n textAlign: \"left\",\r\n footerLayout: \"row\",\r\n className: \"\",\r\n },\r\n resolver: null,\r\n};\r\n\r\nlet globalSetState: React.Dispatch<React.SetStateAction<AlertState>> | null = null;\r\n\r\n// Imperative Alert API\r\nexport const alert = {\r\n add: (options: AlertOptions) => {\r\n if (!globalSetState) {\r\n console.warn(\"AlertDialog: Alerter component not mounted\");\r\n return;\r\n }\r\n\r\n globalSetState({\r\n isOpen: true,\r\n config: {\r\n confirmText: \"OK\",\r\n cancelText: \"Cancel\",\r\n denyText: \"Deny\",\r\n variant: \"default\",\r\n showCancel: false,\r\n showDeny: false,\r\n showCloseButton: false,\r\n position: \"center\",\r\n textAlign: \"left\",\r\n footerLayout: \"row\",\r\n className: \"\",\r\n ...options,\r\n },\r\n resolver: null,\r\n });\r\n },\r\n\r\n confirm: (options: AlertOptions): Promise<AlertResult> => {\r\n return new Promise((resolve) => {\r\n if (!globalSetState) {\r\n console.warn(\"AlertDialog: Alerter component not mounted\");\r\n resolve(\"cancel\");\r\n return;\r\n }\r\n\r\n globalSetState({\r\n isOpen: true,\r\n config: {\r\n confirmText: \"Confirm\",\r\n cancelText: \"Cancel\",\r\n denyText: \"Deny\",\r\n variant: \"default\",\r\n showCancel: true,\r\n showDeny: false,\r\n showCloseButton: false,\r\n position: \"center\",\r\n textAlign: \"left\",\r\n footerLayout: \"row\",\r\n className: \"\",\r\n ...options,\r\n },\r\n resolver: resolve,\r\n });\r\n });\r\n },\r\n};\r\n\r\nconst getPositionClasses = (position: AlertPosition = \"center\") => {\r\n const positions: Record<AlertPosition, string> = {\r\n \"top-start\":\r\n \"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:left-4 sm:right-auto sm:translate-x-0 sm:translate-y-0\",\r\n \"top-center\":\r\n \"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:left-1/2 sm:-translate-x-1/2 sm:translate-y-0\",\r\n \"top-end\":\r\n \"data-[state=open]:slide-in-from-top-2 sm:top-4 sm:right-4 sm:left-auto sm:translate-x-0 sm:translate-y-0\",\r\n \"bottom-start\":\r\n \"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:left-4 sm:right-auto sm:translate-x-0 sm:translate-y-0\",\r\n \"bottom-center\":\r\n \"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:left-1/2 sm:-translate-x-1/2 sm:translate-y-0\",\r\n \"bottom-end\":\r\n \"data-[state=open]:slide-in-from-bottom-2 sm:bottom-4 sm:top-auto sm:right-4 sm:left-auto sm:translate-x-0 sm:translate-y-0\",\r\n center: \"sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2\",\r\n };\r\n return positions[position];\r\n};\r\n\r\n// Alerter Component (mount once at root layout)\r\nexport function Alerter() {\r\n const [state, setState] = React.useState<AlertState>(globalAlertState);\r\n\r\n React.useEffect(() => {\r\n globalSetState = setState;\r\n return () => {\r\n globalSetState = null;\r\n };\r\n }, []);\r\n\r\n const handleConfirm = async () => {\r\n if (state.config.onConfirm) {\r\n await state.config.onConfirm();\r\n }\r\n if (state.resolver) {\r\n state.resolver(\"confirm\");\r\n }\r\n setState((prev) => ({ ...prev, isOpen: false, resolver: null }));\r\n };\r\n\r\n const handleDeny = async () => {\r\n if (state.config.onDeny) {\r\n await state.config.onDeny();\r\n }\r\n if (state.resolver) {\r\n state.resolver(\"deny\");\r\n }\r\n setState((prev) => ({ ...prev, isOpen: false, resolver: null }));\r\n };\r\n\r\n const handleCancel = () => {\r\n if (state.config.onCancel) {\r\n state.config.onCancel();\r\n }\r\n if (state.resolver) {\r\n state.resolver(\"cancel\");\r\n }\r\n setState((prev) => ({ ...prev, isOpen: false, resolver: null }));\r\n };\r\n\r\n return (\r\n <AlertDialog\r\n open={state.isOpen}\r\n onOpenChange={(open) => {\r\n if (!open) handleCancel();\r\n }}\r\n >\r\n <AlertDialogPopup\r\n className={cn(\r\n getPositionClasses(state.config.position),\r\n state.config.className\r\n )}\r\n >\r\n {state.config.showCloseButton && (\r\n <button\r\n type=\"button\"\r\n aria-label={state.config.closeAriaLabel || \"Close\"}\r\n className=\"absolute right-3.5 top-3.5 rounded-xp-card-base-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10\"\r\n onClick={handleCancel}\r\n >\r\n <X className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">{state.config.closeAriaLabel || \"Close\"}</span>\r\n </button>\r\n )}\r\n <AlertDialogHeader\r\n className={cn(\r\n state.config.textAlign === \"center\"\r\n ? \"items-center text-center grid-cols-1\"\r\n : state.config.textAlign === \"right\"\r\n ? \"items-end text-right\"\r\n : \"items-start text-left\"\r\n )}\r\n >\r\n {state.config.icon && (\r\n <AlertDialogIcon\r\n variant={state.config.variant === \"destructive\" ? \"error\" : \"brand\"}\r\n >\r\n {state.config.icon}\r\n </AlertDialogIcon>\r\n )}\r\n <AlertDialogTitle>{state.config.title}</AlertDialogTitle>\r\n {state.config.description && (\r\n <AlertDialogDescription>\r\n {state.config.description}\r\n </AlertDialogDescription>\r\n )}\r\n </AlertDialogHeader>\r\n {state.config.additionalContents && (\r\n <div className=\"px-4 py-2 flex flex-col gap-2\">\r\n {state.config.additionalContents}\r\n </div>\r\n )}\r\n <AlertDialogFooter\r\n className={cn(\r\n state.config.footerLayout === \"col\"\r\n ? \"sm:flex-col flex-col gap-2 items-stretch\"\r\n : \"flex-row justify-end gap-2 items-center\"\r\n )}\r\n >\r\n {state.config.showCancel && (\r\n <AlertDialogCancel\r\n className={state.config.footerLayout === \"col\" ? \"w-full\" : undefined}\r\n onClick={handleCancel}\r\n {...state.config.cancelButtonProps}\r\n >\r\n {state.config.cancelText}\r\n </AlertDialogCancel>\r\n )}\r\n {state.config.showDeny && (\r\n <AlertDialogAction\r\n className={state.config.footerLayout === \"col\" ? \"w-full\" : undefined}\r\n onClick={handleDeny}\r\n color={state.config.denyButtonProps?.color || \"destructive\"}\r\n variant={state.config.denyButtonProps?.variant || \"secondary\"}\r\n {...state.config.denyButtonProps}\r\n >\r\n {state.config.denyText}\r\n </AlertDialogAction>\r\n )}\r\n <AlertDialogAction\r\n className={state.config.footerLayout === \"col\" ? \"w-full\" : undefined}\r\n onClick={handleConfirm}\r\n color={\r\n state.config.confirmButtonProps?.color ||\r\n (state.config.variant === \"destructive\" ? \"destructive\" : \"default\")\r\n }\r\n variant={state.config.confirmButtonProps?.variant || \"primary\"}\r\n {...state.config.confirmButtonProps}\r\n >\r\n {state.config.confirmText}\r\n </AlertDialogAction>\r\n </AlertDialogFooter>\r\n </AlertDialogPopup>\r\n </AlertDialog>\r\n );\r\n}\r\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as p from'react';import {Dialog}from'@base-ui/react/dialog';import {AnimatePresence,motion}from'motion/react';import {useControllableState}from'@xploreu/hooks/use-controllable-state';import {getStrictContext}from'@xploreu/lib/get-strict-context';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var [T,u]=getStrictContext("DialogContext");function M({open:o,defaultOpen:i,onOpenChange:n,...l}){let[r,a]=useControllableState({prop:o,defaultProp:i??false,onChange:n});return jsx(T,{value:{open:r,setOpen:a},children:jsx(Dialog.Root,{"data-slot":"dialog",open:r,onOpenChange:a,...l})})}function H(o){return jsx(Dialog.Trigger,{"data-slot":"dialog-trigger",...o})}function B(o){let{open:i}=u();return jsx(AnimatePresence,{children:i&&jsx(Dialog.Portal,{"data-slot":"dialog-portal",keepMounted:true,...o})})}function h({transition:o={duration:.2,ease:"easeInOut"},...i}){return jsx(Dialog.Backdrop,{"data-slot":"dialog-backdrop",render:jsx(motion.div,{initial:{opacity:0,filter:"blur(4px)"},animate:{opacity:1,filter:"blur(0px)"},exit:{opacity:0,filter:"blur(4px)"},transition:o,...i},"dialog-backdrop")})}function A({from:o="top",initialFocus:i,finalFocus:n,transition:l={type:"spring",stiffness:150,damping:25},className:r,...a}){let c=o==="bottom"||o==="left"?"5deg":"-5deg",s=o==="top"||o==="bottom"?"rotateX":"rotateY",[m,D]=p.useState(false),{open:P}=u();return p.useEffect(()=>{P||D(false);},[P]),jsx(Dialog.Popup,{initialFocus:i,finalFocus:n,render:jsx(motion.div,{"data-slot":"dialog-popup","data-opened":m?"":void 0,className:cn("data-[opened]:!transform-none",r),animate:{opacity:1,filter:"blur(0px)",transform:`perspective(500px) ${s}(0deg) scale(1)`},exit:{opacity:0,filter:"blur(4px)",transform:`perspective(500px) ${s}(${c}) scale(0.8)`},initial:{opacity:0,filter:"blur(4px)",transform:`perspective(500px) ${s}(${c}) scale(0.8)`},transition:l,onAnimationComplete:g=>{typeof g=="object"&&"opacity"in g&&g.opacity!==1||requestAnimationFrame(()=>{D(true);});},...a},"dialog-popup")})}function $(o){return jsx(Dialog.Close,{"data-slot":"dialog-close",...o})}function L(o){return jsx("div",{"data-slot":"dialog-header",...o})}function S(o){return jsx("div",{"data-slot":"dialog-footer",...o})}function V(o){return jsx(Dialog.Title,{"data-slot":"dialog-title",...o})}function q(o){return jsx(Dialog.Description,{"data-slot":"dialog-description",...o})}export{u as a,M as b,H as c,B as d,h as e,A as f,$ as g,L as h,S as i,V as j,q as k};//# sourceMappingURL=chunk-EIYPBVAD.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-EIYPBVAD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/dialog.tsx"],"names":["DialogProvider","useDialog","getStrictContext","Dialog","openProp","defaultOpen","onOpenChange","props","open","setOpen","useControllableState","jsx","DialogPrimitive","DialogTrigger","DialogPortal","AnimatePresence","DialogBackdrop","transition","motion","DialogPopup","from","initialFocus","finalFocus","className","initialRotation","rotateAxis","opened","setOpened","cn","latest","DialogClose","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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","file":"chunk-EIYPBVAD.js","sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\r\nimport { AnimatePresence, motion, type HTMLMotionProps } from 'motion/react';\r\n\r\nimport { useControllableState } from '@xploreu/hooks/use-controllable-state';\r\nimport { getStrictContext } from '@xploreu/lib/get-strict-context';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype DialogContextType = {\r\n open: boolean;\r\n setOpen: DialogProps['onOpenChange'];\r\n};\r\n\r\nconst [DialogProvider, useDialog] =\r\n getStrictContext<DialogContextType>('DialogContext');\r\n\r\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\r\n\r\nfunction Dialog({\r\n open: openProp,\r\n defaultOpen,\r\n onOpenChange,\r\n ...props\r\n}: DialogProps) {\r\n const [open, setOpen] = useControllableState({\r\n prop: openProp,\r\n defaultProp: defaultOpen ?? false,\r\n onChange: onOpenChange,\r\n });\r\n\r\n return (\r\n <DialogProvider value={{ open, setOpen }}>\r\n <DialogPrimitive.Root\r\n data-slot=\"dialog\"\r\n open={open}\r\n onOpenChange={setOpen}\r\n {...props}\r\n />\r\n </DialogProvider>\r\n );\r\n}\r\n\r\ntype DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\r\n\r\nfunction DialogTrigger(props: DialogTriggerProps) {\r\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\r\n}\r\n\r\ntype DialogPortalProps = Omit<\r\n React.ComponentProps<typeof DialogPrimitive.Portal>,\r\n 'keepMounted'\r\n>;\r\n\r\nfunction DialogPortal(props: DialogPortalProps) {\r\n const { open } = useDialog();\r\n\r\n return (\r\n <AnimatePresence>\r\n {open && (\r\n <DialogPrimitive.Portal\r\n data-slot=\"dialog-portal\"\r\n keepMounted\r\n {...props}\r\n />\r\n )}\r\n </AnimatePresence>\r\n );\r\n}\r\n\r\ntype DialogBackdropProps = Omit<\r\n React.ComponentProps<typeof DialogPrimitive.Backdrop>,\r\n 'render'\r\n> &\r\n HTMLMotionProps<'div'>;\r\n\r\nfunction DialogBackdrop({\r\n transition = { duration: 0.2, ease: 'easeInOut' },\r\n ...props\r\n}: DialogBackdropProps) {\r\n return (\r\n <DialogPrimitive.Backdrop\r\n data-slot=\"dialog-backdrop\"\r\n render={\r\n <motion.div\r\n key=\"dialog-backdrop\"\r\n initial={{ opacity: 0, filter: 'blur(4px)' }}\r\n animate={{ opacity: 1, filter: 'blur(0px)' }}\r\n exit={{ opacity: 0, filter: 'blur(4px)' }}\r\n transition={transition}\r\n {...props}\r\n />\r\n }\r\n />\r\n );\r\n}\r\n\r\ntype DialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';\r\n\r\ntype DialogPopupProps = Omit<\r\n React.ComponentProps<typeof DialogPrimitive.Popup>,\r\n 'render'\r\n> &\r\n HTMLMotionProps<'div'> & {\r\n from?: DialogFlipDirection;\r\n };\r\n\r\nfunction DialogPopup({\r\n from = 'top',\r\n initialFocus,\r\n finalFocus,\r\n transition = { type: 'spring', stiffness: 150, damping: 25 },\r\n className,\r\n ...props\r\n}: DialogPopupProps) {\r\n const initialRotation =\r\n from === 'bottom' || from === 'left' ? '5deg' : '-5deg';\r\n const isVertical = from === 'top' || from === 'bottom';\r\n const rotateAxis = isVertical ? 'rotateX' : 'rotateY';\r\n\r\n const [opened, setOpened] = React.useState(false);\r\n\r\n const { open } = useDialog()\r\n\r\n React.useEffect(() => {\r\n if (open) return\r\n\r\n setOpened(false)\r\n }, [open])\r\n\r\n return (\r\n <DialogPrimitive.Popup\r\n initialFocus={initialFocus}\r\n finalFocus={finalFocus}\r\n render={\r\n <motion.div\r\n key=\"dialog-popup\"\r\n data-slot=\"dialog-popup\"\r\n data-opened={opened ? \"\" : undefined}\r\n className={cn(\"data-[opened]:!transform-none\", className)}\r\n animate={{\r\n opacity: 1,\r\n filter: \"blur(0px)\",\r\n transform: `perspective(500px) ${rotateAxis}(0deg) scale(1)`,\r\n }}\r\n exit={{\r\n opacity: 0,\r\n filter: \"blur(4px)\",\r\n transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,\r\n }}\r\n initial={{\r\n opacity: 0,\r\n filter: \"blur(4px)\",\r\n transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,\r\n }}\r\n transition={transition}\r\n onAnimationComplete={(latest) => {\r\n if (typeof latest === \"object\" && \"opacity\" in latest && latest.opacity !== 1) return\r\n\r\n requestAnimationFrame(() => {\r\n setOpened(true)\r\n })\r\n }}\r\n {...props}\r\n />\r\n }\r\n />\r\n );\r\n}\r\n\r\ntype DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\r\n\r\nfunction DialogClose(props: DialogCloseProps) {\r\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\r\n}\r\n\r\ntype DialogHeaderProps = React.ComponentProps<'div'>;\r\n\r\nfunction DialogHeader(props: DialogHeaderProps) {\r\n return <div data-slot=\"dialog-header\" {...props} />;\r\n}\r\n\r\ntype DialogFooterProps = React.ComponentProps<'div'>;\r\n\r\nfunction DialogFooter(props: DialogFooterProps) {\r\n return <div data-slot=\"dialog-footer\" {...props} />;\r\n}\r\n\r\ntype DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;\r\n\r\nfunction DialogTitle(props: DialogTitleProps) {\r\n return <DialogPrimitive.Title data-slot=\"dialog-title\" {...props} />;\r\n}\r\n\r\ntype DialogDescriptionProps = React.ComponentProps<\r\n typeof DialogPrimitive.Description\r\n>;\r\n\r\nfunction DialogDescription(props: DialogDescriptionProps) {\r\n return (\r\n <DialogPrimitive.Description data-slot=\"dialog-description\" {...props} />\r\n );\r\n}\r\n\r\nexport {\r\n Dialog,\r\n DialogPortal,\r\n DialogBackdrop,\r\n DialogClose,\r\n DialogTrigger,\r\n DialogPopup,\r\n DialogHeader,\r\n DialogFooter,\r\n DialogTitle,\r\n DialogDescription,\r\n useDialog,\r\n type DialogProps,\r\n type DialogTriggerProps,\r\n type DialogPortalProps,\r\n type DialogCloseProps,\r\n type DialogBackdropProps,\r\n type DialogPopupProps,\r\n type DialogHeaderProps,\r\n type DialogFooterProps,\r\n type DialogTitleProps,\r\n type DialogDescriptionProps,\r\n type DialogContextType,\r\n type DialogFlipDirection,\r\n};"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {b as b$1,c,d,e,g,h,i,j,k as k$1,a}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {b as b$1,c,d,e,g,h,i,j,k as k$1,a}from'./chunk-EIYPBVAD.js';import'react';import {Dialog}from'@base-ui/react/dialog';import {motion}from'motion/react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var M=b$1,O=c,k=d,L=e,R=g,b=h,B=i,N=j,w=k$1,A=a,T={top:{y:"-100%"},bottom:{y:"100%"},left:{x:"-100%"},right:{x:"100%"}};function E({side:e="right",initialFocus:t,finalFocus:S,transition:D={type:"spring",stiffness:150,damping:25},className:c,...d}){let p=T[e];return jsx(Dialog.Popup,{initialFocus:t,finalFocus:S,render:jsx(motion.div,{"data-slot":"sheet-popup","data-side":e,className:c,initial:{opacity:0,...p},animate:{opacity:1,x:0,y:0},exit:{opacity:0,...p},transition:D,...d},"sheet-popup")})}function q({className:e,...t}){return jsx("div",{"data-slot":"sheet-content",className:cn("flex-1 overflow-y-auto px-6 py-4",e),...t})}export{M as a,O as b,k as c,L as d,R as e,b as f,B as g,N as h,w as i,A as j,E as k,q as l};//# sourceMappingURL=chunk-HRY64DNE.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-HRY64DNE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/primitives/sheet.tsx"],"names":["Sheet","Dialog","SheetTrigger","DialogTrigger","SheetPortal","DialogPortal","SheetOverlay","DialogBackdrop","SheetClose","DialogClose","SheetHeader","DialogHeader","SheetFooter","DialogFooter","SheetTitle","DialogTitle","SheetDescription","DialogDescription","useSheet","useDialog","sideOffsets","SheetPopup","side","initialFocus","finalFocus","transition","className","props","offset","jsx","DialogPrimitive","motion","SheetContent","cn"],"mappings":"oOAgCA,IAAMA,CAAAA,CAAQC,GAAAA,CACRC,CAAAA,CAAeC,EACfC,CAAAA,CAAcC,CAAAA,CACdC,CAAAA,CAAeC,CAAAA,CACfC,EAAaC,CAAAA,CACbC,CAAAA,CAAcC,CAAAA,CACdC,CAAAA,CAAcC,EACdC,CAAAA,CAAaC,CAAAA,CACbC,EAAmBC,GAAAA,CACnBC,CAAAA,CAAWC,EAIXC,CAAAA,CAA6D,CACjE,GAAA,CAAK,CAAE,EAAG,OAAQ,CAAA,CAClB,MAAA,CAAQ,CAAE,EAAG,MAAO,CAAA,CACpB,IAAA,CAAM,CAAE,EAAG,OAAQ,CAAA,CACnB,MAAO,CAAE,CAAA,CAAG,MAAO,CACrB,EAUA,SAASC,CAAAA,CAAW,CAClB,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,YAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,CAAE,IAAA,CAAM,QAAA,CAAU,UAAW,GAAA,CAAK,OAAA,CAAS,EAAG,CAAA,CAC3D,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoB,CAClB,IAAMC,CAAAA,CAASR,EAAYE,CAAI,CAAA,CAE/B,OACEO,GAAAA,CAACC,OAAgB,KAAA,CAAhB,CACC,aAAcP,CAAAA,CACd,UAAA,CAAYC,EACZ,MAAA,CACEK,GAAAA,CAACE,MAAAA,CAAO,GAAA,CAAP,CAEC,WAAA,CAAU,aAAA,CACV,WAAA,CAAWT,CAAAA,CACX,UAAWI,CAAAA,CACX,OAAA,CAAS,CAAE,OAAA,CAAS,EAAG,GAAGE,CAAO,EACjC,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAE,CAAA,CAClC,IAAA,CAAM,CAAE,OAAA,CAAS,EAAG,GAAGA,CAAO,CAAA,CAC9B,UAAA,CAAYH,EACX,GAAGE,CAAAA,CAAAA,CARA,aASN,CAAA,CAEJ,CAEJ,CAIA,SAASK,CAAAA,CAAa,CAAE,SAAA,CAAAN,EAAW,GAAGC,CAAM,CAAA,CAAsB,CAChE,OACEE,GAAAA,CAAC,KAAA,CAAA,CACC,WAAA,CAAU,eAAA,CACV,UAAWI,EAAAA,CAAG,kCAAA,CAAoCP,CAAS,CAAA,CAC1D,GAAGC,EACN,CAEJ","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/primitives/sheet.tsx"],"names":["Sheet","Dialog","SheetTrigger","DialogTrigger","SheetPortal","DialogPortal","SheetOverlay","DialogBackdrop","SheetClose","DialogClose","SheetHeader","DialogHeader","SheetFooter","DialogFooter","SheetTitle","DialogTitle","SheetDescription","DialogDescription","useSheet","useDialog","sideOffsets","SheetPopup","side","initialFocus","finalFocus","transition","className","props","offset","jsx","DialogPrimitive","motion","SheetContent","cn"],"mappings":"oOAgCA,IAAMA,CAAAA,CAAQC,GAAAA,CACRC,CAAAA,CAAeC,EACfC,CAAAA,CAAcC,CAAAA,CACdC,CAAAA,CAAeC,CAAAA,CACfC,EAAaC,CAAAA,CACbC,CAAAA,CAAcC,CAAAA,CACdC,CAAAA,CAAcC,EACdC,CAAAA,CAAaC,CAAAA,CACbC,EAAmBC,GAAAA,CACnBC,CAAAA,CAAWC,EAIXC,CAAAA,CAA6D,CACjE,GAAA,CAAK,CAAE,EAAG,OAAQ,CAAA,CAClB,MAAA,CAAQ,CAAE,EAAG,MAAO,CAAA,CACpB,IAAA,CAAM,CAAE,EAAG,OAAQ,CAAA,CACnB,MAAO,CAAE,CAAA,CAAG,MAAO,CACrB,EAUA,SAASC,CAAAA,CAAW,CAClB,IAAA,CAAAC,CAAAA,CAAO,OAAA,CACP,YAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,CAAE,IAAA,CAAM,QAAA,CAAU,UAAW,GAAA,CAAK,OAAA,CAAS,EAAG,CAAA,CAC3D,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoB,CAClB,IAAMC,CAAAA,CAASR,EAAYE,CAAI,CAAA,CAE/B,OACEO,GAAAA,CAACC,OAAgB,KAAA,CAAhB,CACC,aAAcP,CAAAA,CACd,UAAA,CAAYC,EACZ,MAAA,CACEK,GAAAA,CAACE,MAAAA,CAAO,GAAA,CAAP,CAEC,WAAA,CAAU,aAAA,CACV,WAAA,CAAWT,CAAAA,CACX,UAAWI,CAAAA,CACX,OAAA,CAAS,CAAE,OAAA,CAAS,EAAG,GAAGE,CAAO,EACjC,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAE,CAAA,CAClC,IAAA,CAAM,CAAE,OAAA,CAAS,EAAG,GAAGA,CAAO,CAAA,CAC9B,UAAA,CAAYH,EACX,GAAGE,CAAAA,CAAAA,CARA,aASN,CAAA,CAEJ,CAEJ,CAIA,SAASK,CAAAA,CAAa,CAAE,SAAA,CAAAN,EAAW,GAAGC,CAAM,CAAA,CAAsB,CAChE,OACEE,GAAAA,CAAC,KAAA,CAAA,CACC,WAAA,CAAU,eAAA,CACV,UAAWI,EAAAA,CAAG,kCAAA,CAAoCP,CAAS,CAAA,CAC1D,GAAGC,EACN,CAEJ","file":"chunk-HRY64DNE.js","sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\r\nimport { motion, type HTMLMotionProps } from 'motion/react';\r\n\r\nimport {\r\n Dialog,\r\n DialogBackdrop,\r\n DialogClose,\r\n DialogDescription,\r\n DialogFooter,\r\n DialogHeader,\r\n DialogPortal,\r\n DialogTitle,\r\n DialogTrigger,\r\n useDialog,\r\n type DialogProps,\r\n type DialogTriggerProps,\r\n type DialogPortalProps,\r\n type DialogCloseProps,\r\n type DialogBackdropProps,\r\n type DialogHeaderProps,\r\n type DialogFooterProps,\r\n type DialogTitleProps,\r\n type DialogDescriptionProps,\r\n} from './dialog';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\n// ponytail: Sheet reuses the Dialog context/state machinery; only the\r\n// popup animation differs (slide-in from an edge vs the 3D flip).\r\n// Upgrade path: split a shared DialogContext if sheet-specific state is needed.\r\nconst Sheet = Dialog;\r\nconst SheetTrigger = DialogTrigger;\r\nconst SheetPortal = DialogPortal;\r\nconst SheetOverlay = DialogBackdrop;\r\nconst SheetClose = DialogClose;\r\nconst SheetHeader = DialogHeader;\r\nconst SheetFooter = DialogFooter;\r\nconst SheetTitle = DialogTitle;\r\nconst SheetDescription = DialogDescription;\r\nconst useSheet = useDialog;\r\n\r\ntype SheetSide = 'top' | 'bottom' | 'left' | 'right';\r\n\r\nconst sideOffsets: Record<SheetSide, { x?: string; y?: string }> = {\r\n top: { y: '-100%' },\r\n bottom: { y: '100%' },\r\n left: { x: '-100%' },\r\n right: { x: '100%' },\r\n};\r\n\r\ntype SheetPopupProps = Omit<\r\n React.ComponentProps<typeof DialogPrimitive.Popup>,\r\n 'render'\r\n> &\r\n HTMLMotionProps<'div'> & {\r\n side?: SheetSide;\r\n };\r\n\r\nfunction SheetPopup({\r\n side = 'right',\r\n initialFocus,\r\n finalFocus,\r\n transition = { type: 'spring', stiffness: 150, damping: 25 },\r\n className,\r\n ...props\r\n}: SheetPopupProps) {\r\n const offset = sideOffsets[side];\r\n\r\n return (\r\n <DialogPrimitive.Popup\r\n initialFocus={initialFocus}\r\n finalFocus={finalFocus}\r\n render={\r\n <motion.div\r\n key=\"sheet-popup\"\r\n data-slot=\"sheet-popup\"\r\n data-side={side}\r\n className={className}\r\n initial={{ opacity: 0, ...offset }}\r\n animate={{ opacity: 1, x: 0, y: 0 }}\r\n exit={{ opacity: 0, ...offset }}\r\n transition={transition}\r\n {...props}\r\n />\r\n }\r\n />\r\n );\r\n}\r\n\r\ntype SheetContentProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nfunction SheetContent({ className, ...props }: SheetContentProps) {\r\n return (\r\n <div\r\n data-slot=\"sheet-content\"\r\n className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\ntype SheetProps = DialogProps;\r\ntype SheetTriggerProps = DialogTriggerProps;\r\ntype SheetPortalProps = DialogPortalProps;\r\ntype SheetCloseProps = DialogCloseProps;\r\ntype SheetOverlayProps = DialogBackdropProps;\r\ntype SheetHeaderProps = DialogHeaderProps;\r\ntype SheetFooterProps = DialogFooterProps;\r\ntype SheetTitleProps = DialogTitleProps;\r\ntype SheetDescriptionProps = DialogDescriptionProps;\r\n\r\nexport {\r\n Sheet,\r\n SheetPortal,\r\n SheetOverlay,\r\n SheetClose,\r\n SheetTrigger,\r\n SheetPopup,\r\n SheetContent,\r\n SheetHeader,\r\n SheetFooter,\r\n SheetTitle,\r\n SheetDescription,\r\n useSheet,\r\n type SheetProps,\r\n type SheetTriggerProps,\r\n type SheetPortalProps,\r\n type SheetCloseProps,\r\n type SheetOverlayProps,\r\n type SheetPopupProps,\r\n type SheetContentProps,\r\n type SheetHeaderProps,\r\n type SheetFooterProps,\r\n type SheetTitleProps,\r\n type SheetDescriptionProps,\r\n type SheetSide,\r\n};\r\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as i from'react';import {mergeProps}from'@base-ui/react/merge-props';import {useRender}from'@base-ui/react/use-render';import {cva}from'class-variance-authority';import {ArrowRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var m=cva("inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2",{variants:{theme:{light:"rounded-xp-full ring-1 ring-inset",modern:"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary"},color:{brand:"",gray:"",error:"",warning:"",success:""},size:{md:"text-body-medium-3",lg:"text-body-medium-2"},align:{leading:"",trailing:""}},compoundVariants:[{theme:"light",color:"brand",className:"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100"},{theme:"light",color:"gray",className:"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100"},{theme:"light",color:"error",className:"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100"},{theme:"light",color:"warning",className:"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100"},{theme:"light",color:"success",className:"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100"},{align:"leading",size:"md",className:"py-1 pl-1 pr-2"},{align:"leading",size:"lg",className:"py-1 pl-1 pr-2.5"},{align:"trailing",size:"md",className:"py-1 pl-2 pr-1"},{align:"trailing",size:"lg",className:"py-1 pl-2.5 pr-1"}],defaultVariants:{theme:"light",color:"brand",size:"md",align:"leading"}}),g=i.createContext({theme:"light",color:"brand",size:"md"});function v({className:r,theme:t="light",color:e="brand",size:o="md",align:a="leading",render:p,children:d,...u}){let y={"data-slot":"badge-group","data-theme":t,"data-color":e,"data-size":o,"data-align":a,className:cn(m({theme:t,color:e,size:o,align:a}),r),children:d};return jsx(g.Provider,{value:{theme:t??"light",color:e??"brand",size:o??"md"},children:useRender({defaultTagName:"div",props:mergeProps(y,u),render:p,state:{slot:"badge-group",theme:t,color:e,size:o,align:a}})})}function h({className:r,children:t,...e}){let{theme:o,color:a,size:p}=i.useContext(g),d={brand:"ring-utility-brand-200 text-utility-brand-700",gray:"ring-utility-gray-200 text-utility-gray-700",error:"ring-utility-error-200 text-utility-error-700",warning:"ring-utility-warning-200 text-utility-warning-700",success:"ring-utility-success-200 text-utility-success-700"},u=cn("inline-flex items-center justify-center font-medium shrink-0",o==="light"&&["rounded-xp-full bg-bg-primary ring-1 ring-inset",d[a]||d.brand,p==="md"?"px-2 py-0.5":"px-2.5 py-0.5"],o==="modern"&&["rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary",p==="md"?"gap-1 px-1.5 py-0.5":"gap-1.5 px-2 py-0.5"],r);return jsx("span",{"data-slot":"badge-group-addon",className:u,...e,children:t})}function A({className:r,children:t=jsx(ArrowRightIcon,{}),...e}){let{color:o}=i.useContext(g),a={brand:"text-utility-brand-500",gray:"text-utility-gray-500",error:"text-utility-error-500",warning:"text-utility-warning-500",success:"text-utility-success-500"};return jsx("span",{"data-slot":"badge-group-icon",className:cn("inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5",a[o]||a.brand,r),...e,children:t})}function w({className:r,...t}){let{color:e}=i.useContext(g),o={brand:"bg-utility-brand-500 outline-utility-brand-100",gray:"bg-utility-gray-500 outline-utility-gray-100",error:"bg-utility-error-500 outline-utility-error-100",warning:"bg-utility-warning-500 outline-utility-warning-100",success:"bg-utility-success-500 outline-utility-success-100"};return jsx("span",{"data-slot":"badge-group-dot",className:cn("inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1",o[e]||o.brand,r),...t})}var R=cva("group/alert relative w-full rounded-xp-card-base border p-3 text-text-primary grid grid-cols-[auto_1fr] items-start",{variants:{variant:{default:"bg-bg-primary text-text-primary border-border-secondary",error:"bg-bg-error-primary border-border-error [&>[data-slot=alert-icon]]:text-text-error-primary *:data-[slot=alert-title]:text-utility-error-700 *:data-[slot=alert-description]:text-fg-error-primary *:data-[slot=alert-action]:text-utility-error-700 *:data-[slot=alert-action]:border-utility-error-200",warning:"bg-bg-warning-primary border-fg-warning-secondary [&>[data-slot=alert-icon]]:text-fg-warning-primary *:data-[slot=alert-title]:text-utility-warning-700 *:data-[slot=alert-description]:text-fg-warning-primary *:data-[slot=alert-action]:text-utility-warning-700 *:data-[slot=alert-action]:border-utility-warning-200",success:"bg-bg-success-primary border-fg-success-secondary [&>[data-slot=alert-icon]]:text-text-success-primary *:data-[slot=alert-title]:text-utility-success-700 *:data-[slot=alert-description]:text-fg-success-primary *:data-[slot=alert-action]:text-utility-success-700 *:data-[slot=alert-action]:border-utility-success-200",info:"bg-info-bg-primary border-fg-info-secondary [&>[data-slot=alert-icon]]:text-text-info-primary *:data-[slot=alert-title]:text-utility-blue-700 *:data-[slot=alert-description]:text-fg-info-primary *:data-[slot=alert-action]:text-utility-blue-700 *:data-[slot=alert-action]:border-utility-blue-200"}},defaultVariants:{variant:"default"}});function M({className:r,variant:t,...e}){return jsx("div",{"data-slot":"alert",role:"alert","data-variant":t,className:cn(R({variant:t}),r),...e})}function S({className:r,...t}){return jsx("div",{"data-slot":"alert-icon",className:cn("row-span-2 mt-0.5 mr-3 [&_svg]:size-4 [&_svg]:text-current",r),...t})}function _({className:r,...t}){return jsx("div",{"data-slot":"alert-title",className:cn("col-start-2 text-label-semibold-2",r),...t})}function H({className:r,...t}){return jsx("div",{"data-slot":"alert-description",className:cn("col-start-2 text-body-regular-3 mt-0.5 ",r),...t})}function
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import*as i from'react';import {mergeProps}from'@base-ui/react/merge-props';import {useRender}from'@base-ui/react/use-render';import {cva}from'class-variance-authority';import {ArrowRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var m=cva("inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2",{variants:{theme:{light:"rounded-xp-full ring-1 ring-inset",modern:"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary"},color:{brand:"",gray:"",error:"",warning:"",success:""},size:{md:"text-body-medium-3",lg:"text-body-medium-2"},align:{leading:"",trailing:""}},compoundVariants:[{theme:"light",color:"brand",className:"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100"},{theme:"light",color:"gray",className:"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100"},{theme:"light",color:"error",className:"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100"},{theme:"light",color:"warning",className:"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100"},{theme:"light",color:"success",className:"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100"},{align:"leading",size:"md",className:"py-1 pl-1 pr-2"},{align:"leading",size:"lg",className:"py-1 pl-1 pr-2.5"},{align:"trailing",size:"md",className:"py-1 pl-2 pr-1"},{align:"trailing",size:"lg",className:"py-1 pl-2.5 pr-1"}],defaultVariants:{theme:"light",color:"brand",size:"md",align:"leading"}}),g=i.createContext({theme:"light",color:"brand",size:"md"});function v({className:r,theme:t="light",color:e="brand",size:o="md",align:a="leading",render:p,children:d,...u}){let y={"data-slot":"badge-group","data-theme":t,"data-color":e,"data-size":o,"data-align":a,className:cn(m({theme:t,color:e,size:o,align:a}),r),children:d};return jsx(g.Provider,{value:{theme:t??"light",color:e??"brand",size:o??"md"},children:useRender({defaultTagName:"div",props:mergeProps(y,u),render:p,state:{slot:"badge-group",theme:t,color:e,size:o,align:a}})})}function h({className:r,children:t,...e}){let{theme:o,color:a,size:p}=i.useContext(g),d={brand:"ring-utility-brand-200 text-utility-brand-700",gray:"ring-utility-gray-200 text-utility-gray-700",error:"ring-utility-error-200 text-utility-error-700",warning:"ring-utility-warning-200 text-utility-warning-700",success:"ring-utility-success-200 text-utility-success-700"},u=cn("inline-flex items-center justify-center font-medium shrink-0",o==="light"&&["rounded-xp-full bg-bg-primary ring-1 ring-inset",d[a]||d.brand,p==="md"?"px-2 py-0.5":"px-2.5 py-0.5"],o==="modern"&&["rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary",p==="md"?"gap-1 px-1.5 py-0.5":"gap-1.5 px-2 py-0.5"],r);return jsx("span",{"data-slot":"badge-group-addon",className:u,...e,children:t})}function A({className:r,children:t=jsx(ArrowRightIcon,{}),...e}){let{color:o}=i.useContext(g),a={brand:"text-utility-brand-500",gray:"text-utility-gray-500",error:"text-utility-error-500",warning:"text-utility-warning-500",success:"text-utility-success-500"};return jsx("span",{"data-slot":"badge-group-icon",className:cn("inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5",a[o]||a.brand,r),...e,children:t})}function w({className:r,...t}){let{color:e}=i.useContext(g),o={brand:"bg-utility-brand-500 outline-utility-brand-100",gray:"bg-utility-gray-500 outline-utility-gray-100",error:"bg-utility-error-500 outline-utility-error-100",warning:"bg-utility-warning-500 outline-utility-warning-100",success:"bg-utility-success-500 outline-utility-success-100"};return jsx("span",{"data-slot":"badge-group-dot",className:cn("inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1",o[e]||o.brand,r),...t})}var R=cva("group/alert relative w-full rounded-xp-card-base border p-3 text-text-primary grid grid-cols-[auto_1fr] items-start",{variants:{variant:{default:"bg-bg-primary text-text-primary border-border-secondary",error:"bg-bg-error-primary border-border-error [&>[data-slot=alert-icon]]:text-text-error-primary *:data-[slot=alert-title]:text-utility-error-700 *:data-[slot=alert-description]:text-fg-error-primary *:data-[slot=alert-action]:text-utility-error-700 *:data-[slot=alert-action]:border-utility-error-200",warning:"bg-bg-warning-primary border-fg-warning-secondary [&>[data-slot=alert-icon]]:text-fg-warning-primary *:data-[slot=alert-title]:text-utility-warning-700 *:data-[slot=alert-description]:text-fg-warning-primary *:data-[slot=alert-action]:text-utility-warning-700 *:data-[slot=alert-action]:border-utility-warning-200",success:"bg-bg-success-primary border-fg-success-secondary [&>[data-slot=alert-icon]]:text-text-success-primary *:data-[slot=alert-title]:text-utility-success-700 *:data-[slot=alert-description]:text-fg-success-primary *:data-[slot=alert-action]:text-utility-success-700 *:data-[slot=alert-action]:border-utility-success-200",info:"bg-info-bg-primary border-fg-info-secondary [&>[data-slot=alert-icon]]:text-text-info-primary *:data-[slot=alert-title]:text-utility-blue-700 *:data-[slot=alert-description]:text-fg-info-primary *:data-[slot=alert-action]:text-utility-blue-700 *:data-[slot=alert-action]:border-utility-blue-200"}},defaultVariants:{variant:"default"}});function M({className:r,variant:t,...e}){return jsx("div",{"data-slot":"alert",role:"alert","data-variant":t,className:cn(R({variant:t}),r),...e})}function S({className:r,...t}){return jsx("div",{"data-slot":"alert-icon",className:cn("row-span-2 mt-0.5 mr-3 [&_svg]:size-4 [&_svg]:text-current",r),...t})}function _({className:r,...t}){return jsx("div",{"data-slot":"alert-title",className:cn("col-start-2 text-label-semibold-2",r),...t})}function H({className:r,...t}){return jsx("div",{"data-slot":"alert-description",className:cn("col-start-2 text-body-regular-3 mt-0.5 ",r),...t})}function O({className:r,...t}){return jsx("div",{"data-slot":"alert-action",className:cn("col-start-3 row-start-1 row-span-2 mt-1.5 ml-3 h-7 border rounded-lg bg-bg-primary hover:bg-bg-primary-hover text-body-medium-2 px-2.5 inline-flex items-center justify-center",r),...t})}export{m as a,v as b,h as c,A as d,w as e,R as f,M as g,S as h,_ as i,H as j,O as k};//# sourceMappingURL=chunk-XALJPQD2.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-XALJPQD2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/badge-group.tsx","../src/ui/alert.tsx"],"names":["badgeGroupVariants","cva","badgeGroupContext","BadgeGroup","className","theme","color","size","align","render","children","props","defaultProps","cn","jsx","useRender","mergeProps","BadgeGroupAddon","colorAddonMap","addonClasses","BadgeGroupIcon","ArrowRightIcon","iconColorMap","BadgeGroupDot","dotColorMap","alertVariants","Alert","variant","AlertIcon","AlertTitle","AlertDescription","AlertAction"],"mappings":"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","file":"chunk-TCJ2YRNB.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { mergeProps } from \"@base-ui/react/merge-props\"\r\nimport { useRender } from \"@base-ui/react/use-render\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { ArrowRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst badgeGroupVariants = cva(\r\n \"inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2\",\r\n {\r\n variants: {\r\n theme: {\r\n light: \"rounded-xp-full ring-1 ring-inset\",\r\n modern: \"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary\",\r\n },\r\n color: {\r\n brand: \"\",\r\n gray: \"\",\r\n error: \"\",\r\n warning: \"\",\r\n success: \"\",\r\n },\r\n size: {\r\n md: \"text-body-medium-3\",\r\n lg: \"text-body-medium-2\",\r\n },\r\n align: {\r\n leading: \"\",\r\n trailing: \"\",\r\n },\r\n },\r\n compoundVariants: [\r\n // Light theme colors\r\n {\r\n theme: \"light\",\r\n color: \"brand\",\r\n className: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"gray\",\r\n className: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"error\",\r\n className: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"warning\",\r\n className: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"success\",\r\n className: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\r\n },\r\n\r\n // Size & Align combinations (Root padding matching exact Figma values)\r\n // Leading: Addon on the left\r\n {\r\n align: \"leading\",\r\n size: \"md\",\r\n className: \"py-1 pl-1 pr-2\",\r\n },\r\n {\r\n align: \"leading\",\r\n size: \"lg\",\r\n className: \"py-1 pl-1 pr-2.5\",\r\n },\r\n // Trailing: Addon on the right\r\n {\r\n align: \"trailing\",\r\n size: \"md\",\r\n className: \"py-1 pl-2 pr-1\",\r\n },\r\n {\r\n align: \"trailing\",\r\n size: \"lg\",\r\n className: \"py-1 pl-2.5 pr-1\",\r\n },\r\n ],\r\n defaultVariants: {\r\n theme: \"light\",\r\n color: \"brand\",\r\n size: \"md\",\r\n align: \"leading\",\r\n },\r\n }\r\n)\r\n\r\nconst badgeGroupContext = React.createContext<{\r\n theme: \"light\" | \"modern\"\r\n color: \"brand\" | \"gray\" | \"error\" | \"warning\" | \"success\"\r\n size: \"md\" | \"lg\"\r\n}>({\r\n theme: \"light\",\r\n color: \"brand\",\r\n size: \"md\",\r\n})\r\n\r\nexport interface BadgeGroupProps\r\n extends Omit<React.ComponentProps<\"div\">, \"color\">,\r\n VariantProps<typeof badgeGroupVariants> {\r\n}\r\n\r\nfunction BadgeGroup({\r\n className,\r\n theme = \"light\",\r\n color = \"brand\",\r\n size = \"md\",\r\n align = \"leading\",\r\n render,\r\n children,\r\n ...props\r\n}: BadgeGroupProps & useRender.ComponentProps<\"div\">) {\r\n const defaultProps = {\r\n \"data-slot\": \"badge-group\",\r\n \"data-theme\": theme,\r\n \"data-color\": color,\r\n \"data-size\": size,\r\n \"data-align\": align,\r\n className: cn(badgeGroupVariants({ theme, color, size, align }), className),\r\n children,\r\n }\r\n\r\n return (\r\n <badgeGroupContext.Provider value={{ theme: theme ?? \"light\", color: color ?? \"brand\", size: size ?? \"md\" }}>\r\n {useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps(defaultProps, props),\r\n render,\r\n state: {\r\n slot: \"badge-group\",\r\n theme,\r\n color,\r\n size,\r\n align,\r\n },\r\n })}\r\n </badgeGroupContext.Provider>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupAddonProps extends React.ComponentProps<\"span\"> {\r\n children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupAddon({\r\n className,\r\n children,\r\n ...props\r\n}: BadgeGroupAddonProps) {\r\n const { theme, color, size } = React.useContext(badgeGroupContext)\r\n\r\n const colorAddonMap: Record<string, string> = {\r\n brand: \"ring-utility-brand-200 text-utility-brand-700\",\r\n gray: \"ring-utility-gray-200 text-utility-gray-700\",\r\n error: \"ring-utility-error-200 text-utility-error-700\",\r\n warning: \"ring-utility-warning-200 text-utility-warning-700\",\r\n success: \"ring-utility-success-200 text-utility-success-700\",\r\n }\r\n\r\n const addonClasses = cn(\r\n \"inline-flex items-center justify-center font-medium shrink-0\",\r\n theme === \"light\" && [\r\n \"rounded-xp-full bg-bg-primary ring-1 ring-inset\",\r\n colorAddonMap[color] || colorAddonMap.brand,\r\n size === \"md\" ? \"px-2 py-0.5\" : \"px-2.5 py-0.5\",\r\n ],\r\n theme === \"modern\" && [\r\n \"rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary\",\r\n size === \"md\" ? \"gap-1 px-1.5 py-0.5\" : \"gap-1.5 px-2 py-0.5\",\r\n ],\r\n className\r\n )\r\n\r\n return (\r\n <span data-slot=\"badge-group-addon\" className={addonClasses} {...props}>\r\n {children}\r\n </span>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupIconProps extends React.ComponentProps<\"span\"> {\r\n children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupIcon({\r\n className,\r\n children = <ArrowRightIcon />,\r\n ...props\r\n}: BadgeGroupIconProps) {\r\n const { color } = React.useContext(badgeGroupContext)\r\n\r\n const iconColorMap: Record<string, string> = {\r\n brand: \"text-utility-brand-500\",\r\n gray: \"text-utility-gray-500\",\r\n error: \"text-utility-error-500\",\r\n warning: \"text-utility-warning-500\",\r\n success: \"text-utility-success-500\",\r\n }\r\n\r\n return (\r\n <span\r\n data-slot=\"badge-group-icon\"\r\n className={cn(\r\n \"inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5\",\r\n iconColorMap[color] || iconColorMap.brand,\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </span>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupDotProps extends React.ComponentProps<\"span\"> {\r\n}\r\n\r\nfunction BadgeGroupDot({\r\n className,\r\n ...props\r\n}: BadgeGroupDotProps) {\r\n const { color } = React.useContext(badgeGroupContext)\r\n\r\n const dotColorMap: Record<string, string> = {\r\n brand: \"bg-utility-brand-500 outline-utility-brand-100\",\r\n gray: \"bg-utility-gray-500 outline-utility-gray-100\",\r\n error: \"bg-utility-error-500 outline-utility-error-100\",\r\n warning: \"bg-utility-warning-500 outline-utility-warning-100\",\r\n success: \"bg-utility-success-500 outline-utility-success-100\",\r\n }\r\n\r\n return (\r\n <span\r\n data-slot=\"badge-group-dot\"\r\n className={cn(\r\n \"inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1\",\r\n dotColorMap[color] || dotColorMap.brand,\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n BadgeGroup,\r\n BadgeGroupAddon,\r\n BadgeGroupIcon,\r\n BadgeGroupDot,\r\n badgeGroupVariants,\r\n}\r\n","import * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst alertVariants = cva(\r\n \"group/alert relative w-full rounded-xp-card-base border p-3 text-text-primary grid grid-cols-[auto_1fr] items-start\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-bg-primary text-text-primary border-border-secondary\",\r\n error:\r\n \"bg-bg-error-primary border-border-error [&>[data-slot=alert-icon]]:text-text-error-primary *:data-[slot=alert-title]:text-utility-error-700 *:data-[slot=alert-description]:text-fg-error-primary *:data-[slot=alert-action]:text-utility-error-700 *:data-[slot=alert-action]:border-utility-error-200\",\r\n warning:\r\n \"bg-bg-warning-primary border-fg-warning-secondary [&>[data-slot=alert-icon]]:text-fg-warning-primary *:data-[slot=alert-title]:text-utility-warning-700 *:data-[slot=alert-description]:text-fg-warning-primary *:data-[slot=alert-action]:text-utility-warning-700 *:data-[slot=alert-action]:border-utility-warning-200\",\r\n success:\r\n \"bg-bg-success-primary border-fg-success-secondary [&>[data-slot=alert-icon]]:text-text-success-primary *:data-[slot=alert-title]:text-utility-success-700 *:data-[slot=alert-description]:text-fg-success-primary *:data-[slot=alert-action]:text-utility-success-700 *:data-[slot=alert-action]:border-utility-success-200\",\r\n info:\r\n \"bg-info-bg-primary border-fg-info-secondary [&>[data-slot=alert-icon]]:text-text-info-primary *:data-[slot=alert-title]:text-utility-blue-700 *:data-[slot=alert-description]:text-fg-info-primary *:data-[slot=alert-action]:text-utility-blue-700 *:data-[slot=alert-action]:border-utility-blue-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\ntype AlertProps = React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>\r\n\r\nfunction Alert({\r\n className,\r\n variant,\r\n ...props\r\n}: AlertProps) {\r\n return (\r\n <div\r\n data-slot=\"alert\"\r\n role=\"alert\"\r\n data-variant={variant}\r\n className={cn(alertVariants({ variant }), className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertIconProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertIcon({\r\n className,\r\n ...props\r\n}: AlertIconProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-icon\"\r\n className={cn(\r\n \"row-span-2 mt-0.5 mr-3 [&_svg]:size-4 [&_svg]:text-current\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertTitleProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-title\"\r\n className={cn(\r\n \"col-start-2 text-label-semibold-2\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertDescriptionProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertDescription({\r\n className,\r\n ...props\r\n}: AlertDescriptionProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-description\"\r\n className={cn(\r\n \"col-start-2 text-body-regular-3 mt-0.5 \",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertActionProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertAction({\r\n className,\r\n ...props\r\n}: AlertActionProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-action\"\r\n className={cn(\r\n \"col-start-3 row-start-1 row-span-2 mt-1.5 ml-3 h-7 border rounded-lg bg-bg-primary hover:bg-bg-primary-hover text-body-medium-2 px-2.5 inline-flex items-center justify-center\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { \r\n Alert,\r\n AlertIcon,\r\n AlertTitle,\r\n AlertDescription,\r\n AlertAction,\r\n alertVariants,\r\n type AlertProps,\r\n type AlertIconProps,\r\n type AlertTitleProps,\r\n type AlertDescriptionProps,\r\n type AlertActionProps,\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/ui/badge-group.tsx","../src/ui/alert.tsx"],"names":["badgeGroupVariants","cva","badgeGroupContext","BadgeGroup","className","theme","color","size","align","render","children","props","defaultProps","cn","jsx","useRender","mergeProps","BadgeGroupAddon","colorAddonMap","addonClasses","BadgeGroupIcon","ArrowRightIcon","iconColorMap","BadgeGroupDot","dotColorMap","alertVariants","Alert","variant","AlertIcon","AlertTitle","AlertDescription","AlertAction"],"mappings":"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","file":"chunk-XALJPQD2.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { mergeProps } from \"@base-ui/react/merge-props\"\r\nimport { useRender } from \"@base-ui/react/use-render\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { ArrowRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst badgeGroupVariants = cva(\r\n \"inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2\",\r\n {\r\n variants: {\r\n theme: {\r\n light: \"rounded-xp-full ring-1 ring-inset\",\r\n modern: \"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary\",\r\n },\r\n color: {\r\n brand: \"\",\r\n gray: \"\",\r\n error: \"\",\r\n warning: \"\",\r\n success: \"\",\r\n },\r\n size: {\r\n md: \"text-body-medium-3\",\r\n lg: \"text-body-medium-2\",\r\n },\r\n align: {\r\n leading: \"\",\r\n trailing: \"\",\r\n },\r\n },\r\n compoundVariants: [\r\n // Light theme colors\r\n {\r\n theme: \"light\",\r\n color: \"brand\",\r\n className: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"gray\",\r\n className: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"error\",\r\n className: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"warning\",\r\n className: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\r\n },\r\n {\r\n theme: \"light\",\r\n color: \"success\",\r\n className: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\r\n },\r\n\r\n // Size & Align combinations (Root padding matching exact Figma values)\r\n // Leading: Addon on the left\r\n {\r\n align: \"leading\",\r\n size: \"md\",\r\n className: \"py-1 pl-1 pr-2\",\r\n },\r\n {\r\n align: \"leading\",\r\n size: \"lg\",\r\n className: \"py-1 pl-1 pr-2.5\",\r\n },\r\n // Trailing: Addon on the right\r\n {\r\n align: \"trailing\",\r\n size: \"md\",\r\n className: \"py-1 pl-2 pr-1\",\r\n },\r\n {\r\n align: \"trailing\",\r\n size: \"lg\",\r\n className: \"py-1 pl-2.5 pr-1\",\r\n },\r\n ],\r\n defaultVariants: {\r\n theme: \"light\",\r\n color: \"brand\",\r\n size: \"md\",\r\n align: \"leading\",\r\n },\r\n }\r\n)\r\n\r\nconst badgeGroupContext = React.createContext<{\r\n theme: \"light\" | \"modern\"\r\n color: \"brand\" | \"gray\" | \"error\" | \"warning\" | \"success\"\r\n size: \"md\" | \"lg\"\r\n}>({\r\n theme: \"light\",\r\n color: \"brand\",\r\n size: \"md\",\r\n})\r\n\r\nexport interface BadgeGroupProps\r\n extends Omit<React.ComponentProps<\"div\">, \"color\">,\r\n VariantProps<typeof badgeGroupVariants> {\r\n}\r\n\r\nfunction BadgeGroup({\r\n className,\r\n theme = \"light\",\r\n color = \"brand\",\r\n size = \"md\",\r\n align = \"leading\",\r\n render,\r\n children,\r\n ...props\r\n}: BadgeGroupProps & useRender.ComponentProps<\"div\">) {\r\n const defaultProps = {\r\n \"data-slot\": \"badge-group\",\r\n \"data-theme\": theme,\r\n \"data-color\": color,\r\n \"data-size\": size,\r\n \"data-align\": align,\r\n className: cn(badgeGroupVariants({ theme, color, size, align }), className),\r\n children,\r\n }\r\n\r\n return (\r\n <badgeGroupContext.Provider value={{ theme: theme ?? \"light\", color: color ?? \"brand\", size: size ?? \"md\" }}>\r\n {useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps(defaultProps, props),\r\n render,\r\n state: {\r\n slot: \"badge-group\",\r\n theme,\r\n color,\r\n size,\r\n align,\r\n },\r\n })}\r\n </badgeGroupContext.Provider>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupAddonProps extends React.ComponentProps<\"span\"> {\r\n children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupAddon({\r\n className,\r\n children,\r\n ...props\r\n}: BadgeGroupAddonProps) {\r\n const { theme, color, size } = React.useContext(badgeGroupContext)\r\n\r\n const colorAddonMap: Record<string, string> = {\r\n brand: \"ring-utility-brand-200 text-utility-brand-700\",\r\n gray: \"ring-utility-gray-200 text-utility-gray-700\",\r\n error: \"ring-utility-error-200 text-utility-error-700\",\r\n warning: \"ring-utility-warning-200 text-utility-warning-700\",\r\n success: \"ring-utility-success-200 text-utility-success-700\",\r\n }\r\n\r\n const addonClasses = cn(\r\n \"inline-flex items-center justify-center font-medium shrink-0\",\r\n theme === \"light\" && [\r\n \"rounded-xp-full bg-bg-primary ring-1 ring-inset\",\r\n colorAddonMap[color] || colorAddonMap.brand,\r\n size === \"md\" ? \"px-2 py-0.5\" : \"px-2.5 py-0.5\",\r\n ],\r\n theme === \"modern\" && [\r\n \"rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary\",\r\n size === \"md\" ? \"gap-1 px-1.5 py-0.5\" : \"gap-1.5 px-2 py-0.5\",\r\n ],\r\n className\r\n )\r\n\r\n return (\r\n <span data-slot=\"badge-group-addon\" className={addonClasses} {...props}>\r\n {children}\r\n </span>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupIconProps extends React.ComponentProps<\"span\"> {\r\n children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupIcon({\r\n className,\r\n children = <ArrowRightIcon />,\r\n ...props\r\n}: BadgeGroupIconProps) {\r\n const { color } = React.useContext(badgeGroupContext)\r\n\r\n const iconColorMap: Record<string, string> = {\r\n brand: \"text-utility-brand-500\",\r\n gray: \"text-utility-gray-500\",\r\n error: \"text-utility-error-500\",\r\n warning: \"text-utility-warning-500\",\r\n success: \"text-utility-success-500\",\r\n }\r\n\r\n return (\r\n <span\r\n data-slot=\"badge-group-icon\"\r\n className={cn(\r\n \"inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5\",\r\n iconColorMap[color] || iconColorMap.brand,\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </span>\r\n )\r\n}\r\n\r\nexport interface BadgeGroupDotProps extends React.ComponentProps<\"span\"> {\r\n}\r\n\r\nfunction BadgeGroupDot({\r\n className,\r\n ...props\r\n}: BadgeGroupDotProps) {\r\n const { color } = React.useContext(badgeGroupContext)\r\n\r\n const dotColorMap: Record<string, string> = {\r\n brand: \"bg-utility-brand-500 outline-utility-brand-100\",\r\n gray: \"bg-utility-gray-500 outline-utility-gray-100\",\r\n error: \"bg-utility-error-500 outline-utility-error-100\",\r\n warning: \"bg-utility-warning-500 outline-utility-warning-100\",\r\n success: \"bg-utility-success-500 outline-utility-success-100\",\r\n }\r\n\r\n return (\r\n <span\r\n data-slot=\"badge-group-dot\"\r\n className={cn(\r\n \"inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1\",\r\n dotColorMap[color] || dotColorMap.brand,\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n BadgeGroup,\r\n BadgeGroupAddon,\r\n BadgeGroupIcon,\r\n BadgeGroupDot,\r\n badgeGroupVariants,\r\n}\r\n","import * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst alertVariants = cva(\r\n \"group/alert relative w-full rounded-xp-card-base border p-3 text-text-primary grid grid-cols-[auto_1fr] items-start\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-bg-primary text-text-primary border-border-secondary\",\r\n error:\r\n \"bg-bg-error-primary border-border-error [&>[data-slot=alert-icon]]:text-text-error-primary *:data-[slot=alert-title]:text-utility-error-700 *:data-[slot=alert-description]:text-fg-error-primary *:data-[slot=alert-action]:text-utility-error-700 *:data-[slot=alert-action]:border-utility-error-200\",\r\n warning:\r\n \"bg-bg-warning-primary border-fg-warning-secondary [&>[data-slot=alert-icon]]:text-fg-warning-primary *:data-[slot=alert-title]:text-utility-warning-700 *:data-[slot=alert-description]:text-fg-warning-primary *:data-[slot=alert-action]:text-utility-warning-700 *:data-[slot=alert-action]:border-utility-warning-200\",\r\n success:\r\n \"bg-bg-success-primary border-fg-success-secondary [&>[data-slot=alert-icon]]:text-text-success-primary *:data-[slot=alert-title]:text-utility-success-700 *:data-[slot=alert-description]:text-fg-success-primary *:data-[slot=alert-action]:text-utility-success-700 *:data-[slot=alert-action]:border-utility-success-200\",\r\n info:\r\n \"bg-info-bg-primary border-fg-info-secondary [&>[data-slot=alert-icon]]:text-text-info-primary *:data-[slot=alert-title]:text-utility-blue-700 *:data-[slot=alert-description]:text-fg-info-primary *:data-[slot=alert-action]:text-utility-blue-700 *:data-[slot=alert-action]:border-utility-blue-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\ntype AlertProps = React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>\r\n\r\nfunction Alert({\r\n className,\r\n variant,\r\n ...props\r\n}: AlertProps) {\r\n return (\r\n <div\r\n data-slot=\"alert\"\r\n role=\"alert\"\r\n data-variant={variant}\r\n className={cn(alertVariants({ variant }), className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertIconProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertIcon({\r\n className,\r\n ...props\r\n}: AlertIconProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-icon\"\r\n className={cn(\r\n \"row-span-2 mt-0.5 mr-3 [&_svg]:size-4 [&_svg]:text-current\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertTitleProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-title\"\r\n className={cn(\r\n \"col-start-2 text-label-semibold-2\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertDescriptionProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertDescription({\r\n className,\r\n ...props\r\n}: AlertDescriptionProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-description\"\r\n className={cn(\r\n \"col-start-2 text-body-regular-3 mt-0.5 \",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\ntype AlertActionProps = React.ComponentProps<\"div\">\r\n\r\nfunction AlertAction({\r\n className,\r\n ...props\r\n}: AlertActionProps) {\r\n return (\r\n <div\r\n data-slot=\"alert-action\"\r\n className={cn(\r\n \"col-start-3 row-start-1 row-span-2 mt-1.5 ml-3 h-7 border rounded-lg bg-bg-primary hover:bg-bg-primary-hover text-body-medium-2 px-2.5 inline-flex items-center justify-center\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport { \r\n Alert,\r\n AlertIcon,\r\n AlertTitle,\r\n AlertDescription,\r\n AlertAction,\r\n alertVariants,\r\n type AlertProps,\r\n type AlertIconProps,\r\n type AlertTitleProps,\r\n type AlertDescriptionProps,\r\n type AlertActionProps,\r\n}\r\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as ComboboxChipOutside}from'../chunk-ON7PUZWI.js';import'../chunk-
|
|
1
|
+
export{a as ComboboxChipOutside}from'../chunk-ON7PUZWI.js';import'../chunk-XALJPQD2.js';import'../chunk-DYN44NDF.js';import'../chunk-3ASGRRVT.js';import'../chunk-K2BMQ2TN.js';import'../chunk-PJYKUR4F.js';import'../chunk-G6HDEOYZ.js';import'../chunk-K7GGFR7W.js';import'../chunk-UBTCCHVI.js';import'../chunk-JSAE42ES.js';import'../chunk-MESDC2EA.js';import'../chunk-ESR5LKGM.js';import'../chunk-WWCXHCNU.js';import'../chunk-RH7BQGTL.js';import'../chunk-IT4LPPTN.js';import'../chunk-K4MWSMUN.js';import'../chunk-4IAMLCAM.js';import'../chunk-66IVKVY6.js';import'../chunk-HRY64DNE.js';import'../chunk-NGSCUYDU.js';import'../chunk-Y6JASO6W.js';import'../chunk-VODPMAOM.js';import'../chunk-JYFVQ5NY.js';import'../chunk-VOOAQNJM.js';import'../chunk-6OC5NZB6.js';import'../chunk-ZVME3JB3.js';import'../chunk-2TUGHMFW.js';import'../chunk-2RHSXF3X.js';import'../chunk-DX767LBV.js';import'../chunk-RN6CYJKG.js';import'../chunk-TES3PKRE.js';import'../chunk-BX7TD4RH.js';import'../chunk-YKX7SKZA.js';import'../chunk-BRZUHQYB.js';import'../chunk-NKQ3MFRE.js';import'../chunk-IZQFTYJD.js';import'../chunk-HHG7BSWN.js';import'../chunk-TED2PUK6.js';import'../chunk-JH6RZ3QH.js';import'../chunk-7P4PFMCM.js';import'../chunk-W7E2VPJN.js';import'../chunk-2URFXFQC.js';import'../chunk-XG3W7QMP.js';import'../chunk-DCH35MB4.js';import'../chunk-55GZJ3FP.js';import'../chunk-3733D5Y7.js';import'../chunk-EIYPBVAD.js';import'../chunk-XRCUJYXW.js';import'../chunk-4PD3DZE6.js';import'../chunk-3RJED3RZ.js';import'../chunk-FKOYTHRM.js';import'../chunk-GJ5F6YBZ.js';import'../chunk-4D2HXXN3.js';import'../chunk-S7ZMBRYT.js';import'../chunk-322IBGFZ.js';import'../chunk-QDCD6MNO.js';import'../chunk-AGKZWMW5.js';import'../chunk-YWG6HJAX.js';import'../chunk-NHQA6KSU.js';import'../chunk-DDCGJBN7.js';import'../chunk-SGJYHWYM.js';import'../chunk-QYGN3VYS.js';import'../chunk-LFQAJN4H.js';import'../chunk-BEJ2SIQP.js';import'../chunk-PSHB2EQA.js';import'../chunk-JVBWH3DS.js';import'../chunk-EHRGIXKH.js';import'../chunk-CQC2IBSD.js';import'../chunk-CKVTRZ3S.js';import'../chunk-YSG3MHTX.js';import'../chunk-TIVYCE4X.js';import'../chunk-RCP2CZRA.js';import'../chunk-FJTQQ4SC.js';import'../chunk-W2HFGSVH.js';import'../chunk-2GABMQSA.js';import'../chunk-7ECOWHUV.js';import'../chunk-IUPJTP3B.js';import'../chunk-LUQVFKR7.js';import'../chunk-ADC7WDF4.js';import'../chunk-ICQEZHVV.js';import'../chunk-U5N2WWD3.js';import'../chunk-F2D445K4.js';import'../chunk-NUCPKDK5.js';import'../chunk-2IOTGL4J.js';import'../chunk-NASTZUK6.js';import'../chunk-ZSYQCIYS.js';import'../chunk-4EYPU56T.js';import'../chunk-2JHFRTOZ.js';import'../chunk-3SQB2TJB.js';import'../chunk-L5AG5DTS.js';import'../chunk-EAF4H4YJ.js';import'../chunk-XH22TH7N.js';import'../chunk-7LF2CJ3L.js';import'../chunk-KO4EAVJY.js';import'../chunk-PEHI6LCP.js';import'../chunk-3HUMZKFZ.js';import'../chunk-D45GNYVU.js';import'../chunk-JXTOUSXQ.js';import'../chunk-DRYKJQ72.js';import'../chunk-46KQF4UN.js';import'../chunk-556ANF7Z.js';import'../chunk-UKXYDUDY.js';import'../chunk-7YXRTIXL.js';import'../chunk-4NU44YPN.js';import'../chunk-6I4GG756.js';import'../chunk-4UC2VYI5.js';import'../chunk-UCCQUPMT.js';import'../chunk-TMDCYGCN.js';import'../chunk-5ETIHFSE.js';import'../chunk-XJTOYNCA.js';import'../chunk-BZGVXBP3.js';import'../chunk-U6W5PRLZ.js';import'../chunk-5YFGDOSH.js';import'../chunk-3NFGWKSO.js';import'../chunk-L73GMVVO.js';import'../chunk-OL4WHG4U.js';import'../chunk-V5WX4TSN.js';import'../chunk-Z22ALCLD.js';import'../chunk-IHTB4XCP.js';import'../chunk-5KMCPFGM.js';import'../chunk-MPD36YFP.js';import'../chunk-Z5GMQ477.js';import'../chunk-6FL6AY4D.js';import'../chunk-3376QA4Q.js';import'../chunk-PDZ7VJPX.js';import'../chunk-Y72C3IVO.js';import'../chunk-5OQVCPXP.js';import'../chunk-LSW5TIYQ.js';import'../chunk-5NAO3POG.js';import'../chunk-JWAU7A2Q.js';import'../chunk-YFCBMUPK.js';import'../chunk-SLLTAQ22.js';import'../chunk-WMUM5NGX.js';import'../chunk-A2U6VIQW.js';import'../chunk-VZMFSH37.js';import'../chunk-ECVIBKDN.js';import'../chunk-3SKJUZ5H.js';import'../chunk-EDXV6BE6.js';import'../chunk-HM2QBLIL.js';import'../chunk-6IKHZM3V.js';import'../chunk-ZVCIT3QN.js';import'../chunk-UACQQO3I.js';import'../chunk-IHLMMP5Q.js';import'../chunk-LN37WPV7.js';import'../chunk-BKWINCGB.js';import'../chunk-VOTCMLJE.js';import'../chunk-ZKFUHFBC.js';import'../chunk-CEYIRTZQ.js';import'../chunk-TORDOY73.js';import'../chunk-CAK44O3E.js';import'../chunk-MTWFWU3I.js';import'../chunk-NREZRMEX.js';import'../chunk-3EU5QGAN.js';import'../chunk-6EMNBLEM.js';import'../chunk-4CBZOTZR.js';import'../chunk-XY4CWRWG.js';import'../chunk-2FGDZ6WR.js';import'../chunk-KHCZBVOK.js';import'../chunk-2TO4PAQM.js';import'../chunk-HSTY767P.js';import'../chunk-C7GZULSV.js';import'../chunk-GGD2FGWK.js';import'../chunk-AI5FYYCO.js';import'../chunk-UCQKCAYY.js';import'../chunk-HL32HBMO.js';import'../chunk-K7EZKYBC.js';import'../chunk-FIXJ55FT.js';import'../chunk-GDU3OVET.js';import'../chunk-5I545S2U.js';import'../chunk-V6YCCR75.js';import'../chunk-NYSABCPP.js';import'../chunk-M5IVXDZ4.js';import'../chunk-2ZG2WNSI.js';import'../chunk-FBKS63GQ.js';import'../chunk-NUGYUIN6.js';import'../chunk-6KFTNJLJ.js';import'../chunk-JZJHLBOV.js';import'../chunk-L6ZGEGUV.js';import'../chunk-DQSDZXTX.js';import'../chunk-R33XCP5H.js';import'../chunk-SDKXW3R4.js';import'../chunk-EJ5XTT5H.js';import'../chunk-6FEBVO2P.js';import'../chunk-JCFEHT75.js';import'../chunk-X2VRJLPR.js';import'../chunk-KPA4J3CC.js';import'../chunk-4JEHGT2R.js';import'../chunk-QNEJRZ4U.js';import'../chunk-SCPA3CM2.js';import'../chunk-2PQUW476.js';import'../chunk-HEKI5WR2.js';import'../chunk-TTZ2UE5L.js';import'../chunk-4GMRFP6B.js';import'../chunk-F5FFAJ6B.js';import'../chunk-5FALHJEA.js';import'../chunk-ICHHISXQ.js';import'../chunk-EERDL5XC.js';import'../chunk-GE3TPDYX.js';import'../chunk-RMGJAA2L.js';import'../chunk-Z7IOYXOK.js';import'../chunk-FELUIC3Z.js';import'../chunk-BKBLZKQ7.js';import'../chunk-3Q72MLBZ.js';import'../chunk-ZWZZVZOP.js';import'../chunk-VLSPFIZU.js';import'../chunk-H56Z2DPY.js';import'../chunk-BGSHHAM2.js';import'../chunk-SR76VRAC.js';import'../chunk-KCSDB6W4.js';import'../chunk-3N22A4KQ.js';import'../chunk-F7KNYOYR.js';import'../chunk-IRRA2OTH.js';import'../chunk-QM2KF35E.js';import'../chunk-WI5V5Z76.js';import'../chunk-PCUUUW7T.js';import'../chunk-EYH5SNDK.js';import'../chunk-RUTYHOHT.js';import'../chunk-4FH2LYOC.js';import'../chunk-U27RVBYT.js';import'../chunk-SX54FORI.js';import'../chunk-XOIZGRZ6.js';import'../chunk-EY3W3WZX.js';import'../chunk-X2J6MJ6Y.js';import'../chunk-CP6DGMEP.js';import'../chunk-7TNSQNT7.js';import'../chunk-YTN4DVWB.js';import'../chunk-XNDNAHCC.js';import'../chunk-UESMX3LA.js';import'../chunk-33MUUBSB.js';import'../chunk-VK62KNI7.js';import'../chunk-OREIXD3L.js';import'../chunk-J64EBQ23.js';import'../chunk-PFSN7DQX.js';import'../chunk-Y2R7ZZYY.js';import'../chunk-LYV7R7DB.js';import'../chunk-EKS6U6XR.js';import'../chunk-5LAJMBKN.js';import'../chunk-ZEONZS5N.js';import'../chunk-75BEGXGF.js';import'../chunk-V4VKQ2QF.js';import'../chunk-NVVCGBML.js';import'../chunk-ZTCAXM77.js';import'../chunk-UVYYUEHO.js';import'../chunk-FFYGBVMN.js';import'../chunk-HJJ2VCYO.js';import'../chunk-KZMULPFK.js';import'../chunk-X5TJ3Z24.js';import'../chunk-ZY5FUK37.js';import'../chunk-DNIYW2WB.js';import'../chunk-DVXIIACM.js';import'../chunk-ZPPUEK2E.js';import'../chunk-GOXCPAUM.js';import'../chunk-6L6HTR6E.js';import'../chunk-4VQUQ3NT.js';import'../chunk-MHRHCLIU.js';import'../chunk-OE7VPOT4.js';import'../chunk-LHVBJHQZ.js';import'../chunk-2V46QEC7.js';import'../chunk-TJNOFRWB.js';import'../chunk-Y2TTBBRP.js';import'../chunk-NYQJHUKD.js';import'../chunk-6NPT5BJ7.js';import'../chunk-MYGQXM66.js';import'../chunk-KCCBSGT3.js';import'../chunk-QWFECUYL.js';import'../chunk-IPTGAZ37.js';import'../chunk-DEFVXH3J.js';import'../chunk-Y56EKYRN.js';import'../chunk-IW6VX3I7.js';import'../chunk-QWCYJC3T.js';import'../chunk-4S6MFDRP.js';import'../chunk-24ZESL25.js';import'../chunk-QH67MZKV.js';import'../chunk-O5CSN63E.js';import'../chunk-I2K2QQOA.js';import'../chunk-ZPKZLDR2.js';import'../chunk-EBXTHJF5.js';import'../chunk-ZXSIHT6V.js';import'../chunk-TJFA5O6Z.js';import'../chunk-WSMQZH5E.js';import'../chunk-CEY3P2QK.js';import'../chunk-E6ZLTD7K.js';import'../chunk-YWDIILO5.js';import'../chunk-WVOOXXON.js';import'../chunk-YRO736RI.js';import'../chunk-QBNIE5KZ.js';import'../chunk-4WDDWMBW.js';import'../chunk-3KSOBU4X.js';import'../chunk-ZMNFPSA3.js';import'../chunk-6C2TVGCV.js';import'../chunk-ZQWDYX2E.js';import'../chunk-JUM5W2FF.js';import'../chunk-MOH4SNJJ.js';import'../chunk-YFZPYFTS.js';import'../chunk-JSE2CMYN.js';import'../chunk-EYKDAQEG.js';import'../chunk-K3RU27VR.js';import'../chunk-CFKH5BM3.js';import'../chunk-OEEQX3JR.js';import'../chunk-ZT35KBQN.js';import'../chunk-T7HRX3EC.js';import'../chunk-C4ELFIL6.js';import'../chunk-UJRREWOA.js';import'../chunk-CJSVB5XT.js';import'../chunk-XFY6L3B6.js';import'../chunk-BNOMWF6G.js';import'../chunk-XQ5APSL5.js';import'../chunk-6UJXNDLR.js';import'../chunk-HG6NCRSN.js';import'../chunk-4TNLRALG.js';import'../chunk-WYRCNM2M.js';import'../chunk-3Q67KQWC.js';import'../chunk-A4G246BH.js';import'../chunk-WUGIELON.js';import'../chunk-GYYQR6WJ.js';import'../chunk-PEAZKA47.js';import'../chunk-XU65MB53.js';import'../chunk-JUY2JZGK.js';import'../chunk-CHPQMJNP.js';import'../chunk-NTXAFTKR.js';import'../chunk-MFV4KTCM.js';import'../chunk-I56A4HTS.js';import'../chunk-BM65PK4H.js';import'../chunk-BES6JPWQ.js';import'../chunk-HVR2PWQX.js';import'../chunk-JLZNZFOO.js';import'../chunk-CLHWA46Z.js';import'../chunk-WYVGUIHL.js';import'../chunk-VNAMAKPG.js';//# sourceMappingURL=combobox-chip-outside.js.map
|
|
2
2
|
//# sourceMappingURL=combobox-chip-outside.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as ComboboxChip}from'../chunk-WV5OCKQK.js';import'../chunk-IZQFTYJD.js';import'../chunk-HHG7BSWN.js';import'../chunk-TED2PUK6.js';import'../chunk-JH6RZ3QH.js';import'../chunk-7P4PFMCM.js';import'../chunk-W7E2VPJN.js';import'../chunk-2URFXFQC.js';import'../chunk-XG3W7QMP.js';import'../chunk-DCH35MB4.js';import'../chunk-XRCUJYXW.js';import'../chunk-3RJED3RZ.js';import'../chunk-FKOYTHRM.js';import'../chunk-GJ5F6YBZ.js';import'../chunk-4D2HXXN3.js';import'../chunk-S7ZMBRYT.js';import'../chunk-322IBGFZ.js';import'../chunk-QDCD6MNO.js';import'../chunk-YWG6HJAX.js';import'../chunk-NHQA6KSU.js';import'../chunk-DDCGJBN7.js';import'../chunk-SGJYHWYM.js';import'../chunk-QYGN3VYS.js';import'../chunk-LFQAJN4H.js';import'../chunk-BEJ2SIQP.js';import'../chunk-
|
|
1
|
+
export{a as ComboboxChip}from'../chunk-WV5OCKQK.js';import'../chunk-IZQFTYJD.js';import'../chunk-HHG7BSWN.js';import'../chunk-TED2PUK6.js';import'../chunk-JH6RZ3QH.js';import'../chunk-7P4PFMCM.js';import'../chunk-W7E2VPJN.js';import'../chunk-2URFXFQC.js';import'../chunk-XG3W7QMP.js';import'../chunk-DCH35MB4.js';import'../chunk-XRCUJYXW.js';import'../chunk-4PD3DZE6.js';import'../chunk-3RJED3RZ.js';import'../chunk-FKOYTHRM.js';import'../chunk-GJ5F6YBZ.js';import'../chunk-4D2HXXN3.js';import'../chunk-S7ZMBRYT.js';import'../chunk-322IBGFZ.js';import'../chunk-QDCD6MNO.js';import'../chunk-AGKZWMW5.js';import'../chunk-YWG6HJAX.js';import'../chunk-NHQA6KSU.js';import'../chunk-DDCGJBN7.js';import'../chunk-SGJYHWYM.js';import'../chunk-QYGN3VYS.js';import'../chunk-LFQAJN4H.js';import'../chunk-BEJ2SIQP.js';import'../chunk-PSHB2EQA.js';import'../chunk-JVBWH3DS.js';import'../chunk-EHRGIXKH.js';import'../chunk-CQC2IBSD.js';import'../chunk-CKVTRZ3S.js';import'../chunk-YSG3MHTX.js';import'../chunk-TIVYCE4X.js';import'../chunk-RCP2CZRA.js';import'../chunk-FJTQQ4SC.js';import'../chunk-W2HFGSVH.js';import'../chunk-2GABMQSA.js';import'../chunk-7ECOWHUV.js';import'../chunk-IUPJTP3B.js';import'../chunk-LUQVFKR7.js';import'../chunk-ADC7WDF4.js';import'../chunk-ICQEZHVV.js';import'../chunk-U5N2WWD3.js';import'../chunk-F2D445K4.js';import'../chunk-NUCPKDK5.js';import'../chunk-2IOTGL4J.js';import'../chunk-NASTZUK6.js';import'../chunk-ZSYQCIYS.js';import'../chunk-4EYPU56T.js';import'../chunk-2JHFRTOZ.js';import'../chunk-3SQB2TJB.js';import'../chunk-L5AG5DTS.js';import'../chunk-EAF4H4YJ.js';import'../chunk-XH22TH7N.js';import'../chunk-7LF2CJ3L.js';import'../chunk-KO4EAVJY.js';import'../chunk-PEHI6LCP.js';import'../chunk-3HUMZKFZ.js';import'../chunk-D45GNYVU.js';import'../chunk-JXTOUSXQ.js';import'../chunk-DRYKJQ72.js';import'../chunk-46KQF4UN.js';import'../chunk-556ANF7Z.js';import'../chunk-UKXYDUDY.js';import'../chunk-7YXRTIXL.js';import'../chunk-4NU44YPN.js';import'../chunk-6I4GG756.js';import'../chunk-4UC2VYI5.js';import'../chunk-UCCQUPMT.js';import'../chunk-TMDCYGCN.js';import'../chunk-5ETIHFSE.js';import'../chunk-XJTOYNCA.js';import'../chunk-BZGVXBP3.js';import'../chunk-U6W5PRLZ.js';import'../chunk-5YFGDOSH.js';import'../chunk-3NFGWKSO.js';import'../chunk-L73GMVVO.js';import'../chunk-OL4WHG4U.js';import'../chunk-V5WX4TSN.js';import'../chunk-Z22ALCLD.js';import'../chunk-IHTB4XCP.js';import'../chunk-5KMCPFGM.js';import'../chunk-MPD36YFP.js';import'../chunk-Z5GMQ477.js';import'../chunk-6FL6AY4D.js';import'../chunk-3376QA4Q.js';import'../chunk-PDZ7VJPX.js';import'../chunk-Y72C3IVO.js';import'../chunk-5OQVCPXP.js';import'../chunk-LSW5TIYQ.js';import'../chunk-5NAO3POG.js';import'../chunk-JWAU7A2Q.js';import'../chunk-YFCBMUPK.js';import'../chunk-SLLTAQ22.js';import'../chunk-WMUM5NGX.js';import'../chunk-A2U6VIQW.js';import'../chunk-VZMFSH37.js';import'../chunk-ECVIBKDN.js';import'../chunk-3SKJUZ5H.js';import'../chunk-EDXV6BE6.js';import'../chunk-HM2QBLIL.js';import'../chunk-6IKHZM3V.js';import'../chunk-ZVCIT3QN.js';import'../chunk-UACQQO3I.js';import'../chunk-IHLMMP5Q.js';import'../chunk-LN37WPV7.js';import'../chunk-BKWINCGB.js';import'../chunk-VOTCMLJE.js';import'../chunk-ZKFUHFBC.js';import'../chunk-CEYIRTZQ.js';import'../chunk-TORDOY73.js';import'../chunk-CAK44O3E.js';import'../chunk-MTWFWU3I.js';import'../chunk-NREZRMEX.js';import'../chunk-3EU5QGAN.js';import'../chunk-6EMNBLEM.js';import'../chunk-4CBZOTZR.js';import'../chunk-XY4CWRWG.js';import'../chunk-2FGDZ6WR.js';import'../chunk-KHCZBVOK.js';import'../chunk-2TO4PAQM.js';import'../chunk-HSTY767P.js';import'../chunk-C7GZULSV.js';import'../chunk-GGD2FGWK.js';import'../chunk-AI5FYYCO.js';import'../chunk-UCQKCAYY.js';import'../chunk-HL32HBMO.js';import'../chunk-K7EZKYBC.js';import'../chunk-FIXJ55FT.js';import'../chunk-GDU3OVET.js';import'../chunk-5I545S2U.js';import'../chunk-V6YCCR75.js';import'../chunk-NYSABCPP.js';import'../chunk-M5IVXDZ4.js';import'../chunk-2ZG2WNSI.js';import'../chunk-FBKS63GQ.js';import'../chunk-NUGYUIN6.js';import'../chunk-6KFTNJLJ.js';import'../chunk-JZJHLBOV.js';import'../chunk-L6ZGEGUV.js';import'../chunk-DQSDZXTX.js';import'../chunk-R33XCP5H.js';import'../chunk-SDKXW3R4.js';import'../chunk-EJ5XTT5H.js';import'../chunk-6FEBVO2P.js';import'../chunk-JCFEHT75.js';import'../chunk-X2VRJLPR.js';import'../chunk-KPA4J3CC.js';import'../chunk-4JEHGT2R.js';import'../chunk-QNEJRZ4U.js';import'../chunk-SCPA3CM2.js';import'../chunk-2PQUW476.js';import'../chunk-HEKI5WR2.js';import'../chunk-TTZ2UE5L.js';import'../chunk-4GMRFP6B.js';import'../chunk-F5FFAJ6B.js';import'../chunk-5FALHJEA.js';import'../chunk-ICHHISXQ.js';import'../chunk-EERDL5XC.js';import'../chunk-GE3TPDYX.js';import'../chunk-RMGJAA2L.js';import'../chunk-Z7IOYXOK.js';import'../chunk-FELUIC3Z.js';import'../chunk-BKBLZKQ7.js';import'../chunk-3Q72MLBZ.js';import'../chunk-ZWZZVZOP.js';import'../chunk-VLSPFIZU.js';import'../chunk-H56Z2DPY.js';import'../chunk-BGSHHAM2.js';import'../chunk-SR76VRAC.js';import'../chunk-KCSDB6W4.js';import'../chunk-3N22A4KQ.js';import'../chunk-F7KNYOYR.js';import'../chunk-IRRA2OTH.js';import'../chunk-QM2KF35E.js';import'../chunk-WI5V5Z76.js';import'../chunk-PCUUUW7T.js';import'../chunk-EYH5SNDK.js';import'../chunk-RUTYHOHT.js';import'../chunk-4FH2LYOC.js';import'../chunk-U27RVBYT.js';import'../chunk-SX54FORI.js';import'../chunk-XOIZGRZ6.js';import'../chunk-EY3W3WZX.js';import'../chunk-X2J6MJ6Y.js';import'../chunk-CP6DGMEP.js';import'../chunk-7TNSQNT7.js';import'../chunk-YTN4DVWB.js';import'../chunk-XNDNAHCC.js';import'../chunk-UESMX3LA.js';import'../chunk-33MUUBSB.js';import'../chunk-VK62KNI7.js';import'../chunk-OREIXD3L.js';import'../chunk-J64EBQ23.js';import'../chunk-PFSN7DQX.js';import'../chunk-Y2R7ZZYY.js';import'../chunk-LYV7R7DB.js';import'../chunk-EKS6U6XR.js';import'../chunk-5LAJMBKN.js';import'../chunk-ZEONZS5N.js';import'../chunk-75BEGXGF.js';import'../chunk-V4VKQ2QF.js';import'../chunk-NVVCGBML.js';import'../chunk-ZTCAXM77.js';import'../chunk-UVYYUEHO.js';import'../chunk-FFYGBVMN.js';import'../chunk-HJJ2VCYO.js';import'../chunk-KZMULPFK.js';import'../chunk-X5TJ3Z24.js';import'../chunk-ZY5FUK37.js';import'../chunk-DNIYW2WB.js';import'../chunk-DVXIIACM.js';import'../chunk-ZPPUEK2E.js';import'../chunk-GOXCPAUM.js';import'../chunk-6L6HTR6E.js';import'../chunk-4VQUQ3NT.js';import'../chunk-MHRHCLIU.js';import'../chunk-OE7VPOT4.js';import'../chunk-LHVBJHQZ.js';import'../chunk-2V46QEC7.js';import'../chunk-TJNOFRWB.js';import'../chunk-Y2TTBBRP.js';import'../chunk-NYQJHUKD.js';import'../chunk-6NPT5BJ7.js';import'../chunk-MYGQXM66.js';import'../chunk-KCCBSGT3.js';import'../chunk-QWFECUYL.js';import'../chunk-IPTGAZ37.js';import'../chunk-DEFVXH3J.js';import'../chunk-Y56EKYRN.js';import'../chunk-IW6VX3I7.js';import'../chunk-QWCYJC3T.js';import'../chunk-4S6MFDRP.js';import'../chunk-24ZESL25.js';import'../chunk-QH67MZKV.js';import'../chunk-O5CSN63E.js';import'../chunk-I2K2QQOA.js';import'../chunk-ZPKZLDR2.js';import'../chunk-EBXTHJF5.js';import'../chunk-ZXSIHT6V.js';import'../chunk-TJFA5O6Z.js';import'../chunk-WSMQZH5E.js';import'../chunk-CEY3P2QK.js';import'../chunk-E6ZLTD7K.js';import'../chunk-YWDIILO5.js';import'../chunk-WVOOXXON.js';import'../chunk-YRO736RI.js';import'../chunk-QBNIE5KZ.js';import'../chunk-4WDDWMBW.js';import'../chunk-3KSOBU4X.js';import'../chunk-ZMNFPSA3.js';import'../chunk-6C2TVGCV.js';import'../chunk-ZQWDYX2E.js';import'../chunk-JUM5W2FF.js';import'../chunk-MOH4SNJJ.js';import'../chunk-YFZPYFTS.js';import'../chunk-JSE2CMYN.js';import'../chunk-EYKDAQEG.js';import'../chunk-K3RU27VR.js';import'../chunk-CFKH5BM3.js';import'../chunk-OEEQX3JR.js';import'../chunk-ZT35KBQN.js';import'../chunk-T7HRX3EC.js';import'../chunk-C4ELFIL6.js';import'../chunk-UJRREWOA.js';import'../chunk-CJSVB5XT.js';import'../chunk-XFY6L3B6.js';import'../chunk-BNOMWF6G.js';import'../chunk-XQ5APSL5.js';import'../chunk-6UJXNDLR.js';import'../chunk-HG6NCRSN.js';import'../chunk-4TNLRALG.js';import'../chunk-WYRCNM2M.js';import'../chunk-3Q67KQWC.js';import'../chunk-A4G246BH.js';import'../chunk-WUGIELON.js';import'../chunk-GYYQR6WJ.js';import'../chunk-PEAZKA47.js';import'../chunk-XU65MB53.js';import'../chunk-JUY2JZGK.js';import'../chunk-CHPQMJNP.js';import'../chunk-NTXAFTKR.js';import'../chunk-MFV4KTCM.js';import'../chunk-I56A4HTS.js';import'../chunk-BM65PK4H.js';import'../chunk-BES6JPWQ.js';import'../chunk-HVR2PWQX.js';import'../chunk-JLZNZFOO.js';//# sourceMappingURL=combobox-chip.js.map
|
|
2
2
|
//# sourceMappingURL=combobox-chip.js.map
|