@gbmtech/aurora-ui 0.1.14 → 0.1.16
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogHeader:()=>DialogHeader,DialogClose:()=>DialogClose,Dialog:()=>Dialog,DialogFooter:()=>DialogFooter,DialogContent:()=>DialogContent,DialogDescription:()=>DialogDescription,DialogPortal:()=>DialogPortal,DialogTrigger:()=>DialogTrigger,DialogOverlay:()=>DialogOverlay,DialogTitle:()=>DialogTitle});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),react_dialog_namespaceObject=require("@radix-ui/react-dialog"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Dialog=react_dialog_namespaceObject.Root;Dialog.displayName="Dialog";let DialogTrigger=react_dialog_namespaceObject.Trigger;DialogTrigger.displayName="DialogTrigger";let DialogPortal=react_dialog_namespaceObject.Portal;DialogPortal.displayName="DialogPortal";let DialogClose=react_dialog_namespaceObject.Close;DialogClose.displayName="DialogClose";let DialogOverlay=(0,external_react_namespaceObject.forwardRef)(({className:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogHeader:()=>DialogHeader,DialogClose:()=>DialogClose,Dialog:()=>Dialog,DialogFooter:()=>DialogFooter,DialogContent:()=>DialogContent,DialogDescription:()=>DialogDescription,DialogPortal:()=>DialogPortal,DialogTrigger:()=>DialogTrigger,DialogOverlay:()=>DialogOverlay,DialogTitle:()=>DialogTitle});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),react_dialog_namespaceObject=require("@radix-ui/react-dialog"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Dialog=react_dialog_namespaceObject.Root;Dialog.displayName="Dialog";let DialogTrigger=react_dialog_namespaceObject.Trigger;DialogTrigger.displayName="DialogTrigger";let DialogPortal=react_dialog_namespaceObject.Portal;DialogPortal.displayName="DialogPortal";let DialogClose=react_dialog_namespaceObject.Close;DialogClose.displayName="DialogClose";let DialogOverlay=(0,external_react_namespaceObject.forwardRef)(({className:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in",e),...a}));DialogOverlay.displayName="DialogOverlay";let DialogContent=(0,external_react_namespaceObject.forwardRef)(({className:e,children:a,...t},o)=>(0,jsx_runtime_namespaceObject.jsxs)(DialogPortal,{children:[(0,jsx_runtime_namespaceObject.jsx)(DialogOverlay,{}),(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content,{ref:o,className:(0,utils_cjs_namespaceObject.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%]z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",e),...t,children:[a,(0,jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close,{className:"absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.X,{className:"h-4 w-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));DialogContent.displayName="DialogContent";let DialogHeader=({className:e,...a})=>(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex flex-col space-y-1.5 text-center sm:text-left",e),...a});DialogHeader.displayName="DialogHeader";let DialogFooter=({className:e,...a})=>(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...a});DialogFooter.displayName="DialogFooter";let DialogTitle=(0,external_react_namespaceObject.forwardRef)(({className:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("font-semibold text-lg leading-none tracking-tight",e),...a}));DialogTitle.displayName="DialogTitle";let DialogDescription=(0,external_react_namespaceObject.forwardRef)(({className:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-sm",e),...a}));for(var __webpack_i__ in DialogDescription.displayName="DialogDescription",exports.Dialog=__webpack_exports__.Dialog,exports.DialogClose=__webpack_exports__.DialogClose,exports.DialogContent=__webpack_exports__.DialogContent,exports.DialogDescription=__webpack_exports__.DialogDescription,exports.DialogFooter=__webpack_exports__.DialogFooter,exports.DialogHeader=__webpack_exports__.DialogHeader,exports.DialogOverlay=__webpack_exports__.DialogOverlay,exports.DialogPortal=__webpack_exports__.DialogPortal,exports.DialogTitle=__webpack_exports__.DialogTitle,exports.DialogTrigger=__webpack_exports__.DialogTrigger,__webpack_exports__)-1===["Dialog","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogOverlay","DialogPortal","DialogTitle","DialogTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=dialog.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\dialog.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dialog.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\nDialog.displayName = 'Dialog'\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\nDialogTrigger.displayName = 'DialogTrigger'\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\nDialogPortal.displayName = 'DialogPortal'\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\nDialogClose.displayName = 'DialogClose'\r\n\r\nconst DialogOverlay = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Overlay>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Overlay\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80
|
|
1
|
+
{"version":3,"file":"components\\dialog.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dialog.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\nDialog.displayName = 'Dialog'\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\nDialogTrigger.displayName = 'DialogTrigger'\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\nDialogPortal.displayName = 'DialogPortal'\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\nDialogClose.displayName = 'DialogClose'\r\n\r\nconst DialogOverlay = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Overlay>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Overlay\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDialogOverlay.displayName = 'DialogOverlay'\r\n\r\nconst DialogContent = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Content>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <DialogPortal>\r\n <DialogOverlay />\r\n <DialogPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%]z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <DialogPrimitive.Close className=\"absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\r\n <X className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">Close</span>\r\n </DialogPrimitive.Close>\r\n </DialogPrimitive.Content>\r\n </DialogPortal>\r\n))\r\nDialogContent.displayName = 'DialogContent'\r\n\r\nconst DialogHeader = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\r\n 'flex flex-col space-y-1.5 text-center sm:text-left',\r\n className\r\n )}\r\n {...props}\r\n />\r\n)\r\nDialogHeader.displayName = 'DialogHeader'\r\n\r\nconst DialogFooter = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\r\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n)\r\nDialogFooter.displayName = 'DialogFooter'\r\n\r\nconst DialogTitle = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Title>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Title\r\n ref={ref}\r\n className={cn(\r\n 'font-semibold text-lg leading-none tracking-tight',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDialogTitle.displayName = 'DialogTitle'\r\n\r\nconst DialogDescription = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Description>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Description\r\n ref={ref}\r\n className={cn('text-muted-foreground text-sm', className)}\r\n {...props}\r\n />\r\n))\r\nDialogDescription.displayName = 'DialogDescription'\r\n\r\nexport {\r\n Dialog,\r\n DialogPortal,\r\n DialogOverlay,\r\n DialogClose,\r\n DialogTrigger,\r\n DialogContent,\r\n DialogHeader,\r\n DialogFooter,\r\n DialogTitle,\r\n DialogDescription,\r\n}\r\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","props","ref","cn","DialogContent","children","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";01CAaMA,OAASC,6BAAAA,IAAoB,CACnCD,OAAO,WAAW,CAAG,SAErB,IAAME,cAAgBD,6BAAAA,OAAuB,CAC7CC,cAAc,WAAW,CAAG,gBAE5B,IAAMC,aAAeF,6BAAAA,MAAsB,CAC3CE,aAAa,WAAW,CAAG,eAE3B,IAAMC,YAAcH,6BAAAA,KAAqB,CACzCG,YAAY,WAAW,CAAG,cAE1B,IAAMC,cAAgBC,GAAAA,+BAAAA,UAAAA,EAGpB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,oCAACR,6BAAAA,OAAuB,EACtB,IAAKQ,EACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yJACAH,GAED,GAAGC,CAAK,GAGbH,CAAAA,cAAc,WAAW,CAAG,gBAE5B,IAAMM,cAAgBL,GAAAA,+BAAAA,UAAAA,EAGpB,CAAC,CAAEC,UAAAA,CAAS,CAAEK,SAAAA,CAAQ,CAAE,GAAGJ,EAAO,CAAEC,IACpC,qCAACN,aAAAA,C,UACC,oCAACE,cAAAA,CAAAA,GACD,qCAACJ,6BAAAA,OAAuB,EACtB,IAAKQ,EACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,4UACAH,GAED,GAAGC,CAAK,C,UAERI,EACD,qCAACX,6BAAAA,KAAqB,EAAC,UAAU,gR,UAC/B,oCAACY,oBAAAA,CAACA,CAAAA,CAAC,UAAU,S,GACb,oCAAC,QAAK,UAAU,U,SAAU,O,YAKlCF,CAAAA,cAAc,WAAW,CAAG,gBAE5B,IAAMG,aAAe,CAAC,CACpBP,UAAAA,CAAS,CACT,GAAGC,EAC4B,GAC/B,oCAAC,OACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,qDACAH,GAED,GAAGC,CAAK,EAGbM,CAAAA,aAAa,WAAW,CAAG,eAE3B,IAAMC,aAAe,CAAC,CACpBR,UAAAA,CAAS,CACT,GAAGC,EAC4B,GAC/B,oCAAC,OACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,gEACAH,GAED,GAAGC,CAAK,EAGbO,CAAAA,aAAa,WAAW,CAAG,eAE3B,IAAMC,YAAcV,GAAAA,+BAAAA,UAAAA,EAGlB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,oCAACR,6BAAAA,KAAqB,EACpB,IAAKQ,EACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,oDACAH,GAED,GAAGC,CAAK,GAGbQ,CAAAA,YAAY,WAAW,CAAG,cAE1B,IAAMC,kBAAoBX,GAAAA,+BAAAA,UAAAA,EAGxB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,oCAACR,6BAAAA,WAA2B,EAC1B,IAAKQ,EACL,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,gCAAiCH,GAC9C,GAAGC,CAAK,6BAGbS,kBAAkB,WAAW,CAAG,oB"}
|
package/dist/cjs/index.css
CHANGED
|
@@ -226,49 +226,6 @@
|
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
/**
|
|
230
|
-
* Animation Timing Functions
|
|
231
|
-
* -----------------------------------------------------------------------------
|
|
232
|
-
* Easing functions used to adjust the speed of animation transitions.
|
|
233
|
-
*/
|
|
234
|
-
@theme inline {
|
|
235
|
-
--animate-fade-in: fadeIn 250ms ease-out;
|
|
236
|
-
--animate-fade-out: fadeOut 250ms ease-in;
|
|
237
|
-
|
|
238
|
-
--animate-in: enter 300ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
239
|
-
--animate-out: exit 250ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
240
|
-
|
|
241
|
-
@keyframes fadeIn {
|
|
242
|
-
from {
|
|
243
|
-
opacity: var(--tw-enter-opacity, 0);
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
@keyframes fadeOut {
|
|
248
|
-
to {
|
|
249
|
-
opacity: var(--tw-exit-opacity, 0);
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
@keyframes enter {
|
|
254
|
-
from {
|
|
255
|
-
opacity: var(--tw-enter-opacity, 1);
|
|
256
|
-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
|
|
257
|
-
scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
|
|
258
|
-
rotate(var(--tw-enter-rotate, 0));
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
@keyframes exit {
|
|
263
|
-
to {
|
|
264
|
-
opacity: var(--tw-exit-opacity, 1);
|
|
265
|
-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
|
|
266
|
-
scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
|
|
267
|
-
rotate(var(--tw-exit-rotate, 0));
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
|
|
272
229
|
/**
|
|
273
230
|
* Animation Timing Functions
|
|
274
231
|
* -----------------------------------------------------------------------------
|
|
@@ -471,21 +428,6 @@
|
|
|
471
428
|
--tw-exit-rotate: calc(1deg * --value(integer));
|
|
472
429
|
}
|
|
473
430
|
|
|
474
|
-
/**
|
|
475
|
-
* Scale Animations
|
|
476
|
-
* -----------------------------------------------------------------------------
|
|
477
|
-
* Adjust the size of the element when it appears or disappears.
|
|
478
|
-
*/
|
|
479
|
-
@utility zoom-in-* {
|
|
480
|
-
--tw-enter-scale: --value([percentage]);
|
|
481
|
-
--tw-enter-scale: calc(--value(integer) * 1%);
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
@utility zoom-out-* {
|
|
485
|
-
--tw-exit-scale: --value([percentage]);
|
|
486
|
-
--tw-exit-scale: calc(--value(integer) * 1%);
|
|
487
|
-
}
|
|
488
|
-
|
|
489
431
|
/**
|
|
490
432
|
* Slide Animations - Enter
|
|
491
433
|
* -----------------------------------------------------------------------------
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react/dist/ssr";import*as t from"@radix-ui/react-dialog";import*as o from"react";import*as s from"../lib/utils.js";let l=t.Root;l.displayName="Dialog";let i=t.Trigger;i.displayName="DialogTrigger";let r=t.Portal;r.displayName="DialogPortal";let
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react/dist/ssr";import*as t from"@radix-ui/react-dialog";import*as o from"react";import*as s from"../lib/utils.js";let l=t.Root;l.displayName="Dialog";let i=t.Trigger;i.displayName="DialogTrigger";let r=t.Portal;r.displayName="DialogPortal";let n=t.Close;n.displayName="DialogClose";let d=(0,o.forwardRef)(({className:a,...o},l)=>(0,e.jsx)(t.Overlay,{ref:l,className:(0,s.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in",a),...o}));d.displayName="DialogOverlay";let c=(0,o.forwardRef)(({className:o,children:l,...i},n)=>(0,e.jsxs)(r,{children:[(0,e.jsx)(d,{}),(0,e.jsxs)(t.Content,{ref:n,className:(0,s.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%]z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",o),...i,children:[l,(0,e.jsxs)(t.Close,{className:"absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,e.jsx)(a.X,{className:"h-4 w-4"}),(0,e.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName="DialogContent";let g=({className:a,...t})=>(0,e.jsx)("div",{className:(0,s.cn)("flex flex-col space-y-1.5 text-center sm:text-left",a),...t});g.displayName="DialogHeader";let m=({className:a,...t})=>(0,e.jsx)("div",{className:(0,s.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",a),...t});m.displayName="DialogFooter";let f=(0,o.forwardRef)(({className:a,...o},l)=>(0,e.jsx)(t.Title,{ref:l,className:(0,s.cn)("font-semibold text-lg leading-none tracking-tight",a),...o}));f.displayName="DialogTitle";let p=(0,o.forwardRef)(({className:a,...o},l)=>(0,e.jsx)(t.Description,{ref:l,className:(0,s.cn)("text-muted-foreground text-sm",a),...o}));p.displayName="DialogDescription";export{l as Dialog,n as DialogClose,c as DialogContent,p as DialogDescription,m as DialogFooter,g as DialogHeader,d as DialogOverlay,r as DialogPortal,f as DialogTitle,i as DialogTrigger};
|
|
3
3
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\dialog.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dialog.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\nDialog.displayName = 'Dialog'\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\nDialogTrigger.displayName = 'DialogTrigger'\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\nDialogPortal.displayName = 'DialogPortal'\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\nDialogClose.displayName = 'DialogClose'\r\n\r\nconst DialogOverlay = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Overlay>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Overlay\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80
|
|
1
|
+
{"version":3,"file":"components\\dialog.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dialog.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\nDialog.displayName = 'Dialog'\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\nDialogTrigger.displayName = 'DialogTrigger'\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\nDialogPortal.displayName = 'DialogPortal'\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\nDialogClose.displayName = 'DialogClose'\r\n\r\nconst DialogOverlay = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Overlay>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Overlay\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDialogOverlay.displayName = 'DialogOverlay'\r\n\r\nconst DialogContent = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Content>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <DialogPortal>\r\n <DialogOverlay />\r\n <DialogPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%]z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <DialogPrimitive.Close className=\"absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\r\n <X className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">Close</span>\r\n </DialogPrimitive.Close>\r\n </DialogPrimitive.Content>\r\n </DialogPortal>\r\n))\r\nDialogContent.displayName = 'DialogContent'\r\n\r\nconst DialogHeader = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\r\n 'flex flex-col space-y-1.5 text-center sm:text-left',\r\n className\r\n )}\r\n {...props}\r\n />\r\n)\r\nDialogHeader.displayName = 'DialogHeader'\r\n\r\nconst DialogFooter = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\r\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n)\r\nDialogFooter.displayName = 'DialogFooter'\r\n\r\nconst DialogTitle = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Title>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Title\r\n ref={ref}\r\n className={cn(\r\n 'font-semibold text-lg leading-none tracking-tight',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDialogTitle.displayName = 'DialogTitle'\r\n\r\nconst DialogDescription = forwardRef<\r\n ElementRef<typeof DialogPrimitive.Description>,\r\n ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n <DialogPrimitive.Description\r\n ref={ref}\r\n className={cn('text-muted-foreground text-sm', className)}\r\n {...props}\r\n />\r\n))\r\nDialogDescription.displayName = 'DialogDescription'\r\n\r\nexport {\r\n Dialog,\r\n DialogPortal,\r\n DialogOverlay,\r\n DialogClose,\r\n DialogTrigger,\r\n DialogContent,\r\n DialogHeader,\r\n DialogFooter,\r\n DialogTitle,\r\n DialogDescription,\r\n}\r\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","forwardRef","className","props","ref","cn","DialogContent","children","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";wLAaA,IAAMA,EAASC,EAAAA,IAAoB,CACnCD,EAAO,WAAW,CAAG,SAErB,IAAME,EAAgBD,EAAAA,OAAuB,CAC7CC,EAAc,WAAW,CAAG,gBAE5B,IAAMC,EAAeF,EAAAA,MAAsB,CAC3CE,EAAa,WAAW,CAAG,eAE3B,IAAMC,EAAcH,EAAAA,KAAqB,CACzCG,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAgBC,GAAAA,EAAAA,UAAAA,EAGpB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACR,EAAAA,OAAuB,EACtB,IAAKQ,EACL,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAED,GAAGC,CAAK,GAGbH,CAAAA,EAAc,WAAW,CAAG,gBAE5B,IAAMM,EAAgBL,GAAAA,EAAAA,UAAAA,EAGpB,CAAC,CAAEC,UAAAA,CAAS,CAAEK,SAAAA,CAAQ,CAAE,GAAGJ,EAAO,CAAEC,IACpC,WAACN,EAAAA,C,UACC,UAACE,EAAAA,CAAAA,GACD,WAACJ,EAAAA,OAAuB,EACtB,IAAKQ,EACL,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4UACAH,GAED,GAAGC,CAAK,C,UAERI,EACD,WAACX,EAAAA,KAAqB,EAAC,UAAU,gR,UAC/B,UAACY,EAAAA,CAACA,CAAAA,CAAC,UAAU,S,GACb,UAAC,QAAK,UAAU,U,SAAU,O,YAKlCF,CAAAA,EAAc,WAAW,CAAG,gBAE5B,IAAMG,EAAe,CAAC,CACpBP,UAAAA,CAAS,CACT,GAAGC,EAC4B,GAC/B,UAAC,OACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,qDACAH,GAED,GAAGC,CAAK,EAGbM,CAAAA,EAAa,WAAW,CAAG,eAE3B,IAAMC,EAAe,CAAC,CACpBR,UAAAA,CAAS,CACT,GAAGC,EAC4B,GAC/B,UAAC,OACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,gEACAH,GAED,GAAGC,CAAK,EAGbO,CAAAA,EAAa,WAAW,CAAG,eAE3B,IAAMC,EAAcV,GAAAA,EAAAA,UAAAA,EAGlB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACR,EAAAA,KAAqB,EACpB,IAAKQ,EACL,UAAWC,GAAAA,EAAAA,EAAAA,EACT,oDACAH,GAED,GAAGC,CAAK,GAGbQ,CAAAA,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAoBX,GAAAA,EAAAA,UAAAA,EAGxB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACR,EAAAA,WAA2B,EAC1B,IAAKQ,EACL,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,gCAAiCH,GAC9C,GAAGC,CAAK,GAGbS,CAAAA,EAAkB,WAAW,CAAG,2B"}
|
package/dist/esm/index.css
CHANGED
|
@@ -226,49 +226,6 @@
|
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
/**
|
|
230
|
-
* Animation Timing Functions
|
|
231
|
-
* -----------------------------------------------------------------------------
|
|
232
|
-
* Easing functions used to adjust the speed of animation transitions.
|
|
233
|
-
*/
|
|
234
|
-
@theme inline {
|
|
235
|
-
--animate-fade-in: fadeIn 250ms ease-out;
|
|
236
|
-
--animate-fade-out: fadeOut 250ms ease-in;
|
|
237
|
-
|
|
238
|
-
--animate-in: enter 300ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
239
|
-
--animate-out: exit 250ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
240
|
-
|
|
241
|
-
@keyframes fadeIn {
|
|
242
|
-
from {
|
|
243
|
-
opacity: var(--tw-enter-opacity, 0);
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
@keyframes fadeOut {
|
|
248
|
-
to {
|
|
249
|
-
opacity: var(--tw-exit-opacity, 0);
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
@keyframes enter {
|
|
254
|
-
from {
|
|
255
|
-
opacity: var(--tw-enter-opacity, 1);
|
|
256
|
-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
|
|
257
|
-
scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
|
|
258
|
-
rotate(var(--tw-enter-rotate, 0));
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
@keyframes exit {
|
|
263
|
-
to {
|
|
264
|
-
opacity: var(--tw-exit-opacity, 1);
|
|
265
|
-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
|
|
266
|
-
scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
|
|
267
|
-
rotate(var(--tw-exit-rotate, 0));
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
|
|
272
229
|
/**
|
|
273
230
|
* Animation Timing Functions
|
|
274
231
|
* -----------------------------------------------------------------------------
|
|
@@ -471,21 +428,6 @@
|
|
|
471
428
|
--tw-exit-rotate: calc(1deg * --value(integer));
|
|
472
429
|
}
|
|
473
430
|
|
|
474
|
-
/**
|
|
475
|
-
* Scale Animations
|
|
476
|
-
* -----------------------------------------------------------------------------
|
|
477
|
-
* Adjust the size of the element when it appears or disappears.
|
|
478
|
-
*/
|
|
479
|
-
@utility zoom-in-* {
|
|
480
|
-
--tw-enter-scale: --value([percentage]);
|
|
481
|
-
--tw-enter-scale: calc(--value(integer) * 1%);
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
@utility zoom-out-* {
|
|
485
|
-
--tw-exit-scale: --value([percentage]);
|
|
486
|
-
--tw-exit-scale: calc(--value(integer) * 1%);
|
|
487
|
-
}
|
|
488
|
-
|
|
489
431
|
/**
|
|
490
432
|
* Slide Animations - Enter
|
|
491
433
|
* -----------------------------------------------------------------------------
|