@codefast/ui 0.0.64 → 0.0.65

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.
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkNU6SK3FCcjs = require('./chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var f=e.Root,P= exports.b =e.Trigger,y= exports.c =e.Close,m= exports.d =r.forwardRef(({children:t,className:o,...l},n)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8",children:_jsxruntime.jsxs.call(void 0, e.Content,{ref:n,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg",o),...l,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})})}));m.displayName=e.Content.displayName;function u({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function v({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkNU6SK3FCcjs.a.call(void 0, "overflow-auto px-6 py-2",t),...o})}function R({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}var g=r.forwardRef(({className:t,...o},l)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:l,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",t),...o}));g.displayName=e.Title.displayName;var D=r.forwardRef(({className:t,...o},l)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:l,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));D.displayName=e.Description.displayName;exports.a = f; exports.b = P; exports.c = y; exports.d = m; exports.e = u; exports.f = v; exports.g = R; exports.h = g; exports.i = D;
2
+ //# sourceMappingURL=chunk-QEWITXOV.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/react/dialog.tsx"],"names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","children","className","props","ref","cn","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription"],"mappings":"oCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBA4CjB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCV,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCT,EAAiB,SAAhB,CACC,SAAAA,EAAiB,UAAhB,CAAwB,UAAU,mPACjC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yVACAH,CACF,EACC,GAAGC,EAEH,UAAAF,EACDL,EAAiB,QAAhB,CAAsB,UAAU,8PAC/B,UAAAD,EAACD,EAAA,CAAW,UAAU,SAAS,EAC/BC,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,EACF,EACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASM,EAAa,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,yEAA0EH,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASI,EAAW,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OAAOR,EAAC,QAAK,UAAWU,EAAG,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CAC/E,CAQA,SAASK,EAAa,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,iFAAkFH,CAAS,EACxG,GAAGC,EACN,CAEJ,CASA,IAAMM,EAAoB,aAAiD,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CACD,EAEDM,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EAEAO,EAAkB,YAA8B,cAAY","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n ({ children, className, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8\">\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg',\n className,\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Overlay>\n </DialogPrimitive.Portal>\n ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\ntype DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element {\n return <main className={cn('overflow-auto px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Dialog,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogBody,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n type DialogProps,\n type DialogTriggerProps,\n type DialogCloseProps,\n type DialogContentProps,\n type DialogHeaderProps,\n type DialogBodyProps,\n type DialogFooterProps,\n type DialogTitleProps,\n type DialogDescriptionProps,\n};\n"]}
@@ -0,0 +1,2 @@
1
+ import{a}from"./chunk-5UXVZTFG.js";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as p}from"@radix-ui/react-icons";import{jsx as i,jsxs as s}from"react/jsx-runtime";var f=e.Root,P=e.Trigger,y=e.Close,m=r.forwardRef(({children:t,className:o,...l},n)=>i(e.Portal,{children:i(e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8",children:s(e.Content,{ref:n,className:a("bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg",o),...l,children:[t,s(e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[i(p,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})})}));m.displayName=e.Content.displayName;function u({className:t,...o}){return i("header",{className:a("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function v({className:t,...o}){return i("main",{className:a("overflow-auto px-6 py-2",t),...o})}function R({className:t,...o}){return i("footer",{className:a("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}var g=r.forwardRef(({className:t,...o},l)=>i(e.Title,{ref:l,className:a("text-lg font-semibold leading-none tracking-tight",t),...o}));g.displayName=e.Title.displayName;var D=r.forwardRef(({className:t,...o},l)=>i(e.Description,{ref:l,className:a("text-muted-foreground text-sm",t),...o}));D.displayName=e.Description.displayName;export{f as a,P as b,y as c,m as d,u as e,v as f,R as g,g as h,D as i};
2
+ //# sourceMappingURL=chunk-RSNKUKY7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/react/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n ({ children, className, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8\">\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg',\n className,\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Overlay>\n </DialogPrimitive.Portal>\n ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\ntype DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element {\n return <main className={cn('overflow-auto px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Dialog,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogBody,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n type DialogProps,\n type DialogTriggerProps,\n type DialogCloseProps,\n type DialogContentProps,\n type DialogHeaderProps,\n type DialogBodyProps,\n type DialogFooterProps,\n type DialogTitleProps,\n type DialogDescriptionProps,\n};\n"],"mappings":"mCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBA4CjB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCV,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCT,EAAiB,SAAhB,CACC,SAAAA,EAAiB,UAAhB,CAAwB,UAAU,mPACjC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,yVACAH,CACF,EACC,GAAGC,EAEH,UAAAF,EACDL,EAAiB,QAAhB,CAAsB,UAAU,8PAC/B,UAAAD,EAACW,EAAA,CAAW,UAAU,SAAS,EAC/BX,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,EACF,EACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASO,EAAa,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,yEAA0EH,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASK,EAAW,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OAAOR,EAAC,QAAK,UAAWU,EAAG,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CAC/E,CAQA,SAASM,EAAa,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAyC,CACnF,OACER,EAAC,UACC,UAAWU,EAAG,iFAAkFH,CAAS,EACxG,GAAGC,EACN,CAEJ,CASA,IAAMO,EAAoB,aAAiD,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CACD,EAEDO,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EAEAQ,EAAkB,YAA8B,cAAY","names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","children","className","props","ref","cn","Cross2Icon","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk2OBTJ7SDcjs = require('../chunk-2OBTJ7SD.cjs');require('../chunk-F5TIIJJJ.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var e = _interopRequireWildcard(_reactalertdialog);var _jsxruntime = require('react/jsx-runtime');var d=e.Root,P= exports.AlertDialogTrigger =e.Trigger,s= exports.AlertDialogContent =r.forwardRef(({className:t,...i},o)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsx.call(void 0, e.Content,{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",t),...i})]}));s.displayName=e.Content.displayName;function y({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex flex-col space-y-2 text-center","sm:text-left",t),...i})}function R({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex flex-col-reverse gap-2","sm:flex-row sm:justify-end",t),...i})}var p=r.forwardRef(({className:t,...i},o)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-lg font-semibold",t),...i}));p.displayName=e.Title.displayName;var m=r.forwardRef(({className:t,...i},o)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",t),...i}));m.displayName=e.Description.displayName;var g=r.forwardRef(({className:t,...i},o)=>_jsxruntime.jsx.call(void 0, e.Action,{ref:o,className:_chunk2OBTJ7SDcjs.a.call(void 0, {className:t}),...i}));g.displayName=e.Action.displayName;var A=r.forwardRef(({className:t,...i},o)=>_jsxruntime.jsx.call(void 0, e.Cancel,{ref:o,className:_chunk2OBTJ7SDcjs.a.call(void 0, {variant:"outline",className:t}),...i}));A.displayName=e.Cancel.displayName;exports.AlertDialog = d; exports.AlertDialogAction = g; exports.AlertDialogCancel = A; exports.AlertDialogContent = s; exports.AlertDialogDescription = m; exports.AlertDialogFooter = R; exports.AlertDialogHeader = y; exports.AlertDialogTitle = p; exports.AlertDialogTrigger = P;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk2OBTJ7SDcjs = require('../chunk-2OBTJ7SD.cjs');require('../chunk-F5TIIJJJ.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var e = _interopRequireWildcard(_reactalertdialog);var _jsxruntime = require('react/jsx-runtime');var P=e.Root,f= exports.AlertDialogTrigger =e.Trigger,p= exports.AlertDialogContent =r.forwardRef(({className:t,...i},l)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8",children:_jsxruntime.jsx.call(void 0, e.Content,{ref:l,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg",t),...i})})}));p.displayName=e.Content.displayName;function d({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...i})}function y({className:t,...i}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkNU6SK3FCcjs.a.call(void 0, "overflow-auto px-6 py-2",t),...i})}function R({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...i})}var s=r.forwardRef(({className:t,...i},l)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:l,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",t),...i}));s.displayName=e.Title.displayName;var m=r.forwardRef(({className:t,...i},l)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:l,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",t),...i}));m.displayName=e.Description.displayName;var g=r.forwardRef(({className:t,...i},l)=>_jsxruntime.jsx.call(void 0, e.Action,{ref:l,className:_chunk2OBTJ7SDcjs.a.call(void 0, {className:t}),...i}));g.displayName=e.Action.displayName;var A=r.forwardRef(({className:t,...i},l)=>_jsxruntime.jsx.call(void 0, e.Cancel,{ref:l,className:_chunk2OBTJ7SDcjs.a.call(void 0, {variant:"outline",className:t}),...i}));A.displayName=e.Cancel.displayName;exports.AlertDialog = P; exports.AlertDialogAction = g; exports.AlertDialogBody = y; exports.AlertDialogCancel = A; exports.AlertDialogContent = p; exports.AlertDialogDescription = m; exports.AlertDialogFooter = R; exports.AlertDialogHeader = d; exports.AlertDialogTitle = s; exports.AlertDialogTrigger = f;
2
2
  //# sourceMappingURL=alert-dialog.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/alert-dialog.tsx"],"names":["React","AlertDialogPrimitive","jsx","jsxs","AlertDialog","AlertDialogTrigger","AlertDialogContent","className","props","ref","cn","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"0HAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,+BA2BlC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAlBJ,IAAMC,EAAmC,OAOnCC,EAA0C,UAS1CC,EAA2B,aAC/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CACC,UAAAD,EAAsB,UAArB,CAA6B,UAAU,+IAA+I,EACvLA,EAAsB,UAArB,CACC,IAAKO,EACL,UAAWC,EACT,yhBACAH,CACF,EACC,GAAGC,EACN,GACF,CAEJ,EAEAF,EAAmB,YAAmC,UAAQ,YAQ9D,SAASK,EAAkB,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OAAON,EAAC,OAAI,UAAWQ,EAAG,sCAAuC,eAAgBH,CAAS,EAAI,GAAGC,EAAO,CAC1G,CAQA,SAASI,EAAkB,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OAAON,EAAC,OAAI,UAAWQ,EAAG,8BAA+B,6BAA8BH,CAAS,EAAI,GAAGC,EAAO,CAChH,CASA,IAAMK,EAAyB,aAC7B,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,QAArB,CAA2B,IAAKO,EAAK,UAAWC,EAAG,wBAAyBH,CAAS,EAAI,GAAGC,EAAO,CAExG,EAEAK,EAAiB,YAAmC,QAAM,YAS1D,IAAMC,EAA+B,aACnC,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,cAArB,CAAiC,IAAKO,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEtH,EAEAM,EAAuB,YAAmC,cAAY,YAStE,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,SAArB,CAA4B,IAAKO,EAAK,UAAWO,EAAe,CAAE,UAAAT,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEhG,EAEAO,EAAkB,YAAmC,SAAO,YAS5D,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,SAArB,CAA4B,IAAKO,EAAK,UAAWO,EAAe,CAAE,QAAS,UAAW,UAAAT,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEpH,EAEAS,EAAkB,YAAmC,SAAO","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ntype AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;\n\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Portal>\n ),\n);\n\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n return <div className={cn('flex flex-col space-y-2 text-center', 'sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n return <div className={cn('flex flex-col-reverse gap-2', 'sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTitleElement = React.ElementRef<typeof AlertDialogPrimitive.Title>;\ntype AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;\n\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />\n ),\n);\n\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogDescriptionElement = React.ElementRef<typeof AlertDialogPrimitive.Description>;\ntype AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;\n\nconst AlertDialogDescription = React.forwardRef<AlertDialogDescriptionElement, AlertDialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ntype AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;\n\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action ref={ref} className={buttonVariants({ className })} {...props} />\n ),\n);\n\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ntype AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;\n\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel ref={ref} className={buttonVariants({ variant: 'outline', className })} {...props} />\n ),\n);\n\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n type AlertDialogProps,\n type AlertDialogTriggerProps,\n type AlertDialogContentProps,\n type AlertDialogHeaderProps,\n type AlertDialogFooterProps,\n type AlertDialogTitleProps,\n type AlertDialogDescriptionProps,\n type AlertDialogActionProps,\n type AlertDialogCancelProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/alert-dialog.tsx"],"names":["React","AlertDialogPrimitive","jsx","AlertDialog","AlertDialogTrigger","AlertDialogContent","className","props","ref","cn","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"0HAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,+BA6B9B,cAAAC,MAAA,oBApBR,IAAMC,EAAmC,OAOnCC,EAA0C,UAS1CC,EAA2B,aAC/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CACC,SAAAA,EAAsB,UAArB,CAA6B,UAAU,mPACtC,SAAAA,EAAsB,UAArB,CACC,IAAKM,EACL,UAAWC,EACT,yVACAH,CACF,EACC,GAAGC,EACN,EACF,EACF,CAEJ,EAEAF,EAAmB,YAAmC,UAAQ,YAQ9D,SAASK,EAAkB,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OACEL,EAAC,OACC,UAAWO,EAAG,yEAA0EH,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASI,EAAgB,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAA4C,CACzF,OAAOL,EAAC,QAAK,UAAWO,EAAG,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CAC/E,CAQA,SAASK,EAAkB,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OACEL,EAAC,OACC,UAAWO,EAAG,iFAAkFH,CAAS,EACxG,GAAGC,EACN,CAEJ,CASA,IAAMM,EAAyB,aAC7B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,QAArB,CACC,IAAKM,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CAEJ,EAEAM,EAAiB,YAAmC,QAAM,YAS1D,IAAMC,EAA+B,aACnC,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,cAArB,CAAiC,IAAKM,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEtH,EAEAO,EAAuB,YAAmC,cAAY,YAStE,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CAA4B,IAAKM,EAAK,UAAWQ,EAAe,CAAE,UAAAV,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEhG,EAEAQ,EAAkB,YAAmC,SAAO,YAS5D,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CAA4B,IAAKM,EAAK,UAAWQ,EAAe,CAAE,QAAS,UAAW,UAAAV,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEpH,EAEAU,EAAkB,YAAmC,SAAO","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ntype AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;\n\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8\">\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg',\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Overlay>\n </AlertDialogPrimitive.Portal>\n ),\n);\n\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n return (\n <div\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogBody({ className, ...props }: AlertDialogBodyProps): React.JSX.Element {\n return <main className={cn('overflow-auto px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n return (\n <div\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTitleElement = React.ElementRef<typeof AlertDialogPrimitive.Title>;\ntype AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;\n\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n ),\n);\n\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogDescriptionElement = React.ElementRef<typeof AlertDialogPrimitive.Description>;\ntype AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;\n\nconst AlertDialogDescription = React.forwardRef<AlertDialogDescriptionElement, AlertDialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ntype AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;\n\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action ref={ref} className={buttonVariants({ className })} {...props} />\n ),\n);\n\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ntype AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;\n\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel ref={ref} className={buttonVariants({ variant: 'outline', className })} {...props} />\n ),\n);\n\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogBody,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n type AlertDialogProps,\n type AlertDialogTriggerProps,\n type AlertDialogContentProps,\n type AlertDialogHeaderProps,\n type AlertDialogBodyProps,\n type AlertDialogFooterProps,\n type AlertDialogTitleProps,\n type AlertDialogDescriptionProps,\n type AlertDialogActionProps,\n type AlertDialogCancelProps,\n};\n"]}
@@ -9,6 +9,8 @@ type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialog
9
9
  declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
10
  type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
11
11
  declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element;
12
+ type AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
13
+ declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): React.JSX.Element;
12
14
  type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
13
15
  declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element;
14
16
  type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;
@@ -20,4 +22,4 @@ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialo
20
22
  type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
21
23
  declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
22
24
 
23
- export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
25
+ export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
@@ -9,6 +9,8 @@ type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialog
9
9
  declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
10
  type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
11
11
  declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element;
12
+ type AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
13
+ declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): React.JSX.Element;
12
14
  type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
13
15
  declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element;
14
16
  type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;
@@ -20,4 +22,4 @@ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialo
20
22
  type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
21
23
  declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
22
24
 
23
- export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
25
+ export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
@@ -1,2 +1,2 @@
1
- "use client";import{a as n}from"../chunk-6AFJCDFU.js";import"../chunk-A5ILA637.js";import{a}from"../chunk-5UXVZTFG.js";import*as r from"react";import*as e from"@radix-ui/react-alert-dialog";import{jsx as l,jsxs as D}from"react/jsx-runtime";var d=e.Root,P=e.Trigger,s=r.forwardRef(({className:t,...i},o)=>D(e.Portal,{children:[l(e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),l(e.Content,{ref:o,className:a("bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",t),...i})]}));s.displayName=e.Content.displayName;function y({className:t,...i}){return l("div",{className:a("flex flex-col space-y-2 text-center","sm:text-left",t),...i})}function R({className:t,...i}){return l("div",{className:a("flex flex-col-reverse gap-2","sm:flex-row sm:justify-end",t),...i})}var p=r.forwardRef(({className:t,...i},o)=>l(e.Title,{ref:o,className:a("text-lg font-semibold",t),...i}));p.displayName=e.Title.displayName;var m=r.forwardRef(({className:t,...i},o)=>l(e.Description,{ref:o,className:a("text-muted-foreground text-sm",t),...i}));m.displayName=e.Description.displayName;var g=r.forwardRef(({className:t,...i},o)=>l(e.Action,{ref:o,className:n({className:t}),...i}));g.displayName=e.Action.displayName;var A=r.forwardRef(({className:t,...i},o)=>l(e.Cancel,{ref:o,className:n({variant:"outline",className:t}),...i}));A.displayName=e.Cancel.displayName;export{d as AlertDialog,g as AlertDialogAction,A as AlertDialogCancel,s as AlertDialogContent,m as AlertDialogDescription,R as AlertDialogFooter,y as AlertDialogHeader,p as AlertDialogTitle,P as AlertDialogTrigger};
1
+ "use client";import{a as n}from"../chunk-6AFJCDFU.js";import"../chunk-A5ILA637.js";import{a}from"../chunk-5UXVZTFG.js";import*as r from"react";import*as e from"@radix-ui/react-alert-dialog";import{jsx as o}from"react/jsx-runtime";var P=e.Root,f=e.Trigger,p=r.forwardRef(({className:t,...i},l)=>o(e.Portal,{children:o(e.Overlay,{className:"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8",children:o(e.Content,{ref:l,className:a("bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg",t),...i})})}));p.displayName=e.Content.displayName;function d({className:t,...i}){return o("div",{className:a("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...i})}function y({className:t,...i}){return o("main",{className:a("overflow-auto px-6 py-2",t),...i})}function R({className:t,...i}){return o("div",{className:a("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...i})}var s=r.forwardRef(({className:t,...i},l)=>o(e.Title,{ref:l,className:a("text-lg font-semibold leading-none tracking-tight",t),...i}));s.displayName=e.Title.displayName;var m=r.forwardRef(({className:t,...i},l)=>o(e.Description,{ref:l,className:a("text-muted-foreground text-sm",t),...i}));m.displayName=e.Description.displayName;var g=r.forwardRef(({className:t,...i},l)=>o(e.Action,{ref:l,className:n({className:t}),...i}));g.displayName=e.Action.displayName;var A=r.forwardRef(({className:t,...i},l)=>o(e.Cancel,{ref:l,className:n({variant:"outline",className:t}),...i}));A.displayName=e.Cancel.displayName;export{P as AlertDialog,g as AlertDialogAction,y as AlertDialogBody,A as AlertDialogCancel,p as AlertDialogContent,m as AlertDialogDescription,R as AlertDialogFooter,d as AlertDialogHeader,s as AlertDialogTitle,f as AlertDialogTrigger};
2
2
  //# sourceMappingURL=alert-dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ntype AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;\n\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:animate-duration-200 data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Portal>\n ),\n);\n\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n return <div className={cn('flex flex-col space-y-2 text-center', 'sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n return <div className={cn('flex flex-col-reverse gap-2', 'sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTitleElement = React.ElementRef<typeof AlertDialogPrimitive.Title>;\ntype AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;\n\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />\n ),\n);\n\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogDescriptionElement = React.ElementRef<typeof AlertDialogPrimitive.Description>;\ntype AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;\n\nconst AlertDialogDescription = React.forwardRef<AlertDialogDescriptionElement, AlertDialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ntype AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;\n\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action ref={ref} className={buttonVariants({ className })} {...props} />\n ),\n);\n\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ntype AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;\n\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel ref={ref} className={buttonVariants({ variant: 'outline', className })} {...props} />\n ),\n);\n\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n type AlertDialogProps,\n type AlertDialogTriggerProps,\n type AlertDialogContentProps,\n type AlertDialogHeaderProps,\n type AlertDialogFooterProps,\n type AlertDialogTitleProps,\n type AlertDialogDescriptionProps,\n type AlertDialogActionProps,\n type AlertDialogCancelProps,\n};\n"],"mappings":"uHAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,+BA2BlC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAlBJ,IAAMC,EAAmC,OAOnCC,EAA0C,UAS1CC,EAA2B,aAC/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CACC,UAAAD,EAAsB,UAArB,CAA6B,UAAU,+IAA+I,EACvLA,EAAsB,UAArB,CACC,IAAKO,EACL,UAAWC,EACT,yhBACAH,CACF,EACC,GAAGC,EACN,GACF,CAEJ,EAEAF,EAAmB,YAAmC,UAAQ,YAQ9D,SAASK,EAAkB,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OAAON,EAAC,OAAI,UAAWQ,EAAG,sCAAuC,eAAgBH,CAAS,EAAI,GAAGC,EAAO,CAC1G,CAQA,SAASI,EAAkB,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OAAON,EAAC,OAAI,UAAWQ,EAAG,8BAA+B,6BAA8BH,CAAS,EAAI,GAAGC,EAAO,CAChH,CASA,IAAMK,EAAyB,aAC7B,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,QAArB,CAA2B,IAAKO,EAAK,UAAWC,EAAG,wBAAyBH,CAAS,EAAI,GAAGC,EAAO,CAExG,EAEAK,EAAiB,YAAmC,QAAM,YAS1D,IAAMC,EAA+B,aACnC,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,cAArB,CAAiC,IAAKO,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEtH,EAEAM,EAAuB,YAAmC,cAAY,YAStE,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,SAArB,CAA4B,IAAKO,EAAK,UAAWO,EAAe,CAAE,UAAAT,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEhG,EAEAO,EAAkB,YAAmC,SAAO,YAS5D,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IACxBP,EAAsB,SAArB,CAA4B,IAAKO,EAAK,UAAWO,EAAe,CAAE,QAAS,UAAW,UAAAT,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEpH,EAEAS,EAAkB,YAAmC,SAAO","names":["React","AlertDialogPrimitive","jsx","jsxs","AlertDialog","AlertDialogTrigger","AlertDialogContent","className","props","ref","cn","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"]}
1
+ {"version":3,"sources":["../../src/react/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ntype AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;\n\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8\">\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg',\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Overlay>\n </AlertDialogPrimitive.Portal>\n ),\n);\n\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {\n return (\n <div\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogBody({ className, ...props }: AlertDialogBodyProps): React.JSX.Element {\n return <main className={cn('overflow-auto px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {\n return (\n <div\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogTitleElement = React.ElementRef<typeof AlertDialogPrimitive.Title>;\ntype AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;\n\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n ),\n);\n\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogDescriptionElement = React.ElementRef<typeof AlertDialogPrimitive.Description>;\ntype AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;\n\nconst AlertDialogDescription = React.forwardRef<AlertDialogDescriptionElement, AlertDialogDescriptionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ntype AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;\n\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action ref={ref} className={buttonVariants({ className })} {...props} />\n ),\n);\n\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ntype AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;\n\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel ref={ref} className={buttonVariants({ variant: 'outline', className })} {...props} />\n ),\n);\n\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogBody,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n type AlertDialogProps,\n type AlertDialogTriggerProps,\n type AlertDialogContentProps,\n type AlertDialogHeaderProps,\n type AlertDialogBodyProps,\n type AlertDialogFooterProps,\n type AlertDialogTitleProps,\n type AlertDialogDescriptionProps,\n type AlertDialogActionProps,\n type AlertDialogCancelProps,\n};\n"],"mappings":"uHAEA,UAAYA,MAAW,QACvB,UAAYC,MAA0B,+BA6B9B,cAAAC,MAAA,oBApBR,IAAMC,EAAmC,OAOnCC,EAA0C,UAS1CC,EAA2B,aAC/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CACC,SAAAA,EAAsB,UAArB,CAA6B,UAAU,mPACtC,SAAAA,EAAsB,UAArB,CACC,IAAKM,EACL,UAAWC,EACT,yVACAH,CACF,EACC,GAAGC,EACN,EACF,EACF,CAEJ,EAEAF,EAAmB,YAAmC,UAAQ,YAQ9D,SAASK,EAAkB,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OACEL,EAAC,OACC,UAAWO,EAAG,yEAA0EH,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASI,EAAgB,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAA4C,CACzF,OAAOL,EAAC,QAAK,UAAWO,EAAG,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CAC/E,CAQA,SAASK,EAAkB,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAA8C,CAC7F,OACEL,EAAC,OACC,UAAWO,EAAG,iFAAkFH,CAAS,EACxG,GAAGC,EACN,CAEJ,CASA,IAAMM,EAAyB,aAC7B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,QAArB,CACC,IAAKM,EACL,UAAWC,EAAG,oDAAqDH,CAAS,EAC3E,GAAGC,EACN,CAEJ,EAEAM,EAAiB,YAAmC,QAAM,YAS1D,IAAMC,EAA+B,aACnC,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,cAArB,CAAiC,IAAKM,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEtH,EAEAO,EAAuB,YAAmC,cAAY,YAStE,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CAA4B,IAAKM,EAAK,UAAWQ,EAAe,CAAE,UAAAV,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEhG,EAEAQ,EAAkB,YAAmC,SAAO,YAS5D,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAsB,SAArB,CAA4B,IAAKM,EAAK,UAAWQ,EAAe,CAAE,QAAS,UAAW,UAAAV,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEpH,EAEAU,EAAkB,YAAmC,SAAO","names":["React","AlertDialogPrimitive","jsx","AlertDialog","AlertDialogTrigger","AlertDialogContent","className","props","ref","cn","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var i=s.forwardRef(({...e},r)=>_jsxruntime.jsx.call(void 0, "nav",{ref:r,"aria-label":"breadcrumb",...e}));i.displayName="Breadcrumb";var d=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "ol",{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",e),...r}));d.displayName="BreadcrumbList";var l=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";var u=s.forwardRef(({asChild:e,className:r,...t},n)=>_jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"a",{ref:n,className:_chunkNU6SK3FCcjs.a.call(void 0, "transition","hover:text-foreground",r),...t}));u.displayName="BreadcrumbLink";var b=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "span",{ref:t,"aria-current":"page","aria-disabled":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground font-normal",e),role:"link",...r}));b.displayName="BreadcrumbPage";function y({children:e,className:r,...t}){return _jsxruntime.jsx.call(void 0, "li",{"aria-hidden":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "[&>svg]:size-3.5",r),role:"presentation",...t,children:_nullishCoalesce(e, () => (_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{})))})}function R({className:e,...r}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "flex size-4 items-center justify-center",e),role:"presentation",...r,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb = i; exports.BreadcrumbEllipsis = R; exports.BreadcrumbItem = l; exports.BreadcrumbLink = u; exports.BreadcrumbList = d; exports.BreadcrumbPage = b; exports.BreadcrumbSeparator = y;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var i=s.forwardRef(({...e},r)=>_jsxruntime.jsx.call(void 0, "nav",{ref:r,"aria-label":"breadcrumb",...e}));i.displayName="Breadcrumb";var d=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "ol",{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",e),...r}));d.displayName="BreadcrumbList";var l=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";var u=s.forwardRef(({asChild:e,className:r,...t},n)=>_jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"a",{ref:n,className:_chunkNU6SK3FCcjs.a.call(void 0, "hover:text-foreground transition",r),...t}));u.displayName="BreadcrumbLink";var b=s.forwardRef(({className:e,...r},t)=>_jsxruntime.jsx.call(void 0, "span",{ref:t,"aria-current":"page","aria-disabled":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground font-normal",e),role:"link",...r}));b.displayName="BreadcrumbPage";function y({children:e,className:r,...t}){return _jsxruntime.jsx.call(void 0, "li",{"aria-hidden":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "[&>svg]:size-3.5",r),role:"presentation",...t,children:_nullishCoalesce(e, () => (_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{})))})}function R({className:e,...r}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":"true",className:_chunkNU6SK3FCcjs.a.call(void 0, "flex size-4 items-center justify-center",e),role:"presentation",...r,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb = i; exports.BreadcrumbEllipsis = R; exports.BreadcrumbItem = l; exports.BreadcrumbLink = u; exports.BreadcrumbList = d; exports.BreadcrumbPage = b; exports.BreadcrumbSeparator = y;
2
2
  //# sourceMappingURL=breadcrumb.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","BreadcrumbPage","BreadcrumbSeparator","children","BreadcrumbEllipsis"],"mappings":"0CAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAcnD,cAAAC,EAoGE,QAAAC,MApGF,oBADF,IAAMC,EAAmB,aAA+C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IACrFJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CACnD,EAEDD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MAAG,IAAKI,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CACxF,EAEDK,EAAe,YAAc,iBAY7B,IAAMC,EAAuB,aAC3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAG1BJ,EAFWU,EAAUb,EAAO,IAE3B,CAAU,IAAKO,EAAK,UAAWG,EAAG,aAAc,wBAAyBD,CAAS,EAAI,GAAGH,EAAO,CAE5G,EAEAM,EAAe,YAAc,iBAS7B,IAAME,EAAuB,aAAuD,CAAC,CAAE,UAAAL,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,QACC,IAAKI,EACL,eAAa,OACb,gBAAc,OACd,UAAWG,EAAG,8BAA+BD,CAAS,EACtD,KAAK,OACJ,GAAGH,EACN,CACD,EAEDQ,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAAE,SAAAC,EAAU,UAAAP,EAAW,GAAGH,CAAM,EAAgD,CAC3G,OACEH,EAAC,MAAG,cAAY,OAAO,UAAWO,EAAG,mBAAoBD,CAAS,EAAG,KAAK,eAAgB,GAAGH,EAC1F,SAAAU,GAAYb,EAACF,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASgB,EAAmB,CAAE,UAAAR,EAAW,GAAGH,CAAM,EAA+C,CAC/F,OACEF,EAAC,QACC,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EAClE,KAAK,eACJ,GAAGH,EAEJ,UAAAH,EAACD,EAAA,CAAmB,UAAU,SAAS,EACvCC,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return <Component ref={ref} className={cn('transition', 'hover:text-foreground', className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n aria-current=\"page\"\n aria-disabled=\"true\"\n className={cn('text-foreground font-normal', className)}\n role=\"link\"\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} role=\"presentation\" {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n role=\"presentation\"\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","BreadcrumbPage","BreadcrumbSeparator","children","BreadcrumbEllipsis"],"mappings":"0CAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAcnD,cAAAC,EAoGE,QAAAC,MApGF,oBADF,IAAMC,EAAmB,aAA+C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IACrFJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CACnD,EAEDD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MAAG,IAAKI,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CACxF,EAEDK,EAAe,YAAc,iBAY7B,IAAMC,EAAuB,aAC3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAG1BJ,EAFWU,EAAUb,EAAO,IAE3B,CAAU,IAAKO,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CAEzG,EAEAM,EAAe,YAAc,iBAS7B,IAAME,EAAuB,aAAuD,CAAC,CAAE,UAAAL,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,QACC,IAAKI,EACL,eAAa,OACb,gBAAc,OACd,UAAWG,EAAG,8BAA+BD,CAAS,EACtD,KAAK,OACJ,GAAGH,EACN,CACD,EAEDQ,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAAE,SAAAC,EAAU,UAAAP,EAAW,GAAGH,CAAM,EAAgD,CAC3G,OACEH,EAAC,MAAG,cAAY,OAAO,UAAWO,EAAG,mBAAoBD,CAAS,EAAG,KAAK,eAAgB,GAAGH,EAC1F,SAAAU,GAAYb,EAACF,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASgB,EAAmB,CAAE,UAAAR,EAAW,GAAGH,CAAM,EAA+C,CAC/F,OACEF,EAAC,QACC,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EAClE,KAAK,eACJ,GAAGH,EAEJ,UAAAH,EAACD,EAAA,CAAmB,UAAU,SAAS,EACvCC,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return <Component ref={ref} className={cn('hover:text-foreground transition', className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n aria-current=\"page\"\n aria-disabled=\"true\"\n className={cn('text-foreground font-normal', className)}\n role=\"link\"\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} role=\"presentation\" {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n role=\"presentation\"\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"]}
@@ -1,2 +1,2 @@
1
- import{a as m}from"../chunk-5UXVZTFG.js";import*as s from"react";import{Slot as c}from"@radix-ui/react-slot";import{ChevronRightIcon as o,DotsHorizontalIcon as p}from"@radix-ui/react-icons";import{jsx as a,jsxs as B}from"react/jsx-runtime";var i=s.forwardRef(({...e},r)=>a("nav",{ref:r,"aria-label":"breadcrumb",...e}));i.displayName="Breadcrumb";var d=s.forwardRef(({className:e,...r},t)=>a("ol",{ref:t,className:m("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",e),...r}));d.displayName="BreadcrumbList";var l=s.forwardRef(({className:e,...r},t)=>a("li",{ref:t,className:m("inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";var u=s.forwardRef(({asChild:e,className:r,...t},n)=>a(e?c:"a",{ref:n,className:m("transition","hover:text-foreground",r),...t}));u.displayName="BreadcrumbLink";var b=s.forwardRef(({className:e,...r},t)=>a("span",{ref:t,"aria-current":"page","aria-disabled":"true",className:m("text-foreground font-normal",e),role:"link",...r}));b.displayName="BreadcrumbPage";function y({children:e,className:r,...t}){return a("li",{"aria-hidden":"true",className:m("[&>svg]:size-3.5",r),role:"presentation",...t,children:e??a(o,{})})}function R({className:e,...r}){return B("span",{"aria-hidden":"true",className:m("flex size-4 items-center justify-center",e),role:"presentation",...r,children:[a(p,{className:"size-4"}),a("span",{className:"sr-only",children:"More"})]})}export{i as Breadcrumb,R as BreadcrumbEllipsis,l as BreadcrumbItem,u as BreadcrumbLink,d as BreadcrumbList,b as BreadcrumbPage,y as BreadcrumbSeparator};
1
+ import{a as m}from"../chunk-5UXVZTFG.js";import*as s from"react";import{Slot as c}from"@radix-ui/react-slot";import{ChevronRightIcon as o,DotsHorizontalIcon as p}from"@radix-ui/react-icons";import{jsx as a,jsxs as B}from"react/jsx-runtime";var i=s.forwardRef(({...e},r)=>a("nav",{ref:r,"aria-label":"breadcrumb",...e}));i.displayName="Breadcrumb";var d=s.forwardRef(({className:e,...r},t)=>a("ol",{ref:t,className:m("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",e),...r}));d.displayName="BreadcrumbList";var l=s.forwardRef(({className:e,...r},t)=>a("li",{ref:t,className:m("inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";var u=s.forwardRef(({asChild:e,className:r,...t},n)=>a(e?c:"a",{ref:n,className:m("hover:text-foreground transition",r),...t}));u.displayName="BreadcrumbLink";var b=s.forwardRef(({className:e,...r},t)=>a("span",{ref:t,"aria-current":"page","aria-disabled":"true",className:m("text-foreground font-normal",e),role:"link",...r}));b.displayName="BreadcrumbPage";function y({children:e,className:r,...t}){return a("li",{"aria-hidden":"true",className:m("[&>svg]:size-3.5",r),role:"presentation",...t,children:e??a(o,{})})}function R({className:e,...r}){return B("span",{"aria-hidden":"true",className:m("flex size-4 items-center justify-center",e),role:"presentation",...r,children:[a(p,{className:"size-4"}),a("span",{className:"sr-only",children:"More"})]})}export{i as Breadcrumb,R as BreadcrumbEllipsis,l as BreadcrumbItem,u as BreadcrumbLink,d as BreadcrumbList,b as BreadcrumbPage,y as BreadcrumbSeparator};
2
2
  //# sourceMappingURL=breadcrumb.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return <Component ref={ref} className={cn('transition', 'hover:text-foreground', className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n aria-current=\"page\"\n aria-disabled=\"true\"\n className={cn('text-foreground font-normal', className)}\n role=\"link\"\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} role=\"presentation\" {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n role=\"presentation\"\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"],"mappings":"yCAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAcnD,cAAAC,EAoGE,QAAAC,MApGF,oBADF,IAAMC,EAAmB,aAA+C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IACrFJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CACnD,EAEDD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MAAG,IAAKI,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CACxF,EAEDK,EAAe,YAAc,iBAY7B,IAAMC,EAAuB,aAC3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAG1BJ,EAFWU,EAAUC,EAAO,IAE3B,CAAU,IAAKP,EAAK,UAAWG,EAAG,aAAc,wBAAyBD,CAAS,EAAI,GAAGH,EAAO,CAE5G,EAEAM,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,QACC,IAAKI,EACL,eAAa,OACb,gBAAc,OACd,UAAWG,EAAG,8BAA+BD,CAAS,EACtD,KAAK,OACJ,GAAGH,EACN,CACD,EAEDS,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAAE,SAAAC,EAAU,UAAAR,EAAW,GAAGH,CAAM,EAAgD,CAC3G,OACEH,EAAC,MAAG,cAAY,OAAO,UAAWO,EAAG,mBAAoBD,CAAS,EAAG,KAAK,eAAgB,GAAGH,EAC1F,SAAAW,GAAYd,EAACe,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAV,EAAW,GAAGH,CAAM,EAA+C,CAC/F,OACEF,EAAC,QACC,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EAClE,KAAK,eACJ,GAAGH,EAEJ,UAAAH,EAACiB,EAAA,CAAmB,UAAU,SAAS,EACvCjB,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","DotsHorizontalIcon"]}
1
+ {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return <Component ref={ref} className={cn('hover:text-foreground transition', className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n aria-current=\"page\"\n aria-disabled=\"true\"\n className={cn('text-foreground font-normal', className)}\n role=\"link\"\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} role=\"presentation\" {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n role=\"presentation\"\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"],"mappings":"yCAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAcnD,cAAAC,EAoGE,QAAAC,MApGF,oBADF,IAAMC,EAAmB,aAA+C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IACrFJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CACnD,EAEDD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MAAG,IAAKI,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CACxF,EAEDK,EAAe,YAAc,iBAY7B,IAAMC,EAAuB,aAC3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAG1BJ,EAFWU,EAAUC,EAAO,IAE3B,CAAU,IAAKP,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CAEzG,EAEAM,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,QACC,IAAKI,EACL,eAAa,OACb,gBAAc,OACd,UAAWG,EAAG,8BAA+BD,CAAS,EACtD,KAAK,OACJ,GAAGH,EACN,CACD,EAEDS,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAAE,SAAAC,EAAU,UAAAR,EAAW,GAAGH,CAAM,EAAgD,CAC3G,OACEH,EAAC,MAAG,cAAY,OAAO,UAAWO,EAAG,mBAAoBD,CAAS,EAAG,KAAK,eAAgB,GAAGH,EAC1F,SAAAW,GAAYd,EAACe,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAV,EAAW,GAAGH,CAAM,EAA+C,CAC/F,OACEF,EAAC,QACC,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EAClE,KAAK,eACJ,GAAGH,EAEJ,UAAAH,EAACiB,EAAA,CAAmB,UAAU,SAAS,EACvCjB,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","DotsHorizontalIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk37XZ3LKYcjs = require('../chunk-37XZ3LKY.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _cmdk = require('cmdk');var _jsxruntime = require('react/jsx-runtime');var i=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...m}));i.displayName=_cmdk.Command.displayName;function v({children:e,...m}){return _jsxruntime.jsx.call(void 0, _chunk37XZ3LKYcjs.a,{...m,children:_jsxruntime.jsx.call(void 0, _chunk37XZ3LKYcjs.d,{className:"p-0",children:_jsxruntime.jsx.call(void 0, i,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5",children:e})})})}var l=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-2 border-b px-3","cmdk-input-wrapper":"",children:[_jsxruntime.jsx.call(void 0, _reacticons.MagnifyingGlassIcon,{className:"size-5 shrink-0 opacity-50"}),_jsxruntime.jsx.call(void 0, _cmdk.Command.Input,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...m})]}));l.displayName=_cmdk.Command.Input.displayName;var c=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.List,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "max-h-72 overflow-y-auto overflow-x-hidden",e),...m}));c.displayName=_cmdk.Command.List.displayName;var f=p.forwardRef((e,m)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Empty,{ref:m,className:"py-6 text-center text-sm",...e}));f.displayName=_cmdk.Command.Empty.displayName;var C=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Group,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...m}));C.displayName=_cmdk.Command.Group.displayName;var y=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Separator,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-border -mx-1 h-px",e),...m}));y.displayName=_cmdk.Command.Separator.displayName;var u=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Item,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:outline-none",e),...m}));u.displayName=_cmdk.Command.Item.displayName;var P=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Loading,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "flex justify-center p-2",e),...m}));P.displayName=_cmdk.Command.Loading.displayName;function N({className:e,...m}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest",e),...m})}exports.Command = i; exports.CommandDialog = v; exports.CommandEmpty = f; exports.CommandGroup = C; exports.CommandInput = l; exports.CommandItem = u; exports.CommandList = c; exports.CommandLoading = P; exports.CommandSeparator = y; exports.CommandShortcut = N;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQEWITXOVcjs = require('../chunk-QEWITXOV.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _cmdk = require('cmdk');var _jsxruntime = require('react/jsx-runtime');var i=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...m}));i.displayName=_cmdk.Command.displayName;function v({children:e,...m}){return _jsxruntime.jsx.call(void 0, _chunkQEWITXOVcjs.a,{...m,children:_jsxruntime.jsx.call(void 0, _chunkQEWITXOVcjs.d,{className:"p-0",children:_jsxruntime.jsx.call(void 0, i,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5",children:e})})})}var l=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-2 border-b px-3","cmdk-input-wrapper":"",children:[_jsxruntime.jsx.call(void 0, _reacticons.MagnifyingGlassIcon,{className:"size-5 shrink-0 opacity-50"}),_jsxruntime.jsx.call(void 0, _cmdk.Command.Input,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...m})]}));l.displayName=_cmdk.Command.Input.displayName;var c=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.List,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "max-h-72 overflow-y-auto overflow-x-hidden",e),...m}));c.displayName=_cmdk.Command.List.displayName;var f=p.forwardRef((e,m)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Empty,{ref:m,className:"py-6 text-center text-sm",...e}));f.displayName=_cmdk.Command.Empty.displayName;var C=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Group,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...m}));C.displayName=_cmdk.Command.Group.displayName;var y=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Separator,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-border -mx-1 h-px",e),...m}));y.displayName=_cmdk.Command.Separator.displayName;var u=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Item,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:outline-none",e),...m}));u.displayName=_cmdk.Command.Item.displayName;var P=p.forwardRef(({className:e,...m},t)=>_jsxruntime.jsx.call(void 0, _cmdk.Command.Loading,{ref:t,className:_chunkNU6SK3FCcjs.a.call(void 0, "flex justify-center p-2",e),...m}));P.displayName=_cmdk.Command.Loading.displayName;function N({className:e,...m}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest",e),...m})}exports.Command = i; exports.CommandDialog = v; exports.CommandEmpty = f; exports.CommandGroup = C; exports.CommandInput = l; exports.CommandItem = u; exports.CommandList = c; exports.CommandLoading = P; exports.CommandSeparator = y; exports.CommandShortcut = N;
2
2
  //# sourceMappingURL=command.cjs.map
@@ -1,2 +1,2 @@
1
- "use client";import{a as r,d}from"../chunk-SHMTOJHM.js";import{a as n}from"../chunk-5UXVZTFG.js";import*as p from"react";import{MagnifyingGlassIcon as s}from"@radix-ui/react-icons";import{Command as o}from"cmdk";import{jsx as a,jsxs as g}from"react/jsx-runtime";var i=p.forwardRef(({className:e,...m},t)=>a(o,{ref:t,className:n("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...m}));i.displayName=o.displayName;function v({children:e,...m}){return a(r,{...m,children:a(d,{className:"p-0",children:a(i,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5",children:e})})})}var l=p.forwardRef(({className:e,...m},t)=>g("div",{className:"flex items-center gap-2 border-b px-3","cmdk-input-wrapper":"",children:[a(s,{className:"size-5 shrink-0 opacity-50"}),a(o.Input,{ref:t,className:n("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...m})]}));l.displayName=o.Input.displayName;var c=p.forwardRef(({className:e,...m},t)=>a(o.List,{ref:t,className:n("max-h-72 overflow-y-auto overflow-x-hidden",e),...m}));c.displayName=o.List.displayName;var f=p.forwardRef((e,m)=>a(o.Empty,{ref:m,className:"py-6 text-center text-sm",...e}));f.displayName=o.Empty.displayName;var C=p.forwardRef(({className:e,...m},t)=>a(o.Group,{ref:t,className:n("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...m}));C.displayName=o.Group.displayName;var y=p.forwardRef(({className:e,...m},t)=>a(o.Separator,{ref:t,className:n("bg-border -mx-1 h-px",e),...m}));y.displayName=o.Separator.displayName;var u=p.forwardRef(({className:e,...m},t)=>a(o.Item,{ref:t,className:n("aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:outline-none",e),...m}));u.displayName=o.Item.displayName;var P=p.forwardRef(({className:e,...m},t)=>a(o.Loading,{ref:t,className:n("flex justify-center p-2",e),...m}));P.displayName=o.Loading.displayName;function N({className:e,...m}){return a("span",{className:n("text-muted-foreground ml-auto text-xs tracking-widest",e),...m})}export{i as Command,v as CommandDialog,f as CommandEmpty,C as CommandGroup,l as CommandInput,u as CommandItem,c as CommandList,P as CommandLoading,y as CommandSeparator,N as CommandShortcut};
1
+ "use client";import{a as r,d}from"../chunk-RSNKUKY7.js";import{a as n}from"../chunk-5UXVZTFG.js";import*as p from"react";import{MagnifyingGlassIcon as s}from"@radix-ui/react-icons";import{Command as o}from"cmdk";import{jsx as a,jsxs as g}from"react/jsx-runtime";var i=p.forwardRef(({className:e,...m},t)=>a(o,{ref:t,className:n("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...m}));i.displayName=o.displayName;function v({children:e,...m}){return a(r,{...m,children:a(d,{className:"p-0",children:a(i,{className:"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5",children:e})})})}var l=p.forwardRef(({className:e,...m},t)=>g("div",{className:"flex items-center gap-2 border-b px-3","cmdk-input-wrapper":"",children:[a(s,{className:"size-5 shrink-0 opacity-50"}),a(o.Input,{ref:t,className:n("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...m})]}));l.displayName=o.Input.displayName;var c=p.forwardRef(({className:e,...m},t)=>a(o.List,{ref:t,className:n("max-h-72 overflow-y-auto overflow-x-hidden",e),...m}));c.displayName=o.List.displayName;var f=p.forwardRef((e,m)=>a(o.Empty,{ref:m,className:"py-6 text-center text-sm",...e}));f.displayName=o.Empty.displayName;var C=p.forwardRef(({className:e,...m},t)=>a(o.Group,{ref:t,className:n("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...m}));C.displayName=o.Group.displayName;var y=p.forwardRef(({className:e,...m},t)=>a(o.Separator,{ref:t,className:n("bg-border -mx-1 h-px",e),...m}));y.displayName=o.Separator.displayName;var u=p.forwardRef(({className:e,...m},t)=>a(o.Item,{ref:t,className:n("aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:outline-none",e),...m}));u.displayName=o.Item.displayName;var P=p.forwardRef(({className:e,...m},t)=>a(o.Loading,{ref:t,className:n("flex justify-center p-2",e),...m}));P.displayName=o.Loading.displayName;function N({className:e,...m}){return a("span",{className:n("text-muted-foreground ml-auto text-xs tracking-widest",e),...m})}export{i as Command,v as CommandDialog,f as CommandEmpty,C as CommandGroup,l as CommandInput,u as CommandItem,c as CommandList,P as CommandLoading,y as CommandSeparator,N as CommandShortcut};
2
2
  //# sourceMappingURL=command.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk37XZ3LKYcjs = require('../chunk-37XZ3LKY.cjs');require('../chunk-NU6SK3FC.cjs');exports.Dialog = _chunk37XZ3LKYcjs.a; exports.DialogBody = _chunk37XZ3LKYcjs.f; exports.DialogClose = _chunk37XZ3LKYcjs.c; exports.DialogContent = _chunk37XZ3LKYcjs.d; exports.DialogDescription = _chunk37XZ3LKYcjs.i; exports.DialogFooter = _chunk37XZ3LKYcjs.g; exports.DialogHeader = _chunk37XZ3LKYcjs.e; exports.DialogTitle = _chunk37XZ3LKYcjs.h; exports.DialogTrigger = _chunk37XZ3LKYcjs.b;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkQEWITXOVcjs = require('../chunk-QEWITXOV.cjs');require('../chunk-NU6SK3FC.cjs');exports.Dialog = _chunkQEWITXOVcjs.a; exports.DialogBody = _chunkQEWITXOVcjs.f; exports.DialogClose = _chunkQEWITXOVcjs.c; exports.DialogContent = _chunkQEWITXOVcjs.d; exports.DialogDescription = _chunkQEWITXOVcjs.i; exports.DialogFooter = _chunkQEWITXOVcjs.g; exports.DialogHeader = _chunkQEWITXOVcjs.e; exports.DialogTitle = _chunkQEWITXOVcjs.h; exports.DialogTrigger = _chunkQEWITXOVcjs.b;
2
2
  //# sourceMappingURL=dialog.cjs.map
@@ -12,7 +12,7 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
12
12
  type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
13
13
  declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
14
14
  type DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
15
- declare function DialogBody({ className, ...props }: DialogFooterProps): React.JSX.Element;
15
+ declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element;
16
16
  type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
17
17
  declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
18
18
  type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
@@ -12,7 +12,7 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
12
12
  type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
13
13
  declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
14
14
  type DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
15
- declare function DialogBody({ className, ...props }: DialogFooterProps): React.JSX.Element;
15
+ declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element;
16
16
  type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
17
17
  declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
18
18
  type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
@@ -1,2 +1,2 @@
1
- "use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-SHMTOJHM.js";import"../chunk-5UXVZTFG.js";export{a as Dialog,f as DialogBody,c as DialogClose,d as DialogContent,i as DialogDescription,g as DialogFooter,e as DialogHeader,h as DialogTitle,b as DialogTrigger};
1
+ "use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-RSNKUKY7.js";import"../chunk-5UXVZTFG.js";export{a as Dialog,f as DialogBody,c as DialogClose,d as DialogContent,i as DialogDescription,g as DialogFooter,e as DialogHeader,h as DialogTitle,b as DialogTrigger};
2
2
  //# sourceMappingURL=dialog.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var R=e.Root,C= exports.SheetTrigger =e.Trigger,b= exports.SheetClose =e.Close,d=_tailwindvariants.tv.call(void 0, {base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c= exports.SheetContent =r.forwardRef(({children:t,side:o="right",className:s,...p},m)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:m,className:d({side:o,className:s}),...p,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function g({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function x({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkNU6SK3FCcjs.a.call(void 0, "px-6 py-2",t),...o})}function S({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col-reverse px-6 pb-6 pt-4 sm:flex-row sm:justify-end sm:space-x-2",t),...o})}S.displayName="SheetFooter";var f=r.forwardRef(({className:t,...o},s)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));f.displayName=e.Title.displayName;var P=r.forwardRef(({className:t,...o},s)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));P.displayName=e.Description.displayName;exports.Sheet = R; exports.SheetBody = x; exports.SheetClose = b; exports.SheetContent = c; exports.SheetDescription = P; exports.SheetFooter = S; exports.SheetHeader = g; exports.SheetTitle = f; exports.SheetTrigger = C;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var R=e.Root,C= exports.SheetTrigger =e.Trigger,g= exports.SheetClose =e.Close,d=_tailwindvariants.tv.call(void 0, {base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c= exports.SheetContent =r.forwardRef(({children:t,side:o="right",className:s,...p},l)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:l,className:d({side:o,className:s}),...p,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function b({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function x({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkNU6SK3FCcjs.a.call(void 0, "px-6 py-2",t),...o})}function S({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunkNU6SK3FCcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}S.displayName="SheetFooter";var f=r.forwardRef(({className:t,...o},s)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));f.displayName=e.Title.displayName;var P=r.forwardRef(({className:t,...o},s)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));P.displayName=e.Description.displayName;exports.Sheet = R; exports.SheetBody = x; exports.SheetClose = g; exports.SheetContent = c; exports.SheetDescription = P; exports.SheetFooter = S; exports.SheetHeader = b; exports.SheetTitle = f; exports.SheetTrigger = C;
2
2
  //# sourceMappingURL=sheet.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/sheet.tsx"],"names":["React","SheetPrimitive","Cross2Icon","tv","jsx","jsxs","Sheet","SheetTrigger","SheetClose","sheetContentVariants","SheetContent","children","side","className","props","ref","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription"],"mappings":"kDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,MAAAC,MAA6B,oBAyDhC,cAAAC,EAGE,QAAAC,MAHF,oBAjDN,IAAMC,EAAuB,OAOvBC,EAA8B,UAO9BC,EAA4B,QAM5BC,EAAuBN,EAAG,CAC9B,KAAM,kOACN,SAAU,CACR,KAAM,CACJ,IAAK,iHACL,OACE,0HACF,KAAM,gIACN,MACE,kIACJ,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAWKO,EAAqB,aACzB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,QAAS,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClDV,EAAgB,SAAf,CACC,UAAAD,EAAgB,UAAf,CAAuB,UAAU,wLAAwL,EAC1NC,EAAgB,UAAf,CAAuB,IAAKU,EAAK,UAAWN,EAAqB,CAAE,KAAAG,EAAM,UAAAC,CAAU,CAAC,EAAI,GAAGC,EACzF,UAAAH,EACDN,EAAgB,QAAf,CAAqB,UAAU,yNAC9B,UAAAD,EAACF,EAAA,CAAW,UAAU,SAAS,EAC/BE,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAM,EAAa,YAA6B,UAAQ,YAQlD,SAASM,EAAY,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWa,EAAG,yEAA0EJ,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAwC,CAC/E,OAAOV,EAAC,QAAK,UAAWa,EAAG,YAAaJ,CAAS,EAAI,GAAGC,EAAO,CACjE,CAQA,SAASK,EAAY,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWa,EAAG,wFAAyFJ,CAAS,EAC/G,GAAGC,EACN,CAEJ,CAEAK,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IAChGX,EAAgB,QAAf,CAAqB,IAAKW,EAAK,UAAWE,EAAG,wCAAyCJ,CAAS,EAAI,GAAGC,EAAO,CAC/G,EAEDM,EAAW,YAA6B,QAAM,YAS9C,IAAMC,EAAyB,aAC7B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBX,EAAgB,cAAf,CAA2B,IAAKW,EAAK,UAAWE,EAAG,gCAAiCJ,CAAS,EAAI,GAAGC,EAAO,CAEhH,EAEAO,EAAiB,YAA6B,cAAY","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={ref} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse px-6 pb-6 pt-4 sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn('text-foreground text-lg font-semibold', className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/sheet.tsx"],"names":["React","SheetPrimitive","Cross2Icon","tv","jsx","jsxs","Sheet","SheetTrigger","SheetClose","sheetContentVariants","SheetContent","children","side","className","props","ref","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription"],"mappings":"kDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,MAAAC,MAA6B,oBAyDhC,cAAAC,EAGE,QAAAC,MAHF,oBAjDN,IAAMC,EAAuB,OAOvBC,EAA8B,UAO9BC,EAA4B,QAM5BC,EAAuBN,EAAG,CAC9B,KAAM,kOACN,SAAU,CACR,KAAM,CACJ,IAAK,iHACL,OACE,0HACF,KAAM,gIACN,MACE,kIACJ,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAWKO,EAAqB,aACzB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,QAAS,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClDV,EAAgB,SAAf,CACC,UAAAD,EAAgB,UAAf,CAAuB,UAAU,wLAAwL,EAC1NC,EAAgB,UAAf,CAAuB,IAAKU,EAAK,UAAWN,EAAqB,CAAE,KAAAG,EAAM,UAAAC,CAAU,CAAC,EAAI,GAAGC,EACzF,UAAAH,EACDN,EAAgB,QAAf,CAAqB,UAAU,yNAC9B,UAAAD,EAACF,EAAA,CAAW,UAAU,SAAS,EAC/BE,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAM,EAAa,YAA6B,UAAQ,YAQlD,SAASM,EAAY,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWa,EAAG,yEAA0EJ,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAwC,CAC/E,OAAOV,EAAC,QAAK,UAAWa,EAAG,YAAaJ,CAAS,EAAI,GAAGC,EAAO,CACjE,CAQA,SAASK,EAAY,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWa,EAAG,iFAAkFJ,CAAS,EACxG,GAAGC,EACN,CAEJ,CAEAK,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IAChGX,EAAgB,QAAf,CAAqB,IAAKW,EAAK,UAAWE,EAAG,wCAAyCJ,CAAS,EAAI,GAAGC,EAAO,CAC/G,EAEDM,EAAW,YAA6B,QAAM,YAS9C,IAAMC,EAAyB,aAC7B,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBX,EAAgB,cAAf,CAA2B,IAAKW,EAAK,UAAWE,EAAG,gCAAiCJ,CAAS,EAAI,GAAGC,EAAO,CAEhH,EAEAO,EAAiB,YAA6B,cAAY","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={ref} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title ref={ref} className={cn('text-foreground text-lg font-semibold', className)} {...props} />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, ref) => (\n <SheetPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{a}from"../chunk-5UXVZTFG.js";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as l}from"@radix-ui/react-icons";import{tv as h}from"tailwind-variants";import{jsx as i,jsxs as n}from"react/jsx-runtime";var R=e.Root,C=e.Trigger,b=e.Close,d=h({base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c=r.forwardRef(({children:t,side:o="right",className:s,...p},m)=>n(e.Portal,{children:[i(e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),n(e.Content,{ref:m,className:d({side:o,className:s}),...p,children:[t,n(e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[i(l,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function g({className:t,...o}){return i("header",{className:a("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function x({className:t,...o}){return i("main",{className:a("px-6 py-2",t),...o})}function S({className:t,...o}){return i("footer",{className:a("flex shrink-0 flex-col-reverse px-6 pb-6 pt-4 sm:flex-row sm:justify-end sm:space-x-2",t),...o})}S.displayName="SheetFooter";var f=r.forwardRef(({className:t,...o},s)=>i(e.Title,{ref:s,className:a("text-foreground text-lg font-semibold",t),...o}));f.displayName=e.Title.displayName;var P=r.forwardRef(({className:t,...o},s)=>i(e.Description,{ref:s,className:a("text-muted-foreground text-sm",t),...o}));P.displayName=e.Description.displayName;export{R as Sheet,x as SheetBody,b as SheetClose,c as SheetContent,P as SheetDescription,S as SheetFooter,g as SheetHeader,f as SheetTitle,C as SheetTrigger};
1
+ "use client";import{a}from"../chunk-5UXVZTFG.js";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as m}from"@radix-ui/react-icons";import{tv as h}from"tailwind-variants";import{jsx as i,jsxs as n}from"react/jsx-runtime";var R=e.Root,C=e.Trigger,g=e.Close,d=h({base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c=r.forwardRef(({children:t,side:o="right",className:s,...p},l)=>n(e.Portal,{children:[i(e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),n(e.Content,{ref:l,className:d({side:o,className:s}),...p,children:[t,n(e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[i(m,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function b({className:t,...o}){return i("header",{className:a("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function x({className:t,...o}){return i("main",{className:a("px-6 py-2",t),...o})}function S({className:t,...o}){return i("footer",{className:a("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}S.displayName="SheetFooter";var f=r.forwardRef(({className:t,...o},s)=>i(e.Title,{ref:s,className:a("text-foreground text-lg font-semibold",t),...o}));f.displayName=e.Title.displayName;var P=r.forwardRef(({className:t,...o},s)=>i(e.Description,{ref:s,className:a("text-muted-foreground text-sm",t),...o}));P.displayName=e.Description.displayName;export{R as Sheet,x as SheetBody,g as SheetClose,c as SheetContent,P as SheetDescription,S as SheetFooter,b as SheetHeader,f as SheetTitle,C as SheetTrigger};
2
2
  //# sourceMappingURL=sheet.js.map