@arolariu/components 0.0.39 → 0.1.0

package/dist/cjs/components/ui/dialog.cjs

@@ -1,156 +0,0 @@
-"use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    DialogHeader: ()=>DialogHeader,
-    DialogDescription: ()=>DialogDescription,
-    DialogOverlay: ()=>DialogOverlay,
-    DialogClose: ()=>DialogClose,
-    Dialog: ()=>Dialog,
-    DialogPortal: ()=>DialogPortal,
-    DialogTitle: ()=>DialogTitle,
-    DialogContent: ()=>DialogContent,
-    DialogTrigger: ()=>DialogTrigger,
-    DialogFooter: ()=>DialogFooter
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
-function Dialog({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
-        "data-slot": "dialog",
-        ...props
-    });
-}
-function DialogTrigger({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
-        "data-slot": "dialog-trigger",
-        ...props
-    });
-}
-function DialogPortal({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Portal, {
-        "data-slot": "dialog-portal",
-        ...props
-    });
-}
-function DialogClose({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
-        "data-slot": "dialog-close",
-        ...props
-    });
-}
-function DialogOverlay({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay, {
-        "data-slot": "dialog-overlay",
-        className: (0, utils_cjs_namespaceObject.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
-        ...props
-    });
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DialogPortal, {
-        "data-slot": "dialog-portal",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogOverlay, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
-                "data-slot": "dialog-content",
-                className: (0, utils_cjs_namespaceObject.cn)("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out 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 max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800", className),
-                ...props,
-                children: [
-                    children,
-                    showCloseButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
-                        "data-slot": "dialog-close",
-                        className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400",
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {}),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: "sr-only",
-                                children: "Close"
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}
-function DialogHeader({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-slot": "dialog-header",
-        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-2 text-center sm:text-left", className),
-        ...props
-    });
-}
-function DialogFooter({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-slot": "dialog-footer",
-        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-        ...props
-    });
-}
-function DialogTitle({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
-        "data-slot": "dialog-title",
-        className: (0, utils_cjs_namespaceObject.cn)("text-lg leading-none font-semibold", className),
-        ...props
-    });
-}
-function DialogDescription({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
-        "data-slot": "dialog-description",
-        className: (0, utils_cjs_namespaceObject.cn)("text-neutral-500 text-sm dark:text-neutral-400", className),
-        ...props
-    });
-}
-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;
-for(var __webpack_i__ in __webpack_exports__)if (-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: true
-});
-
-//# sourceMappingURL=dialog.cjs.map

package/dist/cjs/components/ui/dialog.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"components\\ui\\dialog.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/dialog.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-white data-[state=open]:animate-in data-[state=closed]:animate-out 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 max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-neutral-500 text-sm dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","cn","DialogContent","children","showCloseButton","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/dist/cjs/components/ui/dot-background.cjs

@@ -1,131 +0,0 @@
-"use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    DotBackground: ()=>DotBackground
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
-const react_namespaceObject = require("motion/react");
-const external_react_namespaceObject = require("react");
-function DotBackground({ width = 16, height = 16, x = 0, y = 0, cx = 1, cy = 1, cr = 1, className, glow = false, ...props }) {
-    const id = (0, external_react_namespaceObject.useId)();
-    const containerRef = (0, external_react_namespaceObject.useRef)(null);
-    const [dimensions, setDimensions] = (0, external_react_namespaceObject.useState)({
-        width: 0,
-        height: 0
-    });
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const updateDimensions = ()=>{
-            if (containerRef.current) {
-                const { width, height } = containerRef.current.getBoundingClientRect();
-                setDimensions({
-                    width,
-                    height
-                });
-            }
-        };
-        updateDimensions();
-        window.addEventListener("resize", updateDimensions);
-        return ()=>window.removeEventListener("resize", updateDimensions);
-    }, []);
-    const dots = Array.from({
-        length: Math.ceil(dimensions.width / width) * Math.ceil(dimensions.height / height)
-    }, (_, i)=>{
-        const col = i % Math.ceil(dimensions.width / width);
-        const row = Math.floor(i / Math.ceil(dimensions.width / width));
-        return {
-            x: col * width + cx,
-            y: row * height + cy,
-            delay: 5 * Math.random(),
-            duration: 3 * Math.random() + 2
-        };
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
-        ref: containerRef,
-        "aria-hidden": "true",
-        className: (0, utils_cjs_namespaceObject.cn)("pointer-events-none absolute inset-0 h-full w-full", className),
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("defs", {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("radialGradient", {
-                    id: `${id}-gradient`,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("stop", {
-                            offset: "0%",
-                            stopColor: "currentColor",
-                            stopOpacity: "1"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("stop", {
-                            offset: "100%",
-                            stopColor: "currentColor",
-                            stopOpacity: "0"
-                        })
-                    ]
-                })
-            }),
-            dots.map((dot, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.circle, {
-                    cx: dot.x,
-                    cy: dot.y,
-                    r: cr,
-                    fill: glow ? `url(#${id}-gradient)` : "currentColor",
-                    className: "text-neutral-400/80",
-                    initial: glow ? {
-                        opacity: 0.4,
-                        scale: 1
-                    } : {},
-                    animate: glow ? {
-                        opacity: [
-                            0.4,
-                            1,
-                            0.4
-                        ],
-                        scale: [
-                            1,
-                            1.5,
-                            1
-                        ]
-                    } : {},
-                    transition: glow ? {
-                        duration: dot.duration,
-                        repeat: 1 / 0,
-                        repeatType: "reverse",
-                        delay: dot.delay,
-                        ease: "easeInOut"
-                    } : {}
-                }, `${dot.x}-${dot.y}`))
-        ]
-    });
-}
-exports.DotBackground = __webpack_exports__.DotBackground;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "DotBackground"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
-
-//# sourceMappingURL=dot-background.cjs.map

package/dist/cjs/components/ui/dot-background.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"components\\ui\\dot-background.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/dot-background.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport { cn } from \"@/lib/utils\";\nimport { motion } from \"motion/react\";\nimport React, { useEffect, useId, useRef, useState } from \"react\";\n\n/**\n *  DotBackground Component Props\n *\n * @param {number} [width=16] - The horizontal spacing between dots\n * @param {number} [height=16] - The vertical spacing between dots\n * @param {number} [x=0] - The x-offset of the entire pattern\n * @param {number} [y=0] - The y-offset of the entire pattern\n * @param {number} [cx=1] - The x-offset of individual dots\n * @param {number} [cy=1] - The y-offset of individual dots\n * @param {number} [cr=1] - The radius of each dot\n * @param {string} [className] - Additional CSS classes to apply to the SVG container\n * @param {boolean} [glow=false] - Whether dots should have a glowing animation effect\n */\ninterface DotBackgroundProps extends React.SVGProps<SVGSVGElement> {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  cx?: number;\n  cy?: number;\n  cr?: number;\n  className?: string;\n  glow?: boolean;\n  [key: string]: unknown;\n}\n\n/**\n * DotBackground Component\n *\n * A React component that creates an animated or static dot pattern background using SVG.\n * The pattern automatically adjusts to fill its container and can optionally display glowing dots.\n *\n * @component\n *\n * @see DotBackgroundProps for the props interface.\n *\n * @example\n * // Basic usage\n * <DotBackground />\n *\n * // With glowing effect and custom spacing\n * <DotBackground\n *   width={20}\n *   height={20}\n *   glow={true}\n *   className=\"opacity-50\"\n * />\n *\n * @notes\n * - The component is client-side only (\"use client\")\n * - Automatically responds to container size changes\n * - When glow is enabled, dots will animate with random delays and durations\n * - Uses Motion for animations\n * - Dots color can be controlled via the text color utility classes\n */\n\nexport function DotBackground({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  glow = false,\n  ...props\n}: DotBackgroundProps) {\n  const id = useId();\n  const containerRef = useRef<SVGSVGElement>(null);\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect();\n        setDimensions({ width, height });\n      }\n    };\n\n    updateDimensions();\n    window.addEventListener(\"resize\", updateDimensions);\n    return () => window.removeEventListener(\"resize\", updateDimensions);\n  }, []);\n\n  const dots = Array.from(\n    {\n      length:\n        Math.ceil(dimensions.width / width) *\n        Math.ceil(dimensions.height / height),\n    },\n    (_, i) => {\n      const col = i % Math.ceil(dimensions.width / width);\n      const row = Math.floor(i / Math.ceil(dimensions.width / width));\n      return {\n        x: col * width + cx,\n        y: row * height + cy,\n        delay: Math.random() * 5,\n        duration: Math.random() * 3 + 2,\n      };\n    },\n  );\n\n  return (\n    <svg\n      ref={containerRef}\n      aria-hidden=\"true\"\n      className={cn(\n        \"pointer-events-none absolute inset-0 h-full w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <defs>\n        <radialGradient id={`${id}-gradient`}>\n          <stop offset=\"0%\" stopColor=\"currentColor\" stopOpacity=\"1\" />\n          <stop offset=\"100%\" stopColor=\"currentColor\" stopOpacity=\"0\" />\n        </radialGradient>\n      </defs>\n      {dots.map((dot, index) => (\n        <motion.circle\n          key={`${dot.x}-${dot.y}`}\n          cx={dot.x}\n          cy={dot.y}\n          r={cr}\n          fill={glow ? `url(#${id}-gradient)` : \"currentColor\"}\n          className=\"text-neutral-400/80\"\n          initial={glow ? { opacity: 0.4, scale: 1 } : {}}\n          animate={\n            glow\n              ? {\n                  opacity: [0.4, 1, 0.4],\n                  scale: [1, 1.5, 1],\n                }\n              : {}\n          }\n          transition={\n            glow\n              ? {\n                  duration: dot.duration,\n                  repeat: Infinity,\n                  repeatType: \"reverse\",\n                  delay: dot.delay,\n                  ease: \"easeInOut\",\n                }\n              : {}\n          }\n        />\n      ))}\n    </svg>\n  );\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","DotBackground","width","height","x","y","cx","cy","cr","className","glow","props","id","useId","containerRef","useRef","dimensions","setDimensions","useState","useEffect","updateDimensions","window","dots","Array","Math","_","i","col","row","cn","dot","index","motion","Infinity"],"mappings":"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"}

package/dist/cjs/components/ui/drawer.cjs

@@ -1,147 +0,0 @@
-"use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    DrawerDescription: ()=>DrawerDescription,
-    DrawerPortal: ()=>DrawerPortal,
-    Drawer: ()=>Drawer,
-    DrawerTrigger: ()=>DrawerTrigger,
-    DrawerClose: ()=>DrawerClose,
-    DrawerHeader: ()=>DrawerHeader,
-    DrawerContent: ()=>DrawerContent,
-    DrawerTitle: ()=>DrawerTitle,
-    DrawerFooter: ()=>DrawerFooter,
-    DrawerOverlay: ()=>DrawerOverlay
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const external_vaul_namespaceObject = require("vaul");
-const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
-function Drawer({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Root, {
-        "data-slot": "drawer",
-        ...props
-    });
-}
-function DrawerTrigger({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Trigger, {
-        "data-slot": "drawer-trigger",
-        ...props
-    });
-}
-function DrawerPortal({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Portal, {
-        "data-slot": "drawer-portal",
-        ...props
-    });
-}
-function DrawerClose({ ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Close, {
-        "data-slot": "drawer-close",
-        ...props
-    });
-}
-function DrawerOverlay({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Overlay, {
-        "data-slot": "drawer-overlay",
-        className: (0, utils_cjs_namespaceObject.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
-        ...props
-    });
-}
-function DrawerContent({ className, children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DrawerPortal, {
-        "data-slot": "drawer-portal",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DrawerOverlay, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content, {
-                "data-slot": "drawer-content",
-                className: (0, utils_cjs_namespaceObject.cn)("group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
-                ...props,
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800"
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
-}
-function DrawerHeader({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-slot": "drawer-header",
-        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
-        ...props
-    });
-}
-function DrawerFooter({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-slot": "drawer-footer",
-        className: (0, utils_cjs_namespaceObject.cn)("mt-auto flex flex-col gap-2 p-4", className),
-        ...props
-    });
-}
-function DrawerTitle({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Title, {
-        "data-slot": "drawer-title",
-        className: (0, utils_cjs_namespaceObject.cn)("text-neutral-950 font-semibold dark:text-neutral-50", className),
-        ...props
-    });
-}
-function DrawerDescription({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Description, {
-        "data-slot": "drawer-description",
-        className: (0, utils_cjs_namespaceObject.cn)("text-neutral-500 text-sm dark:text-neutral-400", className),
-        ...props
-    });
-}
-exports.Drawer = __webpack_exports__.Drawer;
-exports.DrawerClose = __webpack_exports__.DrawerClose;
-exports.DrawerContent = __webpack_exports__.DrawerContent;
-exports.DrawerDescription = __webpack_exports__.DrawerDescription;
-exports.DrawerFooter = __webpack_exports__.DrawerFooter;
-exports.DrawerHeader = __webpack_exports__.DrawerHeader;
-exports.DrawerOverlay = __webpack_exports__.DrawerOverlay;
-exports.DrawerPortal = __webpack_exports__.DrawerPortal;
-exports.DrawerTitle = __webpack_exports__.DrawerTitle;
-exports.DrawerTrigger = __webpack_exports__.DrawerTrigger;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Drawer",
-    "DrawerClose",
-    "DrawerContent",
-    "DrawerDescription",
-    "DrawerFooter",
-    "DrawerHeader",
-    "DrawerOverlay",
-    "DrawerPortal",
-    "DrawerTitle",
-    "DrawerTrigger"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
-
-//# sourceMappingURL=drawer.cjs.map

package/dist/cjs/components/ui/drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"components\\ui\\drawer.cjs","sources":["webpack://@arolariu/components/webpack/runtime/define_property_getters","webpack://@arolariu/components/webpack/runtime/has_own_property","webpack://@arolariu/components/webpack/runtime/make_namespace_object","webpack://@arolariu/components/./src/components/ui/drawer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\n        \"text-neutral-950 font-semibold dark:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\n        \"text-neutral-500 text-sm dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"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"}