@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/avatar.js

@@ -1,26 +1,55 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Fallback, Image, Root } from "@radix-ui/react-avatar";
-import { forwardRef } from "react";
+import { Avatar } from "@base-ui/react/avatar";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import "react";
 import { cn } from "../../lib/utilities.js";
-const Avatar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        ref: ref,
-        className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
-        ...props
-    }));
-Avatar.displayName = Root.displayName;
-const AvatarImage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Image, {
-        ref: ref,
-        className: cn("aspect-square h-full w-full", className),
-        ...props
-    }));
-AvatarImage.displayName = Image.displayName;
-const AvatarFallback = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Fallback, {
-        ref: ref,
-        className: cn("flex h-full w-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800", className),
-        ...props
-    }));
-AvatarFallback.displayName = Fallback.displayName;
-export { Avatar, AvatarFallback, AvatarImage };
+import avatar_module from "./avatar.module.js";
+function avatar_Avatar(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Avatar.Root, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "span",
+            render: render,
+            props: mergeProps({
+                className: cn(avatar_module.root, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+avatar_Avatar.displayName = "Avatar";
+function AvatarImage(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Avatar.Image, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "img",
+            render: render,
+            props: mergeProps({
+                className: cn(avatar_module.image, className)
+            }, {})
+        })
+    });
+}
+AvatarImage.displayName = "AvatarImage";
+function AvatarFallback(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Avatar.Fallback, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "span",
+            render: render,
+            props: mergeProps({
+                className: cn(avatar_module.fallback, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+AvatarFallback.displayName = "AvatarFallback";
+export { AvatarFallback, AvatarImage, avatar_Avatar as Avatar };
 
 //# sourceMappingURL=avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\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\nconst Avatar = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Image\r\n    ref={ref}\r\n    className={cn(\"aspect-square h-full w-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Fallback\r\n    ref={ref}\r\n    className={cn(\"flex h-full w-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","React","className","props","ref","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,iEAAiEJ;QAC9E,GAAGC,KAAK;;AAGbH,OAAO,WAAW,GAAGK,KAAAA,WAAgC;AAErD,MAAME,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,OAAqB;QACpB,KAAKD;QACL,WAAWE,GAAG,+BAA+BJ;QAC5C,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGF,MAAAA,WAAiC;AAE3D,MAAMG,iBAAiB,WAAjBA,GAAiBP,WAGrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,UAAwB;QACvB,KAAKD;QACL,WAAWE,GAAG,kGAAkGJ;QAC/G,GAAGC,KAAK;;AAGbK,eAAe,WAAW,GAAGH,SAAAA,WAAoC"}
+{"version":3,"file":"components/ui/avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Avatar as BaseAvatar} from \"@base-ui/react/avatar\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./avatar.module.css\";\r\n\r\n/**\r\n * Props for the shared avatar root.\r\n */\r\ninterface AvatarProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Root>, \"className\"> {\r\n  /** Additional CSS classes merged with the avatar root styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar image.\r\n */\r\ninterface AvatarImageProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Image>, \"className\"> {\r\n  /** Additional CSS classes merged with the avatar image styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar fallback.\r\n */\r\ninterface AvatarFallbackProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Fallback>, \"className\"> {\r\n  /** Additional CSS classes merged with the avatar fallback styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Displays a user avatar container with shared sizing and shape styles.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Avatar>\r\n *   <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n *   <AvatarFallback>AO</AvatarFallback>\r\n * </Avatar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction Avatar(props: Readonly<Avatar.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAvatar.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseAvatar.Root>\r\n  );\r\n}\r\nAvatar.displayName = \"Avatar\";\r\n\r\n/**\r\n * Renders the primary avatar image inside the avatar root.\r\n *\r\n * @remarks\r\n * - Renders an `<img>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction AvatarImage(props: Readonly<AvatarImage.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAvatar.Image\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"img\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.image, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\nAvatarImage.displayName = \"AvatarImage\";\r\n\r\n/**\r\n * Renders fallback content when the avatar image is unavailable.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarFallback>AO</AvatarFallback>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction AvatarFallback(props: Readonly<AvatarFallback.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAvatar.Fallback\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.fallback, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseAvatar.Fallback>\r\n  );\r\n}\r\nAvatarFallback.displayName = \"AvatarFallback\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Avatar {\r\n  export type Props = AvatarProps;\r\n  export type State = BaseAvatar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarImage {\r\n  export type Props = AvatarImageProps;\r\n  export type State = BaseAvatar.Image.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarFallback {\r\n  export type Props = AvatarFallbackProps;\r\n  export type State = BaseAvatar.Fallback.State;\r\n}\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","props","className","children","render","otherProps","BaseAvatar","useRender","mergeProps","cn","styles","AvatarImage","AvatarFallback"],"mappings":";;;;;;;;AAqDA,SAASA,cAAOC,KAA6B;IAC3C,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,OAAAA,IAAe;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AACAH,cAAO,WAAW,GAAG;AAkBrB,SAASW,YAAYV,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,OAAAA,KAAgB;QACd,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AACAS,YAAY,WAAW,GAAG;AAkB1B,SAASC,eAAeX,KAAqC;IAC3D,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,OAAAA,QAAmB;QACjB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,QAAe,EAAER;YAAU,GAAG,CAAC;QAClE;kBACCC;;AAGP;AACAS,eAAe,WAAW,GAAG"}

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

@@ -0,0 +1,9 @@
+import "./avatar_module.css";
+const avatar_module = {
+    root: "root-zQhInF",
+    image: "image-cfk_Wf",
+    fallback: "fallback-AqFt3B"
+};
+export default avatar_module;
+
+//# sourceMappingURL=avatar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/avatar.module.js","sources":["../../../src/components/ui/avatar.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./avatar_module.css\"\nexport default {\"root\":\"root-zQhInF\",\"image\":\"image-cfk_Wf\",\"fallback\":\"fallback-AqFt3B\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,MAAO;IAAc,OAAQ;IAAe,UAAW;AAAiB"}

package/dist/components/ui/avatar_module.css

@@ -0,0 +1,35 @@
+.root-zQhInF {
+  border-radius: 9999px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.image-cfk_Wf {
+  aspect-ratio: 1;
+  object-fit: cover;
+}
+
+.fallback-AqFt3B, .image-cfk_Wf {
+  width: 100%;
+  height: 100%;
+}
+
+.fallback-AqFt3B {
+  background-color: var(--ac-muted);
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  border-radius: 9999px;
+  justify-content: center;
+  align-items: center;
+  font-weight: 500;
+  display: flex;
+}
+
+
+/*# sourceMappingURL=avatar_module.css.map */

package/dist/components/ui/avatar_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/avatar.module.css","webpack://./src/components/ui/avatar.module.css"],"names":[],"mappings":"AADA;ECEE,qBAAqB;EACrB,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,iCAAiC;EACjC,iCAAiC;EACjC,4BAA4B;EAC5B,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf","sourcesContent":[".root{align-items:center;border-radius:9999px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}.image{aspect-ratio:1/1;object-fit:cover}.fallback,.image{height:100%;width:100%}.fallback{align-items:center;background-color:var(--ac-muted);border-radius:9999px;color:var(--ac-muted-foreground);display:flex;font-size:var(--ac-text-sm);font-weight:500;justify-content:center}",".root {\n  border-radius: 9999px;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.image {\n  aspect-ratio: 1;\n  object-fit: cover;\n}\n\n.fallback, .image {\n  width: 100%;\n  height: 100%;\n}\n\n.fallback {\n  background-color: var(--ac-muted);\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  border-radius: 9999px;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  display: flex;\n}\n"],"sourceRoot":""}

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

@@ -1,5 +1,23 @@
 import * as React from "react";
-export declare const BackgroundBeams: React.MemoExoticComponent<({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element>;
+/** Props accepted by {@link BackgroundBeams}. */
+export interface BackgroundBeamsProps extends React.ComponentPropsWithoutRef<"div"> {
+}
+/**
+ * Renders animated aurora-style beams that sweep across the background.
+ *
+ * @remarks
+ * - Animated component using the `motion` library
+ * - Renders a `<div>` element containing animated SVG paths
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ * - Client-side only (`"use client"` directive)
+ *
+ * @example
+ * ```tsx
+ * <BackgroundBeams />
+ * ```
+ *
+ * @see {@link BackgroundBeamsProps} for available props
+ */
+declare const BackgroundBeams: React.ForwardRefExoticComponent<BackgroundBeamsProps & React.RefAttributes<HTMLDivElement>>;
+export { BackgroundBeams };
 //# sourceMappingURL=background-beams.d.ts.map

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":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,eAAe,4CAA4B;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,6CAwI1E,CAAC"}
+{"version":3,"file":"background-beams.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-beams.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,iDAAiD;AACjD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEtF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,6FAwJpB,CAAC;AAIF,OAAO,EAAC,eAAe,EAAC,CAAC"}

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

@@ -1,9 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utilities.js";
 import { motion } from "motion/react";
-import { memo } from "react";
-const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
+import { forwardRef, useId } from "react";
+import { cn } from "../../lib/utilities.js";
+import background_beams_module from "./background-beams.module.js";
+const BackgroundBeams = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, ...restProps } = props;
+    const id = useId();
     const paths = [
         "M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875",
         "M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867",
@@ -57,9 +60,11 @@ 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-size:40px] [mask-repeat:no-repeat]", className),
+        ref: ref,
+        className: cn(background_beams_module.root, className),
+        ...restProps,
         children: /*#__PURE__*/ jsxs("svg", {
-            className: "pointer-events-none absolute z-0 h-full w-full",
+            className: background_beams_module.svg,
             width: "100%",
             height: "100%",
             viewBox: "0 0 696 316",
@@ -72,16 +77,21 @@ const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
                     strokeOpacity: "0.05",
                     strokeWidth: "0.5"
                 }),
-                paths.map((path, index)=>/*#__PURE__*/ jsx(motion.path, {
+                paths.map((path, index)=>{
+                    const gradientId = `${id}-linear-gradient-${index}`;
+                    return /*#__PURE__*/ jsx(motion.path, {
                         d: path,
-                        stroke: `url(#linearGradient-${index})`,
+                        stroke: `url(#${gradientId})`,
                         strokeOpacity: "0.4",
                         strokeWidth: "0.5"
-                    }, `path-${index}`)),
+                    }, `path-${index}`);
+                }),
                 /*#__PURE__*/ jsxs("defs", {
                     children: [
-                        paths.map((path, index)=>/*#__PURE__*/ jsxs(motion.linearGradient, {
-                                id: `linearGradient-${path}-${index}`,
+                        paths.map((path, index)=>{
+                            const gradientId = `${id}-linear-gradient-${index}`;
+                            return /*#__PURE__*/ jsxs(motion.linearGradient, {
+                                id: gradientId,
                                 initial: {
                                     x1: "0%",
                                     x2: "0%",
@@ -130,7 +140,8 @@ const BackgroundBeams = /*#__PURE__*/ memo(({ className })=>{
                                         stopOpacity: "0"
                                     })
                                 ]
-                            }, `gradient-${path}-${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":["../../../src/components/ui/background-beams.tsx"],"sourcesContent":["\"use client\";\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,AAAgB,IAAhBA,KAAK,MAAM,GAAO,CAAC,CAAC;qCAAC;gCAC1C;gCACA,YAAY;oCACV,UAAUA,AAAgB,KAAhBA,KAAK,MAAM,KAAU;oCAC/B,MAAM;oCACN,QAAQC;oCACR,OAAOD,AAAgB,KAAhBA,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"}
+{"version":3,"file":"components/ui/background-beams.js","sources":["../../../src/components/ui/background-beams.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./background-beams.module.css\";\r\n\r\n/** Props accepted by {@link BackgroundBeams}. */\r\nexport interface BackgroundBeamsProps extends React.ComponentPropsWithoutRef<\"div\"> {}\r\n\r\n/**\r\n * Renders animated aurora-style beams that sweep across the background.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing animated SVG paths\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <BackgroundBeams />\r\n * ```\r\n *\r\n * @see {@link BackgroundBeamsProps} for available props\r\n */\r\nconst BackgroundBeams = React.forwardRef<HTMLDivElement, BackgroundBeamsProps>(\r\n  (props: Readonly<BackgroundBeamsProps>, ref): React.JSX.Element => {\r\n    const {className, ...restProps} = props;\r\n    const id = React.useId();\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\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.root, className)}\r\n        {...restProps}>\r\n        <svg\r\n          className={styles.svg}\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'\r\n          />\r\n\r\n          {paths.map((path, index) => {\r\n            const gradientId = `${id}-linear-gradient-${index}`;\r\n            return (\r\n              <motion.path\r\n                key={`path-${index}`}\r\n                d={path}\r\n                stroke={`url(#${gradientId})`}\r\n                strokeOpacity='0.4'\r\n                strokeWidth='0.5'\r\n              />\r\n            );\r\n          })}\r\n          <defs>\r\n            {paths.map((path, index) => {\r\n              const gradientId = `${id}-linear-gradient-${index}`;\r\n              return (\r\n                <motion.linearGradient\r\n                  id={gradientId}\r\n                  key={`gradient-${path}-${index}`}\r\n                  initial={{x1: \"0%\", x2: \"0%\", y1: \"0%\", y2: \"0%\"}}\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'\r\n                  />\r\n                  <stop stopColor='#18CCFC' />\r\n                  <stop\r\n                    offset='32.5%'\r\n                    stopColor='#6344F5'\r\n                  />\r\n                  <stop\r\n                    offset='100%'\r\n                    stopColor='#AE48FF'\r\n                    stopOpacity='0'\r\n                  />\r\n                </motion.linearGradient>\r\n              );\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'\r\n              />\r\n              <stop\r\n                offset='0.243243'\r\n                stopColor='#d4d4d4'\r\n              />\r\n              <stop\r\n                offset='0.43594'\r\n                stopColor='white'\r\n                stopOpacity='0'\r\n              />\r\n            </radialGradient>\r\n          </defs>\r\n        </svg>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBackgroundBeams.displayName = \"BackgroundBeams\";\r\n\r\nexport {BackgroundBeams};\r\n"],"names":["BackgroundBeams","React","props","ref","className","restProps","id","paths","cn","styles","path","index","gradientId","motion","Math","Infinity"],"mappings":";;;;;;AA2BA,MAAMA,kBAAkB,WAAHA,GAAGC,WACtB,CAACC,OAAuCC;IACtC,MAAM,EAACC,SAAS,EAAE,GAAGC,WAAU,GAAGH;IAClC,MAAMI,KAAKL;IACX,MAAMM,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;IAED,OAAO,WAAP,GACE,IAAC;QACC,KAAKJ;QACL,WAAWK,GAAGC,wBAAAA,IAAW,EAAEL;QAC1B,GAAGC,SAAS;kBACb,mBAAC;YACC,WAAWI,wBAAAA,GAAU;YACrB,OAAM;YACN,QAAO;YACP,SAAQ;YACR,MAAK;YACL,OAAM;;8BACN,IAAC;oBACC,GAAE;oBACF,QAAO;oBACP,eAAc;oBACd,aAAY;;gBAGbF,MAAM,GAAG,CAAC,CAACG,MAAMC;oBAChB,MAAMC,aAAa,GAAGN,GAAG,iBAAiB,EAAEK,OAAO;oBACnD,OAAO,WAAP,GACE,IAACE,OAAO,IAAI;wBAEV,GAAGH;wBACH,QAAQ,CAAC,KAAK,EAAEE,WAAW,CAAC,CAAC;wBAC7B,eAAc;wBACd,aAAY;uBAJP,CAAC,KAAK,EAAED,OAAO;gBAO1B;8BACA,KAAC;;wBACEJ,MAAM,GAAG,CAAC,CAACG,MAAMC;4BAChB,MAAMC,aAAa,GAAGN,GAAG,iBAAiB,EAAEK,OAAO;4BACnD,OAAO,WAAP,GACE,KAACE,OAAO,cAAc;gCACpB,IAAID;gCAEJ,SAAS;oCAAC,IAAI;oCAAM,IAAI;oCAAM,IAAI;oCAAM,IAAI;gCAAI;gCAChD,SAAS;oCACP,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM;qCAAM;oCACjB,IAAI;wCAAC;wCAAM;qCAAO;oCAClB,IAAI;wCAAC;wCAAM,GAAG,KAAKE,AAAgB,IAAhBA,KAAK,MAAM,GAAO,CAAC,CAAC;qCAAC;gCAC1C;gCACA,YAAY;oCACV,UAAUA,AAAgB,KAAhBA,KAAK,MAAM,KAAU;oCAC/B,MAAM;oCACN,QAAQC;oCACR,OAAOD,AAAgB,KAAhBA,KAAK,MAAM;gCACpB;;kDACA,IAAC;wCACC,WAAU;wCACV,aAAY;;kDAEd,IAAC;wCAAK,WAAU;;kDAChB,IAAC;wCACC,QAAO;wCACP,WAAU;;kDAEZ,IAAC;wCACC,QAAO;wCACP,WAAU;wCACV,aAAY;;;+BA1BT,CAAC,SAAS,EAAEJ,KAAK,CAAC,EAAEC,OAAO;wBA8BtC;sCAEA,KAAC;4BACC,IAAG;4BACH,IAAG;4BACH,IAAG;4BACH,GAAE;4BACF,eAAc;4BACd,mBAAkB;;8CAClB,IAAC;oCACC,QAAO;oCACP,WAAU;;8CAEZ,IAAC;oCACC,QAAO;oCACP,WAAU;;8CAEZ,IAAC;oCACC,QAAO;oCACP,WAAU;oCACV,aAAY;;;;;;;;;AAO1B;AAGFX,gBAAgB,WAAW,GAAG"}

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

@@ -0,0 +1,8 @@
+import "./background-beams_module.css";
+const background_beams_module = {
+    root: "root-d_c4_K",
+    svg: "svg-A_WzRL"
+};
+export default background_beams_module;
+
+//# sourceMappingURL=background-beams.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/background-beams.module.js","sources":["../../../src/components/ui/background-beams.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./background-beams_module.css\"\nexport default {\"root\":\"root-d_c4_K\",\"svg\":\"svg-A_WzRL\"};"],"names":[],"mappings":";AAEA,gCAAe;IAAC,MAAO;IAAc,KAAM;AAAY"}

package/dist/components/ui/background-beams_module.css

@@ -0,0 +1,22 @@
+.root-d_c4_K {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  mask-size: 40px;
+  mask-repeat: no-repeat;
+}
+
+.root-d_c4_K, .svg-A_WzRL {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+}
+
+.svg-A_WzRL {
+  pointer-events: none;
+  z-index: 0;
+}
+
+
+/*# sourceMappingURL=background-beams_module.css.map */

package/dist/components/ui/background-beams_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/background-beams.module.css","webpack://./src/components/ui/background-beams.module.css"],"names":[],"mappings":"AADA;ECEE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,eAAe;EACf,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,oBAAoB;EACpB,UAAU;AACZ","sourcesContent":[".root{align-items:center;display:flex;justify-content:center;mask-repeat:no-repeat;mask-size:40px}.root,.svg{height:100%;inset:0;position:absolute;width:100%}.svg{pointer-events:none;z-index:0}",".root {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  mask-size: 40px;\n  mask-repeat: no-repeat;\n}\n\n.root, .svg {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n}\n\n.svg {\n  pointer-events: none;\n  z-index: 0;\n}\n"],"sourceRoot":""}

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

@@ -1,10 +1,83 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const badgeVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary";
-} & import("class-variance-authority/types").ClassProp) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+/**
+ * Defines the supported visual treatments for the Badge component.
+ */
+export type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
+/**
+ * Represents the options accepted by the internal badge class generator.
+ *
+ * @remarks
+ * This helper mirrors the public Badge styling API and exists so callers can derive
+ * consistent class names without rendering the component itself.
+ *
+ * @default variant `"default"`
+ */
+interface BadgeVariantOptions {
+    /**
+     * The visual emphasis applied to the badge surface.
+     *
+     * @default "default"
+     */
+    variant?: BadgeVariant;
+    /**
+     * Additional CSS classes merged with the generated badge classes.
+     */
+    className?: string;
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Represents the configurable props for the Badge component.
+ *
+ * @remarks
+ * Extends standard `<div>` attributes so badges can expose data attributes, ARIA
+ * state, and event handlers while preserving the library's visual variants.
+ *
+ * @default variant `"default"`
+ */
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes merged with the computed badge classes.
+     */
+    className?: string;
+    /**
+     * The visual variant used to communicate importance or status.
+     *
+     * @default "default"
+     */
+    variant?: BadgeVariant;
+}
+/**
+ * Generates the CSS class list for a badge variant.
+ *
+ * @remarks
+ * This utility is useful when another component needs badge styling but cannot render
+ * the Badge component directly. It always includes the base badge classes.
+ *
+ * @example
+ * ```tsx
+ * <span className={badgeVariants({variant: "outline"})}>Beta</span>
+ * ```
+ *
+ * @see {@link Badge}
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare function badgeVariants({ variant, className }?: Readonly<BadgeVariantOptions>): string;
+/**
+ * A compact status label for surfacing metadata, categories, or state.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders a styled `<div>` with pill-like spacing and variant-driven colors.
+ * Use it for small, high-signal labels such as statuses, tags, or counters.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="secondary">New</Badge>
+ * ```
+ *
+ * @see {@link badgeVariants} — Generates matching badge classes without rendering.
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;iEAkBlB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAOxD;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAE/E;;;;;;;;GAQG;AACH,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,EAAC,OAAmB,EAAE,SAAS,EAAC,GAAE,QAAQ,CAAC,mBAAmB,CAAM,GAAG,MAAM,CAEnG;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,KAAK,mFAMT,CAAC;AAGH,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/ui/badge.js

@@ -1,29 +1,25 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const badgeVariants = cva("inline-flex items-center rounded-md border border-neutral-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 dark:border-neutral-800 dark:focus:ring-neutral-300", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/80 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/80",
-            secondary: "border-transparent bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
-            destructive: "border-transparent bg-red-500 text-neutral-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/80",
-            outline: "text-neutral-950 dark:text-neutral-50"
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-function Badge({ className, variant, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn(badgeVariants({
-            variant
-        }), className),
-        ...props
-    });
+import badge_module from "./badge.module.js";
+const variantStyles = {
+    default: badge_module["default"],
+    secondary: badge_module.secondary,
+    destructive: badge_module.destructive,
+    outline: badge_module.outline
+};
+function badgeVariants({ variant = "default", className } = {}) {
+    return cn(badge_module.badge, variantStyles[variant], className);
 }
+const Badge = /*#__PURE__*/ forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: badgeVariants({
+            variant,
+            className
+        }),
+        ...props
+    }));
+Badge.displayName = "Badge";
 export { Badge, badgeVariants };
 
 //# sourceMappingURL=badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/badge.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\r\n\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 rounded-md border border-neutral-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 dark:border-neutral-800 dark:focus:ring-neutral-300\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"border-transparent bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/80 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/80\",\r\n        secondary:\r\n          \"border-transparent bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n        destructive:\r\n          \"border-transparent bg-red-500 text-neutral-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/80\",\r\n        outline: \"text-neutral-950 dark:text-neutral-50\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\r\n\r\nfunction Badge({className, variant, ...props}: BadgeProps) {\r\n  return (\r\n    <div\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","props","cn"],"mappings":";;;;;AAOA,MAAMA,gBAAgBC,IACpB,sPACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,WACE;YACF,aACE;YACF,SAAS;QACX;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAKF,SAASC,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAkB;IACvD,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAGN,cAAc;YAACI;QAAO,IAAID;QACvC,GAAGE,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/badge.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./badge.module.css\";\r\n\r\n/**\r\n * Defines the supported visual treatments for the Badge component.\r\n */\r\nexport type BadgeVariant = \"default\" | \"secondary\" | \"destructive\" | \"outline\";\r\n\r\n/**\r\n * Represents the options accepted by the internal badge class generator.\r\n *\r\n * @remarks\r\n * This helper mirrors the public Badge styling API and exists so callers can derive\r\n * consistent class names without rendering the component itself.\r\n *\r\n * @default variant `\"default\"`\r\n */\r\ninterface BadgeVariantOptions {\r\n  /**\r\n   * The visual emphasis applied to the badge surface.\r\n   *\r\n   * @default \"default\"\r\n   */\r\n  variant?: BadgeVariant;\r\n  /**\r\n   * Additional CSS classes merged with the generated badge classes.\r\n   */\r\n  className?: string;\r\n}\r\n\r\nconst variantStyles: Record<BadgeVariant, string> = {\r\n  default: styles.default!,\r\n  secondary: styles.secondary!,\r\n  destructive: styles.destructive!,\r\n  outline: styles.outline!,\r\n};\r\n\r\n/**\r\n * Represents the configurable props for the Badge component.\r\n *\r\n * @remarks\r\n * Extends standard `<div>` attributes so badges can expose data attributes, ARIA\r\n * state, and event handlers while preserving the library's visual variants.\r\n *\r\n * @default variant `\"default\"`\r\n */\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Additional CSS classes merged with the computed badge classes.\r\n   */\r\n  className?: string;\r\n  /**\r\n   * The visual variant used to communicate importance or status.\r\n   *\r\n   * @default \"default\"\r\n   */\r\n  variant?: BadgeVariant;\r\n}\r\n\r\n/**\r\n * Generates the CSS class list for a badge variant.\r\n *\r\n * @remarks\r\n * This utility is useful when another component needs badge styling but cannot render\r\n * the Badge component directly. It always includes the base badge classes.\r\n *\r\n * @example\r\n * ```tsx\r\n * <span className={badgeVariants({variant: \"outline\"})}>Beta</span>\r\n * ```\r\n *\r\n * @see {@link Badge}\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nfunction badgeVariants({variant = \"default\", className}: Readonly<BadgeVariantOptions> = {}): string {\r\n  return cn(styles.badge, variantStyles[variant], className);\r\n}\r\n\r\n/**\r\n * A compact status label for surfacing metadata, categories, or state.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a styled `<div>` with pill-like spacing and variant-driven colors.\r\n * Use it for small, high-signal labels such as statuses, tags, or counters.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Badge variant=\"secondary\">New</Badge>\r\n * ```\r\n *\r\n * @see {@link badgeVariants} — Generates matching badge classes without rendering.\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(({className, variant = \"default\", ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={badgeVariants({variant, className})}\r\n    {...props}\r\n  />\r\n));\r\nBadge.displayName = \"Badge\";\r\n\r\nexport {Badge, badgeVariants};\r\n"],"names":["variantStyles","styles","badgeVariants","variant","className","cn","Badge","React","props","ref"],"mappings":";;;;AAgCA,MAAMA,gBAA8C;IAClD,SAASC,YAAAA,CAAAA,UAAc;IACvB,WAAWA,aAAAA,SAAgB;IAC3B,aAAaA,aAAAA,WAAkB;IAC/B,SAASA,aAAAA,OAAc;AACzB;AAuCA,SAASC,cAAc,EAACC,UAAU,SAAS,EAAEC,SAAS,EAAgC,GAAG,CAAC,CAAC;IACzF,OAAOC,GAAGJ,aAAAA,KAAY,EAAED,aAAa,CAACG,QAAQ,EAAEC;AAClD;AAmBA,MAAME,QAAQ,WAAHA,GAAGC,WAA6C,CAAC,EAACH,SAAS,EAAED,UAAU,SAAS,EAAE,GAAGK,OAAM,EAAEC,MAAAA,WAAAA,GACtG,IAAC;QACC,KAAKA;QACL,WAAWP,cAAc;YAACC;YAASC;QAAS;QAC3C,GAAGI,KAAK;;AAGbF,MAAM,WAAW,GAAG"}

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

@@ -0,0 +1,11 @@
+import "./badge_module.css";
+const badge_module = {
+    badge: "badge-OKfNya",
+    default: "default-ycSfOg",
+    secondary: "secondary-QFt0yY",
+    destructive: "destructive-KIA3qI",
+    outline: "outline-AXvlm0"
+};
+export default badge_module;
+
+//# sourceMappingURL=badge.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/badge.module.js","sources":["../../../src/components/ui/badge.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./badge_module.css\"\nexport default {\"badge\":\"badge-OKfNya\",\"default\":\"default-ycSfOg\",\"secondary\":\"secondary-QFt0yY\",\"destructive\":\"destructive-KIA3qI\",\"outline\":\"outline-AXvlm0\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,OAAQ;IAAe,SAAU;IAAiB,WAAY;IAAmB,aAAc;IAAqB,SAAU;AAAgB"}

package/dist/components/ui/badge_module.css

@@ -0,0 +1,63 @@
+.badge-OKfNya {
+  border-radius: var(--ac-radius-md);
+  font-size: var(--ac-text-xs);
+  padding: .125rem var(--ac-space-2);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  white-space: nowrap;
+  align-items: center;
+  font-weight: 600;
+  line-height: 1.6;
+  display: inline-flex;
+
+  & svg {
+    pointer-events: none;
+    flex-shrink: 0;
+    width: .75rem;
+    height: .75rem;
+  }
+}
+
+.default-ycSfOg {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary-foreground);
+  border: 1px solid #0000;
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: color-mix(in oklch,var(--ac-primary),transparent 20%);
+    }
+  }
+}
+
+.secondary-QFt0yY {
+  background-color: var(--ac-secondary);
+  color: var(--ac-secondary-foreground);
+  border: 1px solid #0000;
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: color-mix(in oklch,var(--ac-secondary),transparent 20%);
+    }
+  }
+}
+
+.destructive-KIA3qI {
+  background-color: var(--ac-destructive);
+  color: var(--ac-background);
+  border: 1px solid #0000;
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: color-mix(in oklch,var(--ac-destructive),transparent 20%);
+    }
+  }
+}
+
+.outline-AXvlm0 {
+  border: 1px solid var(--ac-border);
+  color: var(--ac-foreground);
+  background-color: #0000;
+}
+
+
+/*# sourceMappingURL=badge_module.css.map */