@xploreu/components 0.4.0 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xploreu/components",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Shared UI components for XploreU apps",
   "license": "MIT",
   "author": {

package/dist/chunk-6VN6YGMG.js

@@ -1,2 +0,0 @@
-import {b as b$1,c,g,d,f,h as h$1,i,j,k as k$1,e}from'./chunk-5YDJTHDG.js';import'react';import {XIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';function h(o){return jsx(b$1,{...o})}function k(o){return jsx(c,{...o})}function H(o){return jsx(g,{...o})}function b({className:o,...i}){return jsx(e,{className:cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",o),...i})}function N({className:o,children:i,showCloseButton:d$1=true,closeClassName:y,...u}){return jsxs(d,{children:[jsx(b,{}),jsxs(f,{className:cn("fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border-primary bg-bg-primary shadow-xp-lg rounded-xp-card-base overflow-hidden",o),...u,children:[i,d$1&&jsxs(g,{className:cn("ring-offset-neutral-25 focus:ring-neutral-20 data-[state=open]:bg-bg-primary data-[state=open]:text-text-primary absolute top-4 right-5 rounded-xs transition-colors hover:text-text-error-primary-hover focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",y),children:[jsx(XIcon,{}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function w({className:o,...i}){return jsx(h$1,{className:cn("px-5 py-4 flex flex-col bg-bg-primary border-b border-border-primary bg-gradient-to-r from-utility-brand-50 to-bg-primary",o),...i})}function B({className:o,...i}){return jsx("div",{"data-slot":"dialog-content",className:cn("px-5 py-4 max-h-[60vh] overflow-y-auto",o),...i})}function F({className:o,...i$1}){return jsx(i,{className:cn("flex gap-2 items-center justify-end bg-bg-primary [&:is(:where([data-slot=dialog-content])~*)]:shadow-[0px_-13px_24px_-12px_var(--color-shadow-2xl-01)] border-t border-border-primary px-4 py-3",o),...i$1})}function _({className:o,...i}){return jsx(j,{className:cn("text-body-bold-1 text-text-primary",o),...i})}function z({className:o,...i}){return jsx(k$1,{className:cn("mt-0.5 text-label-regular-3 text-text-secondary",o),...i})}export{h as a,k as b,H as c,N as d,w as e,B as f,F as g,_ as h,z as i};//# sourceMappingURL=chunk-6VN6YGMG.js.map
-//# sourceMappingURL=chunk-6VN6YGMG.js.map

package/dist/chunk-6VN6YGMG.js.map

@@ -1 +0,0 @@
-{"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"],"mappings":"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","file":"chunk-6VN6YGMG.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 { 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          \"fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border-primary bg-bg-primary shadow-xp-lg rounded-xp-card-base 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              \"ring-offset-neutral-25 focus:ring-neutral-20 data-[state=open]:bg-bg-primary data-[state=open]:text-text-primary absolute top-4 right-5 rounded-xs transition-colors hover:text-text-error-primary-hover focus:ring-2 focus:ring-offset-2 focus:outline-hidden 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          </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(\"px-5 py-4 flex flex-col bg-bg-primary border-b border-border-primary bg-gradient-to-r from-utility-brand-50 to-bg-primary\", className)}\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-5 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 [&:is(:where([data-slot=dialog-content])~*)]:shadow-[0px_-13px_24px_-12px_var(--color-shadow-2xl-01)] border-t border-border-primary px-4 py-3\",\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(\"text-body-bold-1 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(\"mt-0.5 text-label-regular-3 text-text-secondary\", className)}\r\n      {...props}\r\n    />\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  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};"]}

package/dist/chunk-HQEFYA3Z.js

@@ -1,2 +0,0 @@
-//# sourceMappingURL=chunk-HQEFYA3Z.js.map
-//# sourceMappingURL=chunk-HQEFYA3Z.js.map