@arolariu/components 0.1.2 → 0.2.0

package/dist/components/ui/avatar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Fallback, Image, Root } from "@radix-ui/react-avatar";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function Avatar({ className, ...props }) {
     return /*#__PURE__*/ jsx(Root, {
         "data-slot": "avatar",
@@ -20,7 +20,7 @@ function AvatarImage({ className, ...props }) {
 function AvatarFallback({ className, ...props }) {
     return /*#__PURE__*/ jsx(Fallback, {
         "data-slot": "avatar-fallback",
-        className: cn("bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800", className),
+        className: cn("flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800", className),
         ...props
     });
 }

package/dist/components/ui/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\avatar.js","sources":["webpack://@arolariu/components/./src/components/ui/avatar.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["Avatar","className","props","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAOA,SAASA,OAAO,EACdC,SAAS,EACT,GAAGC,OAC+C;IAClD,OAAO,WAAP,GACE,IAACC,MAAoB;QACnB,aAAU;QACV,WAAWC,GACT,8DACAH;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASG,YAAY,EACnBJ,SAAS,EACT,GAAGC,OACgD;IACnD,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACV,WAAWC,GAAG,2BAA2BH;QACxC,GAAGC,KAAK;;AAGf;AAEA,SAASI,eAAe,EACtBL,SAAS,EACT,GAAGC,OACmD;IACtD,OAAO,WAAP,GACE,IAACC,UAAwB;QACvB,aAAU;QACV,WAAWC,GACT,8FACAH;QAED,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\avatar.js","sources":["webpack://@arolariu/components/./src/components/ui/avatar.tsx"],"sourcesContent":["\r\n\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Avatar({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\r\n  return (\r\n    <AvatarPrimitive.Root\r\n      data-slot='avatar'\r\n      className={cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AvatarImage({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\r\n  return (\r\n    <AvatarPrimitive.Image\r\n      data-slot='avatar-image'\r\n      className={cn(\"aspect-square size-full\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AvatarFallback({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\r\n  return (\r\n    <AvatarPrimitive.Fallback\r\n      data-slot='avatar-fallback'\r\n      className={cn(\"flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","className","props","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAOA,SAASA,OAAO,EAACC,SAAS,EAAE,GAAGC,OAAyD;IACtF,OAAO,WAAP,GACE,IAACC,MAAoB;QACnB,aAAU;QACV,WAAWC,GAAG,8DAA8DH;QAC3E,GAAGC,KAAK;;AAGf;AAEA,SAASG,YAAY,EAACJ,SAAS,EAAE,GAAGC,OAA0D;IAC5F,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACV,WAAWC,GAAG,2BAA2BH;QACxC,GAAGC,KAAK;;AAGf;AAEA,SAASI,eAAe,EAACL,SAAS,EAAE,GAAGC,OAA6D;IAClG,OAAO,WAAP,GACE,IAACC,UAAwB;QACvB,aAAU;QACV,WAAWC,GAAG,8FAA8FH;QAC3G,GAAGC,KAAK;;AAGf"}

package/dist/components/ui/background-beams.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background-beams.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-beams.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,4CACV;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,6CAoIvC,CAAC"}
+{"version":3,"file":"background-beams.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-beams.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,eAAe,4CAA4B;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,6CAwI1E,CAAC"}

package/dist/components/ui/background-beams.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo } from "react";
+import { cn } from "../../lib/utilities.js";
 import { motion } from "motion/react";
-import { cn } from "../../lib/utils.js";
+import { memo } from "react";
 const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
     const paths = [
         "M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875",
@@ -57,7 +57,7 @@ const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
         "M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483"
     ];
     return /*#__PURE__*/ jsx("div", {
-        className: cn("absolute inset-0 flex h-full w-full items-center justify-center [mask-repeat:no-repeat] [mask-size:40px]", className),
+        className: cn("absolute inset-0 flex h-full w-full items-center justify-center [mask-size:40px] [mask-repeat:no-repeat]", className),
         children: /*#__PURE__*/ jsxs("svg", {
             className: "pointer-events-none absolute z-0 h-full w-full",
             width: "100%",
@@ -77,11 +77,11 @@ const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
                         stroke: `url(#linearGradient-${index})`,
                         strokeOpacity: "0.4",
                         strokeWidth: "0.5"
-                    }, "path-" + index)),
+                    }, `path-${index}`)),
                 /*#__PURE__*/ jsxs("defs", {
                     children: [
                         paths.map((path, index)=>/*#__PURE__*/ jsxs(motion.linearGradient, {
-                                id: `linearGradient-${index}`,
+                                id: `linearGradient-${path}-${index}`,
                                 initial: {
                                     x1: "0%",
                                     x2: "0%",
@@ -130,7 +130,7 @@ const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
                                         stopOpacity: "0"
                                     })
                                 ]
-                            }, `gradient-${index}`)),
+                            }, `gradient-${path}-${index}`)),
                         /*#__PURE__*/ jsxs("radialGradient", {
                             id: "paint0_radial_242_278",
                             cx: "0",

package/dist/components/ui/background-beams.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\background-beams.js","sources":["webpack://@arolariu/components/./src/components/ui/background-beams.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const BackgroundBeams = React.memo(\n  ({ className }: { className?: string }) => {\n    const paths = [\n      \"M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875\",\n      \"M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867\",\n      \"M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859\",\n      \"M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851\",\n      \"M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843\",\n      \"M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835\",\n      \"M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827\",\n      \"M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819\",\n      \"M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811\",\n      \"M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803\",\n      \"M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795\",\n      \"M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787\",\n      \"M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779\",\n      \"M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771\",\n      \"M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763\",\n      \"M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755\",\n      \"M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747\",\n      \"M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739\",\n      \"M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731\",\n      \"M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723\",\n      \"M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715\",\n      \"M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707\",\n      \"M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699\",\n      \"M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691\",\n      \"M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683\",\n      \"M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675\",\n      \"M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667\",\n      \"M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659\",\n      \"M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651\",\n      \"M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643\",\n      \"M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635\",\n      \"M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627\",\n      \"M-156 -445C-156 -445 -88 -40 376 87C840 214 908 619 908 619\",\n      \"M-149 -453C-149 -453 -81 -48 383 79C847 206 915 611 915 611\",\n      \"M-142 -461C-142 -461 -74 -56 390 71C854 198 922 603 922 603\",\n      \"M-135 -469C-135 -469 -67 -64 397 63C861 190 929 595 929 595\",\n      \"M-128 -477C-128 -477 -60 -72 404 55C868 182 936 587 936 587\",\n      \"M-121 -485C-121 -485 -53 -80 411 47C875 174 943 579 943 579\",\n      \"M-114 -493C-114 -493 -46 -88 418 39C882 166 950 571 950 571\",\n      \"M-107 -501C-107 -501 -39 -96 425 31C889 158 957 563 957 563\",\n      \"M-100 -509C-100 -509 -32 -104 432 23C896 150 964 555 964 555\",\n      \"M-93 -517C-93 -517 -25 -112 439 15C903 142 971 547 971 547\",\n      \"M-86 -525C-86 -525 -18 -120 446 7C910 134 978 539 978 539\",\n      \"M-79 -533C-79 -533 -11 -128 453 -1C917 126 985 531 985 531\",\n      \"M-72 -541C-72 -541 -4 -136 460 -9C924 118 992 523 992 523\",\n      \"M-65 -549C-65 -549 3 -144 467 -17C931 110 999 515 999 515\",\n      \"M-58 -557C-58 -557 10 -152 474 -25C938 102 1006 507 1006 507\",\n      \"M-51 -565C-51 -565 17 -160 481 -33C945 94 1013 499 1013 499\",\n      \"M-44 -573C-44 -573 24 -168 488 -41C952 86 1020 491 1020 491\",\n      \"M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483\",\n    ];\n    return (\n      <div\n        className={cn(\n          \"absolute inset-0 flex h-full w-full items-center justify-center [mask-repeat:no-repeat] [mask-size:40px]\",\n          className,\n        )}\n      >\n        <svg\n          className=\"pointer-events-none absolute z-0 h-full w-full\"\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 696 316\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627M-156 -445C-156 -445 -88 -40 376 87C840 214 908 619 908 619M-149 -453C-149 -453 -81 -48 383 79C847 206 915 611 915 611M-142 -461C-142 -461 -74 -56 390 71C854 198 922 603 922 603M-135 -469C-135 -469 -67 -64 397 63C861 190 929 595 929 595M-128 -477C-128 -477 -60 -72 404 55C868 182 936 587 936 587M-121 -485C-121 -485 -53 -80 411 47C875 174 943 579 943 579M-114 -493C-114 -493 -46 -88 418 39C882 166 950 571 950 571M-107 -501C-107 -501 -39 -96 425 31C889 158 957 563 957 563M-100 -509C-100 -509 -32 -104 432 23C896 150 964 555 964 555M-93 -517C-93 -517 -25 -112 439 15C903 142 971 547 971 547M-86 -525C-86 -525 -18 -120 446 7C910 134 978 539 978 539M-79 -533C-79 -533 -11 -128 453 -1C917 126 985 531 985 531M-72 -541C-72 -541 -4 -136 460 -9C924 118 992 523 992 523M-65 -549C-65 -549 3 -144 467 -17C931 110 999 515 999 515M-58 -557C-58 -557 10 -152 474 -25C938 102 1006 507 1006 507M-51 -565C-51 -565 17 -160 481 -33C945 94 1013 499 1013 499M-44 -573C-44 -573 24 -168 488 -41C952 86 1020 491 1020 491M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483M-30 -589C-30 -589 38 -184 502 -57C966 70 1034 475 1034 475M-23 -597C-23 -597 45 -192 509 -65C973 62 1041 467 1041 467M-16 -605C-16 -605 52 -200 516 -73C980 54 1048 459 1048 459M-9 -613C-9 -613 59 -208 523 -81C987 46 1055 451 1055 451M-2 -621C-2 -621 66 -216 530 -89C994 38 1062 443 1062 443M5 -629C5 -629 73 -224 537 -97C1001 30 1069 435 1069 435M12 -637C12 -637 80 -232 544 -105C1008 22 1076 427 1076 427M19 -645C19 -645 87 -240 551 -113C1015 14 1083 419 1083 419\"\n            stroke=\"url(#paint0_radial_242_278)\"\n            strokeOpacity=\"0.05\"\n            strokeWidth=\"0.5\"\n          ></path>\n\n          {paths.map((path, index) => (\n            <motion.path\n              key={`path-` + index}\n              d={path}\n              stroke={`url(#linearGradient-${index})`}\n              strokeOpacity=\"0.4\"\n              strokeWidth=\"0.5\"\n            ></motion.path>\n          ))}\n          <defs>\n            {paths.map((path, index) => (\n              <motion.linearGradient\n                id={`linearGradient-${index}`}\n                key={`gradient-${index}`}\n                initial={{\n                  x1: \"0%\",\n                  x2: \"0%\",\n                  y1: \"0%\",\n                  y2: \"0%\",\n                }}\n                animate={{\n                  x1: [\"0%\", \"100%\"],\n                  x2: [\"0%\", \"95%\"],\n                  y1: [\"0%\", \"100%\"],\n                  y2: [\"0%\", `${93 + Math.random() * 8}%`],\n                }}\n                transition={{\n                  duration: Math.random() * 10 + 10,\n                  ease: \"easeInOut\",\n                  repeat: Infinity,\n                  delay: Math.random() * 10,\n                }}\n              >\n                <stop stopColor=\"#18CCFC\" stopOpacity=\"0\"></stop>\n                <stop stopColor=\"#18CCFC\"></stop>\n                <stop offset=\"32.5%\" stopColor=\"#6344F5\"></stop>\n                <stop offset=\"100%\" stopColor=\"#AE48FF\" stopOpacity=\"0\"></stop>\n              </motion.linearGradient>\n            ))}\n\n            <radialGradient\n              id=\"paint0_radial_242_278\"\n              cx=\"0\"\n              cy=\"0\"\n              r=\"1\"\n              gradientUnits=\"userSpaceOnUse\"\n              gradientTransform=\"translate(352 34) rotate(90) scale(555 1560.62)\"\n            >\n              <stop offset=\"0.0666667\" stopColor=\"#d4d4d4\"></stop>\n              <stop offset=\"0.243243\" stopColor=\"#d4d4d4\"></stop>\n              <stop offset=\"0.43594\" stopColor=\"white\" stopOpacity=\"0\"></stop>\n            </radialGradient>\n          </defs>\n        </svg>\n      </div>\n    );\n  },\n);\n\nBackgroundBeams.displayName = \"BackgroundBeams\";\n"],"names":["BackgroundBeams","React","className","paths","cn","path","index","motion","Math","Infinity"],"mappings":";;;;;AAMO,MAAMA,kBAAkB,WAAlBA,GAAkBC,KAC7B,CAAC,EAAEC,SAAS,EAA0B;IACpC,MAAMC,QAAQ;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;IACD,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GACT,4GACAF;kBAGF,mBAAC;YACC,WAAU;YACV,OAAM;YACN,QAAO;YACP,SAAQ;YACR,MAAK;YACL,OAAM;;8BAEN,IAAC;oBACC,GAAE;oBACF,QAAO;oBACP,eAAc;oBACd,aAAY;;gBAGbC,MAAM,GAAG,CAAC,CAACE,MAAMC,QAAAA,WAAAA,GAChB,IAACC,OAAO,IAAI;wBAEV,GAAGF;wBACH,QAAQ,CAAC,oBAAoB,EAAEC,MAAM,CAAC,CAAC;wBACvC,eAAc;wBACd,aAAY;uBAJP,UAAUA;8BAOnB,KAAC;;wBACEH,MAAM,GAAG,CAAC,CAACE,MAAMC,QAAAA,WAAAA,GAChB,KAACC,OAAO,cAAc;gCACpB,IAAI,CAAC,eAAe,EAAED,OAAO;gCAE7B,SAAS;oCACP,IAAI;oCACJ,IAAI;oCACJ,IAAI;oCACJ,IAAI;gCACN;gCACA,SAAS;oCACP,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM;qCAAM;oCACjB,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM,GAAG,KAAKE,IAAAA,KAAK,MAAM,GAAO,CAAC,CAAC;qCAAC;gCAC1C;gCACA,YAAY;oCACV,UAAUA,KAAAA,KAAK,MAAM,KAAU;oCAC/B,MAAM;oCACN,QAAQC;oCACR,OAAOD,KAAAA,KAAK,MAAM;gCACpB;;kDAEA,IAAC;wCAAK,WAAU;wCAAU,aAAY;;kDACtC,IAAC;wCAAK,WAAU;;kDAChB,IAAC;wCAAK,QAAO;wCAAQ,WAAU;;kDAC/B,IAAC;wCAAK,QAAO;wCAAO,WAAU;wCAAU,aAAY;;;+BAvB/C,CAAC,SAAS,EAAEF,OAAO;sCA2B5B,KAAC;4BACC,IAAG;4BACH,IAAG;4BACH,IAAG;4BACH,GAAE;4BACF,eAAc;4BACd,mBAAkB;;8CAElB,IAAC;oCAAK,QAAO;oCAAY,WAAU;;8CACnC,IAAC;oCAAK,QAAO;oCAAW,WAAU;;8CAClC,IAAC;oCAAK,QAAO;oCAAU,WAAU;oCAAQ,aAAY;;;;;;;;;AAMjE;AAGFN,gBAAgB,WAAW,GAAG"}
+{"version":3,"file":"components\\ui\\background-beams.js","sources":["webpack://@arolariu/components/./src/components/ui/background-beams.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {motion} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nexport const BackgroundBeams = React.memo(({className}: {className?: string}) => {\r\n  const paths = [\r\n    \"M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875\",\r\n    \"M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867\",\r\n    \"M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859\",\r\n    \"M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851\",\r\n    \"M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843\",\r\n    \"M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835\",\r\n    \"M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827\",\r\n    \"M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819\",\r\n    \"M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811\",\r\n    \"M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803\",\r\n    \"M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795\",\r\n    \"M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787\",\r\n    \"M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779\",\r\n    \"M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771\",\r\n    \"M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763\",\r\n    \"M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755\",\r\n    \"M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747\",\r\n    \"M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739\",\r\n    \"M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731\",\r\n    \"M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723\",\r\n    \"M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715\",\r\n    \"M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707\",\r\n    \"M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699\",\r\n    \"M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691\",\r\n    \"M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683\",\r\n    \"M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675\",\r\n    \"M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667\",\r\n    \"M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659\",\r\n    \"M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651\",\r\n    \"M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643\",\r\n    \"M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635\",\r\n    \"M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627\",\r\n    \"M-156 -445C-156 -445 -88 -40 376 87C840 214 908 619 908 619\",\r\n    \"M-149 -453C-149 -453 -81 -48 383 79C847 206 915 611 915 611\",\r\n    \"M-142 -461C-142 -461 -74 -56 390 71C854 198 922 603 922 603\",\r\n    \"M-135 -469C-135 -469 -67 -64 397 63C861 190 929 595 929 595\",\r\n    \"M-128 -477C-128 -477 -60 -72 404 55C868 182 936 587 936 587\",\r\n    \"M-121 -485C-121 -485 -53 -80 411 47C875 174 943 579 943 579\",\r\n    \"M-114 -493C-114 -493 -46 -88 418 39C882 166 950 571 950 571\",\r\n    \"M-107 -501C-107 -501 -39 -96 425 31C889 158 957 563 957 563\",\r\n    \"M-100 -509C-100 -509 -32 -104 432 23C896 150 964 555 964 555\",\r\n    \"M-93 -517C-93 -517 -25 -112 439 15C903 142 971 547 971 547\",\r\n    \"M-86 -525C-86 -525 -18 -120 446 7C910 134 978 539 978 539\",\r\n    \"M-79 -533C-79 -533 -11 -128 453 -1C917 126 985 531 985 531\",\r\n    \"M-72 -541C-72 -541 -4 -136 460 -9C924 118 992 523 992 523\",\r\n    \"M-65 -549C-65 -549 3 -144 467 -17C931 110 999 515 999 515\",\r\n    \"M-58 -557C-58 -557 10 -152 474 -25C938 102 1006 507 1006 507\",\r\n    \"M-51 -565C-51 -565 17 -160 481 -33C945 94 1013 499 1013 499\",\r\n    \"M-44 -573C-44 -573 24 -168 488 -41C952 86 1020 491 1020 491\",\r\n    \"M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483\",\r\n  ];\r\n  return (\r\n    <div\r\n      className={cn(\"absolute inset-0 flex h-full w-full items-center justify-center [mask-size:40px] [mask-repeat:no-repeat]\", className)}>\r\n      <svg\r\n        className='pointer-events-none absolute z-0 h-full w-full'\r\n        width='100%'\r\n        height='100%'\r\n        viewBox='0 0 696 316'\r\n        fill='none'\r\n        xmlns='http://www.w3.org/2000/svg'>\r\n        <path\r\n          d='M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627M-156 -445C-156 -445 -88 -40 376 87C840 214 908 619 908 619M-149 -453C-149 -453 -81 -48 383 79C847 206 915 611 915 611M-142 -461C-142 -461 -74 -56 390 71C854 198 922 603 922 603M-135 -469C-135 -469 -67 -64 397 63C861 190 929 595 929 595M-128 -477C-128 -477 -60 -72 404 55C868 182 936 587 936 587M-121 -485C-121 -485 -53 -80 411 47C875 174 943 579 943 579M-114 -493C-114 -493 -46 -88 418 39C882 166 950 571 950 571M-107 -501C-107 -501 -39 -96 425 31C889 158 957 563 957 563M-100 -509C-100 -509 -32 -104 432 23C896 150 964 555 964 555M-93 -517C-93 -517 -25 -112 439 15C903 142 971 547 971 547M-86 -525C-86 -525 -18 -120 446 7C910 134 978 539 978 539M-79 -533C-79 -533 -11 -128 453 -1C917 126 985 531 985 531M-72 -541C-72 -541 -4 -136 460 -9C924 118 992 523 992 523M-65 -549C-65 -549 3 -144 467 -17C931 110 999 515 999 515M-58 -557C-58 -557 10 -152 474 -25C938 102 1006 507 1006 507M-51 -565C-51 -565 17 -160 481 -33C945 94 1013 499 1013 499M-44 -573C-44 -573 24 -168 488 -41C952 86 1020 491 1020 491M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483M-30 -589C-30 -589 38 -184 502 -57C966 70 1034 475 1034 475M-23 -597C-23 -597 45 -192 509 -65C973 62 1041 467 1041 467M-16 -605C-16 -605 52 -200 516 -73C980 54 1048 459 1048 459M-9 -613C-9 -613 59 -208 523 -81C987 46 1055 451 1055 451M-2 -621C-2 -621 66 -216 530 -89C994 38 1062 443 1062 443M5 -629C5 -629 73 -224 537 -97C1001 30 1069 435 1069 435M12 -637C12 -637 80 -232 544 -105C1008 22 1076 427 1076 427M19 -645C19 -645 87 -240 551 -113C1015 14 1083 419 1083 419'\r\n          stroke='url(#paint0_radial_242_278)'\r\n          strokeOpacity='0.05'\r\n          strokeWidth='0.5'></path>\r\n\r\n        {paths.map((path, index) => (\r\n          <motion.path\r\n            key={`path-${index}`}\r\n            d={path}\r\n            stroke={`url(#linearGradient-${index})`}\r\n            strokeOpacity='0.4'\r\n            strokeWidth='0.5'></motion.path>\r\n        ))}\r\n        <defs>\r\n          {paths.map((path, index) => (\r\n            <motion.linearGradient\r\n              id={`linearGradient-${path}-${index}`}\r\n              key={`gradient-${path}-${index}`}\r\n              initial={{\r\n                x1: \"0%\",\r\n                x2: \"0%\",\r\n                y1: \"0%\",\r\n                y2: \"0%\",\r\n              }}\r\n              animate={{\r\n                x1: [\"0%\", \"100%\"],\r\n                x2: [\"0%\", \"95%\"],\r\n                y1: [\"0%\", \"100%\"],\r\n                y2: [\"0%\", `${93 + Math.random() * 8}%`],\r\n              }}\r\n              transition={{\r\n                duration: Math.random() * 10 + 10,\r\n                ease: \"easeInOut\",\r\n                repeat: Infinity,\r\n                delay: Math.random() * 10,\r\n              }}>\r\n              <stop\r\n                stopColor='#18CCFC'\r\n                stopOpacity='0'></stop>\r\n              <stop stopColor='#18CCFC'></stop>\r\n              <stop\r\n                offset='32.5%'\r\n                stopColor='#6344F5'></stop>\r\n              <stop\r\n                offset='100%'\r\n                stopColor='#AE48FF'\r\n                stopOpacity='0'></stop>\r\n            </motion.linearGradient>\r\n          ))}\r\n\r\n          <radialGradient\r\n            id='paint0_radial_242_278'\r\n            cx='0'\r\n            cy='0'\r\n            r='1'\r\n            gradientUnits='userSpaceOnUse'\r\n            gradientTransform='translate(352 34) rotate(90) scale(555 1560.62)'>\r\n            <stop\r\n              offset='0.0666667'\r\n              stopColor='#d4d4d4'></stop>\r\n            <stop\r\n              offset='0.243243'\r\n              stopColor='#d4d4d4'></stop>\r\n            <stop\r\n              offset='0.43594'\r\n              stopColor='white'\r\n              stopOpacity='0'></stop>\r\n          </radialGradient>\r\n        </defs>\r\n      </svg>\r\n    </div>\r\n  );\r\n});\r\n\r\nBackgroundBeams.displayName = \"BackgroundBeams\";\r\n"],"names":["BackgroundBeams","React","className","paths","cn","path","index","motion","Math","Infinity"],"mappings":";;;;;AAMO,MAAMA,kBAAkB,WAAlBA,GAAkBC,KAAW,CAAC,EAACC,SAAS,EAAuB;IAC1E,MAAMC,QAAQ;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;IACD,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,4GAA4GF;kBAC1H,mBAAC;YACC,WAAU;YACV,OAAM;YACN,QAAO;YACP,SAAQ;YACR,MAAK;YACL,OAAM;;8BACN,IAAC;oBACC,GAAE;oBACF,QAAO;oBACP,eAAc;oBACd,aAAY;;gBAEbC,MAAM,GAAG,CAAC,CAACE,MAAMC,QAAAA,WAAAA,GAChB,IAACC,OAAO,IAAI;wBAEV,GAAGF;wBACH,QAAQ,CAAC,oBAAoB,EAAEC,MAAM,CAAC,CAAC;wBACvC,eAAc;wBACd,aAAY;uBAJP,CAAC,KAAK,EAAEA,OAAO;8BAMxB,KAAC;;wBACEH,MAAM,GAAG,CAAC,CAACE,MAAMC,QAAAA,WAAAA,GAChB,KAACC,OAAO,cAAc;gCACpB,IAAI,CAAC,eAAe,EAAEF,KAAK,CAAC,EAAEC,OAAO;gCAErC,SAAS;oCACP,IAAI;oCACJ,IAAI;oCACJ,IAAI;oCACJ,IAAI;gCACN;gCACA,SAAS;oCACP,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM;qCAAM;oCACjB,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM,GAAG,KAAKE,IAAAA,KAAK,MAAM,GAAO,CAAC,CAAC;qCAAC;gCAC1C;gCACA,YAAY;oCACV,UAAUA,KAAAA,KAAK,MAAM,KAAU;oCAC/B,MAAM;oCACN,QAAQC;oCACR,OAAOD,KAAAA,KAAK,MAAM;gCACpB;;kDACA,IAAC;wCACC,WAAU;wCACV,aAAY;;kDACd,IAAC;wCAAK,WAAU;;kDAChB,IAAC;wCACC,QAAO;wCACP,WAAU;;kDACZ,IAAC;wCACC,QAAO;wCACP,WAAU;wCACV,aAAY;;;+BA7BT,CAAC,SAAS,EAAEH,KAAK,CAAC,EAAEC,OAAO;sCAiCpC,KAAC;4BACC,IAAG;4BACH,IAAG;4BACH,IAAG;4BACH,GAAE;4BACF,eAAc;4BACd,mBAAkB;;8CAClB,IAAC;oCACC,QAAO;oCACP,WAAU;;8CACZ,IAAC;oCACC,QAAO;oCACP,WAAU;;8CACZ,IAAC;oCACC,QAAO;oCACP,WAAU;oCACV,aAAY;;;;;;;;;AAM1B;AAEAN,gBAAgB,WAAW,GAAG"}

package/dist/components/ui/badge.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+import * as React from "react";
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/types").ClassProp) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;iEAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAC,2CAUzF;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/ui/badge.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 const badgeVariants = cva("inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
     variants: {
         variant: {

package/dist/components/ui/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\badge.js","sources":["webpack://@arolariu/components/./src/components/ui/badge.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90\",\n        secondary:\n          \"border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90\",\n        destructive:\n          \"border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60\",\n        outline:\n          \"text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,gBAAgBC,IACpB,snBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,WACE;YACF,aACE;YACF,SACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASC,MAAM,EACbC,SAAS,EACTC,OAAO,EACPC,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGT,cAAc;YAAEI;QAAQ,IAAID;QACzC,GAAGG,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\badge.js","sources":["webpack://@arolariu/components/./src/components/ui/badge.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst badgeVariants = cva(\r\n  \"inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90\",\r\n        secondary:\r\n          \"border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90\",\r\n        destructive:\r\n          \"border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60\",\r\n        outline:\r\n          \"text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Badge({\r\n  className,\r\n  variant,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & {asChild?: boolean}) {\r\n  const Comp = asChild ? Slot : \"span\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='badge'\r\n      className={cn(badgeVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Badge, badgeVariants};\r\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,gBAAgBC,IACpB,snBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,WACE;YACF,aACE;YACF,SACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASC,MAAM,EACbC,SAAS,EACTC,OAAO,EACPC,UAAU,KAAK,EACf,GAAGC,OACqF;IACxF,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGT,cAAc;YAACI;QAAO,IAAID;QACvC,GAAGG,KAAK;;AAGf"}

package/dist/components/ui/breadcrumb.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function Breadcrumb({ ...props }: Readonly<React.ComponentProps<"nav">>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: Readonly<React.ComponentProps<"ol">>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: Readonly<React.ComponentProps<"li">>): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+declare function BreadcrumbSeparator({ children, className, ...props }: Readonly<React.ComponentProps<"li">>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: Readonly<React.ComponentProps<"span">>): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/ui/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAaA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAc5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,2CAQpE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAQlF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAQlF;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW1E;AAED,iBAAS,mBAAmB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAWjG;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,2CAYxF;AAED,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/ui/breadcrumb.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 function Breadcrumb({ ...props }) {
     return /*#__PURE__*/ jsx("nav", {
         "aria-label": "breadcrumb",
@@ -14,7 +14,7 @@ function Breadcrumb({ ...props }) {
 function BreadcrumbList({ className, ...props }) {
     return /*#__PURE__*/ jsx("ol", {
         "data-slot": "breadcrumb-list",
-        className: cn("text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400", className),
+        className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-neutral-500 sm:gap-2.5 dark:text-neutral-400", className),
         ...props
     });
 }
@@ -29,7 +29,7 @@ function BreadcrumbLink({ asChild, className, ...props }) {
     const Comp = asChild ? Slot : "a";
     return /*#__PURE__*/ jsx(Comp, {
         "data-slot": "breadcrumb-link",
-        className: cn("hover:text-neutral-950 transition-colors dark:hover:text-neutral-50", className),
+        className: cn("transition-colors hover:text-neutral-950 dark:hover:text-neutral-50", className),
         ...props
     });
 }
@@ -39,7 +39,7 @@ function BreadcrumbPage({ className, ...props }) {
         role: "link",
         "aria-disabled": "true",
         "aria-current": "page",
-        className: cn("text-neutral-950 font-normal dark:text-neutral-50", className),
+        className: cn("font-normal text-neutral-950 dark:text-neutral-50", className),
         ...props
     });
 }

package/dist/components/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\breadcrumb.js","sources":["webpack://@arolariu/components/./src/components/ui/breadcrumb.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        \"hover:text-neutral-950 transition-colors dark:hover:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\n        \"text-neutral-950 font-normal dark:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","props","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAAE,GAAGC,OAAoC;IAC3D,OAAO,WAAP,GAAO,IAAC;QAAI,cAAW;QAAa,aAAU;QAAc,GAAGA,KAAK;;AACtE;AAEA,SAASC,eAAe,EAAEC,SAAS,EAAE,GAAGF,OAAmC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GACT,6GACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASI,eAAe,EAAEF,SAAS,EAAE,GAAGF,OAAmC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GAAG,oCAAoCD;QACjD,GAAGF,KAAK;;AAGf;AAEA,SAASK,eAAe,EACtBC,OAAO,EACPJ,SAAS,EACT,GAAGF,OAGJ;IACC,MAAMO,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWJ,GACT,uEACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASS,eAAe,EAAEP,SAAS,EAAE,GAAGF,OAAqC;IAC3E,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GACT,qDACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASU,oBAAoB,EAC3BC,QAAQ,EACRT,SAAS,EACT,GAAGF,OACwB;IAC3B,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,oBAAoBD;QACjC,GAAGF,KAAK;kBAERW,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAGhC;AAEA,SAASC,mBAAmB,EAC1BX,SAAS,EACT,GAAGF,OAC0B;IAC7B,OAAO,WAAP,GACE,KAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,2CAA2CD;QACxD,GAAGF,KAAK;;0BAET,IAACc,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}
+{"version":3,"file":"components\\ui\\breadcrumb.js","sources":["webpack://@arolariu/components/./src/components/ui/breadcrumb.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Breadcrumb({...props}: Readonly<React.ComponentProps<\"nav\">>) {\r\n  return (\r\n    <nav\r\n      aria-label='breadcrumb'\r\n      data-slot='breadcrumb'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbList({className, ...props}: Readonly<React.ComponentProps<\"ol\">>) {\r\n  return (\r\n    <ol\r\n      data-slot='breadcrumb-list'\r\n      className={cn(\"flex flex-wrap items-center gap-1.5 text-sm break-words text-neutral-500 sm:gap-2.5 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbItem({className, ...props}: Readonly<React.ComponentProps<\"li\">>) {\r\n  return (\r\n    <li\r\n      data-slot='breadcrumb-item'\r\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbLink({\r\n  asChild,\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"a\"> & {\r\n  asChild?: boolean;\r\n}) {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='breadcrumb-link'\r\n      className={cn(\"transition-colors hover:text-neutral-950 dark:hover:text-neutral-50\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbPage({className, ...props}: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot='breadcrumb-page'\r\n      role='link'\r\n      aria-disabled='true'\r\n      aria-current='page'\r\n      className={cn(\"font-normal text-neutral-950 dark:text-neutral-50\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbSeparator({children, className, ...props}: Readonly<React.ComponentProps<\"li\">>) {\r\n  return (\r\n    <li\r\n      data-slot='breadcrumb-separator'\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(\"[&>svg]:size-3.5\", className)}\r\n      {...props}>\r\n      {children ?? <ChevronRight />}\r\n    </li>\r\n  );\r\n}\r\n\r\nfunction BreadcrumbEllipsis({className, ...props}: Readonly<React.ComponentProps<\"span\">>) {\r\n  return (\r\n    <span\r\n      data-slot='breadcrumb-ellipsis'\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(\"flex size-9 items-center justify-center\", className)}\r\n      {...props}>\r\n      <MoreHorizontal className='size-4' />\r\n      <span className='sr-only'>More</span>\r\n    </span>\r\n  );\r\n}\r\n\r\nexport {Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator};\r\n"],"names":["Breadcrumb","props","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAAC,GAAGC,OAA6C;IACnE,OAAO,WAAP,GACE,IAAC;QACC,cAAW;QACX,aAAU;QACT,GAAGA,KAAK;;AAGf;AAEA,SAASC,eAAe,EAACC,SAAS,EAAE,GAAGF,OAA4C;IACjF,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GAAG,6GAA6GD;QAC1H,GAAGF,KAAK;;AAGf;AAEA,SAASI,eAAe,EAACF,SAAS,EAAE,GAAGF,OAA4C;IACjF,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GAAG,oCAAoCD;QACjD,GAAGF,KAAK;;AAGf;AAEA,SAASK,eAAe,EACtBC,OAAO,EACPJ,SAAS,EACT,GAAGF,OAGJ;IACC,MAAMO,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWJ,GAAG,uEAAuED;QACpF,GAAGF,KAAK;;AAGf;AAEA,SAASS,eAAe,EAACP,SAAS,EAAE,GAAGF,OAAoC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GAAG,qDAAqDD;QAClE,GAAGF,KAAK;;AAGf;AAEA,SAASU,oBAAoB,EAACC,QAAQ,EAAET,SAAS,EAAE,GAAGF,OAA4C;IAChG,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,oBAAoBD;QACjC,GAAGF,KAAK;kBACRW,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAGhC;AAEA,SAASC,mBAAmB,EAACX,SAAS,EAAE,GAAGF,OAA8C;IACvF,OAAO,WAAP,GACE,KAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,2CAA2CD;QACxD,GAAGF,KAAK;;0BACT,IAACc,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}

package/dist/components/ui/bubble-background.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { type SpringOptions } from "motion/react";
+import * as React from "react";
 interface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
     interactive?: boolean;
     transition?: SpringOptions;

package/dist/components/ui/bubble-background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-background.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bubble-background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAInB,MAAM,cAAc,CAAC;AAItB,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,8FA8JrB,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"bubble-background.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bubble-background.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,aAAa,EAAwC,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,8FAiJrB,CAAC;AAIF,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,CAAC"}

package/dist/components/ui/bubble-background.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { motion, useMotionValue, useSpring } from "motion/react";
-import { cn } from "../../lib/utils.js";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { cn } from "../../lib/utilities.js";
 const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, interactive = false, transition = {
     stiffness: 100,
     damping: 20
@@ -57,7 +57,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
             }),
             /*#__PURE__*/ jsx("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
-                className: "absolute top-0 left-0 w-0 h-0",
+                className: "absolute top-0 left-0 h-0 w-0",
                 children: /*#__PURE__*/ jsx("defs", {
                     children: /*#__PURE__*/ jsxs("filter", {
                         id: "goo",
@@ -88,7 +88,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                 },
                 children: [
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)]",
+                        className: "absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)] mix-blend-hard-light",
                         animate: {
                             y: [
                                 -50,
@@ -103,7 +103,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                         }
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%-400px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%-400px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -114,11 +114,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeatType: "reverse"
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)]"
+                            className: "top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%+400px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%+400px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -128,11 +128,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeat: 1 / 0
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "absolute rounded-full size-[80%] bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light top-[calc(50%+200px)] left-[calc(50%-500px)]"
+                            className: "absolute top-[calc(50%+200px)] left-[calc(50%-500px)] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70",
+                        className: "absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70 mix-blend-hard-light",
                         animate: {
                             x: [
                                 -50,
@@ -147,7 +147,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                         }
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%_-_800px)_calc(50%_+_200px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%_-_800px)_calc(50%_+_200px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -157,11 +157,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeat: 1 / 0
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "absolute rounded-full size-[160%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] top-[calc(50%-80%)] left-[calc(50%-80%)]"
+                            className: "absolute top-[calc(50%-80%)] left-[calc(50%-80%)] size-[160%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
-                    interactive && /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-full mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70",
+                    Boolean(interactive) && /*#__PURE__*/ jsx(motion.div, {
+                        className: "absolute size-full rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70 mix-blend-hard-light",
                         style: {
                             x: springX,
                             y: springY

package/dist/components/ui/bubble-background.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\bubble-background.js","sources":["webpack://@arolariu/components/./src/components/ui/bubble-background.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport {\n  motion,\n  type SpringOptions,\n  Transition,\n  useMotionValue,\n  useSpring,\n} from \"motion/react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n  transition?: SpringOptions;\n  colors?: {\n    first: string;\n    second: string;\n    third: string;\n    fourth: string;\n    fifth: string;\n    sixth: string;\n  };\n}\n\nconst BubbleBackground = React.forwardRef<\n  HTMLDivElement,\n  BubbleBackgroundProps\n>(\n  (\n    {\n      className,\n      children,\n      interactive = false,\n      transition = { stiffness: 100, damping: 20 },\n      colors = {\n        first: \"18,113,255\",\n        second: \"221,74,255\",\n        third: \"0,220,255\",\n        fourth: \"200,50,50\",\n        fifth: \"180,180,50\",\n        sixth: \"140,100,255\",\n      },\n      ...props\n    },\n    ref,\n  ) => {\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    React.useImperativeHandle(\n      ref,\n      () => containerRef.current as HTMLDivElement,\n    );\n\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const springX = useSpring(mouseX, transition);\n    const springY = useSpring(mouseY, transition);\n\n    React.useEffect(() => {\n      if (!interactive) return;\n\n      const currentContainer = containerRef.current;\n      if (!currentContainer) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        const rect = currentContainer.getBoundingClientRect();\n        const centerX = rect.left + rect.width / 2;\n        const centerY = rect.top + rect.height / 2;\n        mouseX.set(e.clientX - centerX);\n        mouseY.set(e.clientY - centerY);\n      };\n\n      currentContainer?.addEventListener(\"mousemove\", handleMouseMove);\n      return () =>\n        currentContainer?.removeEventListener(\"mousemove\", handleMouseMove);\n    }, [interactive, mouseX, mouseY]);\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn(\n          \"relative size-full overflow-hidden bg-gradient-to-br from-violet-900 to-blue-900\",\n          className,\n        )}\n        {...props}\n      >\n        <style>\n          {`\n            :root {\n              --first-color: ${colors.first};\n              --second-color: ${colors.second};\n              --third-color: ${colors.third};\n              --fourth-color: ${colors.fourth};\n              --fifth-color: ${colors.fifth};\n              --sixth-color: ${colors.sixth};\n            }\n          `}\n        </style>\n\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"absolute top-0 left-0 w-0 h-0\"\n        >\n          <defs>\n            <filter id=\"goo\">\n              <feGaussianBlur\n                in=\"SourceGraphic\"\n                stdDeviation=\"10\"\n                result=\"blur\"\n              />\n              <feColorMatrix\n                in=\"blur\"\n                mode=\"matrix\"\n                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\"\n                result=\"goo\"\n              />\n              <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n            </filter>\n          </defs>\n        </svg>\n\n        <div\n          className=\"absolute inset-0\"\n          style={{ filter: \"url(#goo) blur(40px)\" }}\n        >\n          <motion.div\n            className=\"absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)]\"\n            animate={{ y: [-50, 50, -50] }}\n            transition={{ duration: 30, ease: \"easeInOut\", repeat: Infinity }}\n          />\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%-400px)]\"\n            animate={{ rotate: 360 }}\n            transition={\n              {\n                duration: 20,\n                ease: \"linear\",\n                repeat: Infinity,\n                repeatType: \"reverse\",\n              } satisfies Transition\n            }\n          >\n            <div className=\"rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)]\" />\n          </motion.div>\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%+400px)]\"\n            animate={{ rotate: 360 }}\n            transition={{ duration: 40, ease: \"linear\", repeat: Infinity }}\n          >\n            <div className=\"absolute rounded-full size-[80%] bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light top-[calc(50%+200px)] left-[calc(50%-500px)]\" />\n          </motion.div>\n\n          <motion.div\n            className=\"absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70\"\n            animate={{ x: [-50, 50, -50] }}\n            transition={{ duration: 40, ease: \"easeInOut\", repeat: Infinity }}\n          />\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%_-_800px)_calc(50%_+_200px)]\"\n            animate={{ rotate: 360 }}\n            transition={{ duration: 20, ease: \"linear\", repeat: Infinity }}\n          >\n            <div className=\"absolute rounded-full size-[160%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] top-[calc(50%-80%)] left-[calc(50%-80%)]\" />\n          </motion.div>\n\n          {interactive && (\n            <motion.div\n              className=\"absolute rounded-full size-full mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70\"\n              style={{\n                x: springX,\n                y: springY,\n              }}\n            />\n          )}\n        </div>\n\n        {children}\n      </div>\n    );\n  },\n);\n\nBubbleBackground.displayName = \"BubbleBackground\";\n\nexport { BubbleBackground, type BubbleBackgroundProps };\n"],"names":["BubbleBackground","React","className","children","interactive","transition","colors","props","ref","containerRef","mouseX","useMotionValue","mouseY","springX","useSpring","springY","currentContainer","handleMouseMove","e","rect","centerX","centerY","cn","motion","Infinity"],"mappings":"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"}
+{"version":3,"file":"components\\ui\\bubble-background.js","sources":["webpack://@arolariu/components/./src/components/ui/bubble-background.tsx"],"sourcesContent":["\r\n\r\nimport {motion, type SpringOptions, Transition, useMotionValue, useSpring} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  interactive?: boolean;\r\n  transition?: SpringOptions;\r\n  colors?: {\r\n    first: string;\r\n    second: string;\r\n    third: string;\r\n    fourth: string;\r\n    fifth: string;\r\n    sixth: string;\r\n  };\r\n}\r\n\r\nconst BubbleBackground = React.forwardRef<HTMLDivElement, BubbleBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      children,\r\n      interactive = false,\r\n      transition = {stiffness: 100, damping: 20},\r\n      colors = {\r\n        first: \"18,113,255\",\r\n        second: \"221,74,255\",\r\n        third: \"0,220,255\",\r\n        fourth: \"200,50,50\",\r\n        fifth: \"180,180,50\",\r\n        sixth: \"140,100,255\",\r\n      },\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    React.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\r\n\r\n    const mouseX = useMotionValue(0);\r\n    const mouseY = useMotionValue(0);\r\n    const springX = useSpring(mouseX, transition);\r\n    const springY = useSpring(mouseY, transition);\r\n\r\n    React.useEffect(() => {\r\n      if (!interactive) return;\r\n\r\n      const currentContainer = containerRef.current;\r\n      if (!currentContainer) return;\r\n\r\n      const handleMouseMove = (e: MouseEvent) => {\r\n        const rect = currentContainer.getBoundingClientRect();\r\n        const centerX = rect.left + rect.width / 2;\r\n        const centerY = rect.top + rect.height / 2;\r\n        mouseX.set(e.clientX - centerX);\r\n        mouseY.set(e.clientY - centerY);\r\n      };\r\n\r\n      currentContainer?.addEventListener(\"mousemove\", handleMouseMove);\r\n      return () => currentContainer?.removeEventListener(\"mousemove\", handleMouseMove);\r\n    }, [interactive, mouseX, mouseY]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(\"relative size-full overflow-hidden bg-gradient-to-br from-violet-900 to-blue-900\", className)}\r\n        {...props}>\r\n        <style>\r\n          {`\r\n            :root {\r\n              --first-color: ${colors.first};\r\n              --second-color: ${colors.second};\r\n              --third-color: ${colors.third};\r\n              --fourth-color: ${colors.fourth};\r\n              --fifth-color: ${colors.fifth};\r\n              --sixth-color: ${colors.sixth};\r\n            }\r\n          `}\r\n        </style>\r\n\r\n        <svg\r\n          xmlns='http://www.w3.org/2000/svg'\r\n          className='absolute top-0 left-0 h-0 w-0'>\r\n          <defs>\r\n            <filter id='goo'>\r\n              <feGaussianBlur\r\n                in='SourceGraphic'\r\n                stdDeviation='10'\r\n                result='blur'\r\n              />\r\n              <feColorMatrix\r\n                in='blur'\r\n                mode='matrix'\r\n                values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8'\r\n                result='goo'\r\n              />\r\n              <feBlend\r\n                in='SourceGraphic'\r\n                in2='goo'\r\n              />\r\n            </filter>\r\n          </defs>\r\n        </svg>\r\n\r\n        <div\r\n          className='absolute inset-0'\r\n          style={{filter: \"url(#goo) blur(40px)\"}}>\r\n          <motion.div\r\n            className='absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)] mix-blend-hard-light'\r\n            animate={{y: [-50, 50, -50]}}\r\n            transition={{duration: 30, ease: \"easeInOut\", repeat: Infinity}}\r\n          />\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%-400px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={\r\n              {\r\n                duration: 20,\r\n                ease: \"linear\",\r\n                repeat: Infinity,\r\n                repeatType: \"reverse\",\r\n              } satisfies Transition\r\n            }>\r\n            <div className='top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%+400px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={{duration: 40, ease: \"linear\", repeat: Infinity}}>\r\n            <div className='absolute top-[calc(50%+200px)] left-[calc(50%-500px)] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          <motion.div\r\n            className='absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70 mix-blend-hard-light'\r\n            animate={{x: [-50, 50, -50]}}\r\n            transition={{duration: 40, ease: \"easeInOut\", repeat: Infinity}}\r\n          />\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%_-_800px)_calc(50%_+_200px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={{duration: 20, ease: \"linear\", repeat: Infinity}}>\r\n            <div className='absolute top-[calc(50%-80%)] left-[calc(50%-80%)] size-[160%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          {Boolean(interactive) && (\r\n            <motion.div\r\n              className='absolute size-full rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70 mix-blend-hard-light'\r\n              style={{\r\n                x: springX,\r\n                y: springY,\r\n              }}\r\n            />\r\n          )}\r\n        </div>\r\n\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBubbleBackground.displayName = \"BubbleBackground\";\r\n\r\nexport {BubbleBackground, type BubbleBackgroundProps};\r\n"],"names":["BubbleBackground","React","className","children","interactive","transition","colors","props","ref","containerRef","mouseX","useMotionValue","mouseY","springX","useSpring","springY","currentContainer","handleMouseMove","e","rect","centerX","centerY","cn","motion","Infinity","Boolean"],"mappings":"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"}

package/dist/components/ui/button.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+import * as React from "react";
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
+    size?: "default" | "sm" | "lg" | "icon";
+} & import("class-variance-authority/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA6BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;iEA6BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC7B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/button.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
+import "react";
+import { cn } from "../../lib/utilities.js";
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
     variants: {
         variant: {

package/dist/components/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\button.js","sources":["webpack://@arolariu/components/./src/components/ui/button.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\n        destructive:\n          \"bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60\",\n        outline:\n          \"border bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:bg-neutral-200/30 dark:border-neutral-200 dark:hover:bg-neutral-200/50 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:bg-neutral-800/30 dark:dark:border-neutral-800 dark:dark:hover:bg-neutral-800/50\",\n        secondary:\n          \"bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\n        ghost:\n          \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-100/50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:hover:bg-neutral-800/50\",\n        link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,wnBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;YACF,SACE;YACF,WACE;YACF,OACE;YACF,MAAM;QACR;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,SAASC,OAAO,EACdC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,UAAU,KAAK,EACf,GAAGC,OAIF;IACD,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGV,eAAe;YAAEI;YAASC;YAAMF;QAAU;QACvD,GAAGI,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\button.js","sources":["webpack://@arolariu/components/./src/components/ui/button.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst buttonVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\r\n        destructive:\r\n          \"bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60\",\r\n        outline:\r\n          \"border bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:bg-neutral-200/30 dark:border-neutral-200 dark:hover:bg-neutral-200/50 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:bg-neutral-800/30 dark:dark:border-neutral-800 dark:dark:hover:bg-neutral-800/50\",\r\n        secondary:\r\n          \"bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n        ghost:\r\n          \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-100/50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:hover:bg-neutral-800/50\",\r\n        link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n        icon: \"size-9\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Button({\r\n  className,\r\n  variant,\r\n  size,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"button\">\r\n  & VariantProps<typeof buttonVariants> & {\r\n    asChild?: boolean;\r\n  }) {\r\n  const Comp = asChild ? Slot : \"button\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='button'\r\n      className={cn(buttonVariants({variant, size, className}))}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Button, buttonVariants};\r\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,wnBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;YACF,SACE;YACF,WACE;YACF,OACE;YACF,MAAM;QACR;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,SAASC,OAAO,EACdC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,UAAU,KAAK,EACf,GAAGC,OAIF;IACD,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGV,eAAe;YAACI;YAASC;YAAMF;QAAS;QACrD,GAAGI,KAAK;;AAGf"}

package/dist/components/ui/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAuJA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAC,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAG9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA4HA;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA0BvG;AAED,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}

package/dist/components/ui/calendar.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { useEffect, useRef } from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { cn } from "../../lib/utils.js";
 import { Button, buttonVariants } from "./button.js";
+import { cn } from "../../lib/utilities.js";
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     return /*#__PURE__*/ jsx(DayPicker, {
         showOutsideDays: showOutsideDays,
-        className: cn("bg-white group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent dark:bg-neutral-950", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+        className: cn("group/calendar bg-white p-3 [--cell-size:--spacing(8)] dark:bg-neutral-950 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
         captionLayout: captionLayout,
         formatters: {
             formatMonthDropdown: (date)=>date.toLocaleString("default", {
@@ -100,7 +100,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
         "data-range-start": modifiers["range_start"],
         "data-range-end": modifiers["range_end"],
         "data-range-middle": modifiers["range_middle"],
-        className: cn("data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-neutral-900 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:dark:hover:text-neutral-50", defaultClassNames.day, className),
+        className: cn("group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 dark:dark:hover:text-neutral-50 dark:hover:text-neutral-900 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
         ...props
     });
 }