@arolariu/components 0.4.2 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/badge.module.css","webpack://./src/components/ui/badge.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,4BAA4B;EAC5B,kCAAkC;EAClC,sFAAsF;EACtF,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;EAChB,oBAAoB;;EAEpB;IACE,oBAAoB;IACpB,cAAc;IACd,aAAa;IACb,cAAc;EAChB;AACF;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;EACnC,uBAAuB;;EAEvB;IACE;MACE,uEAAuE;IACzE;EACF;AACF;;AAEA;EACE,qCAAqC;EACrC,qCAAqC;EACrC,uBAAuB;;EAEvB;IACE;MACE,yEAAyE;IAC3E;EACF;AACF;;AAEA;EACE,uCAAuC;EACvC,2BAA2B;EAC3B,uBAAuB;;EAEvB;IACE;MACE,2EAA2E;IAC7E;EACF;AACF;;AAEA;EACE,kCAAkC;EAClC,2BAA2B;EAC3B,uBAAuB;AACzB","sourcesContent":[".badge{align-items:center;border-radius:var(--ac-radius-md);display:inline-flex;font-size:var(--ac-text-xs);font-weight:600;line-height:1.6;padding:.125rem var(--ac-space-2);transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast);white-space:nowrap;& svg{flex-shrink:0;height:.75rem;pointer-events:none;width:.75rem}}.default{background-color:var(--ac-primary);border:1px solid transparent;color:var(--ac-primary-foreground);@media (hover:hover){&:hover{background-color:color-mix(in oklch,var(--ac-primary),transparent 20%)}}}.secondary{background-color:var(--ac-secondary);border:1px solid transparent;color:var(--ac-secondary-foreground);@media (hover:hover){&:hover{background-color:color-mix(in oklch,var(--ac-secondary),transparent 20%)}}}.destructive{background-color:var(--ac-destructive);border:1px solid transparent;color:var(--ac-background);@media (hover:hover){&:hover{background-color:color-mix(in oklch,var(--ac-destructive),transparent 20%)}}}.outline{background-color:transparent;border:1px solid var(--ac-border);color:var(--ac-foreground)}",".badge {\n  border-radius: var(--ac-radius-md);\n  font-size: var(--ac-text-xs);\n  padding: .125rem var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  white-space: nowrap;\n  align-items: center;\n  font-weight: 600;\n  line-height: 1.6;\n  display: inline-flex;\n\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n    width: .75rem;\n    height: .75rem;\n  }\n}\n\n.default {\n  background-color: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n  border: 1px solid #0000;\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: color-mix(in oklch,var(--ac-primary),transparent 20%);\n    }\n  }\n}\n\n.secondary {\n  background-color: var(--ac-secondary);\n  color: var(--ac-secondary-foreground);\n  border: 1px solid #0000;\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: color-mix(in oklch,var(--ac-secondary),transparent 20%);\n    }\n  }\n}\n\n.destructive {\n  background-color: var(--ac-destructive);\n  color: var(--ac-background);\n  border: 1px solid #0000;\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: color-mix(in oklch,var(--ac-destructive),transparent 20%);\n    }\n  }\n}\n\n.outline {\n  border: 1px solid var(--ac-border);\n  color: var(--ac-foreground);\n  background-color: #0000;\n}\n"],"sourceRoot":""}

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

@@ -1,20 +1,165 @@
 import * as React from "react";
-declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+/**
+ * Props for the {@link Breadcrumb} component.
+ */
+export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<"nav"> {
+    /** Reserved separator content prop for custom breadcrumb compositions. @default undefined */
     separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
+}
+/**
+ * Props for the {@link BreadcrumbList} component.
+ */
+export type BreadcrumbListProps = React.ComponentPropsWithoutRef<"ol">;
+/**
+ * Props for the {@link BreadcrumbItem} component.
+ */
+export type BreadcrumbItemProps = React.ComponentPropsWithoutRef<"li">;
+/**
+ * Props for the {@link BreadcrumbLink} component.
+ */
+export interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    /** Enables rendering an existing anchor-compatible child element. @default false */
+    asChild?: boolean;
+}
+/**
+ * Props for the {@link BreadcrumbPage} component.
+ */
+export type BreadcrumbPageProps = React.ComponentPropsWithoutRef<"span">;
+/**
+ * Props for the {@link BreadcrumbSeparator} component.
+ */
+export type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<"li">;
+/**
+ * Props for the {@link BreadcrumbEllipsis} component.
+ */
+export type BreadcrumbEllipsisProps = React.ComponentPropsWithoutRef<"span">;
+/**
+ * Provides semantic breadcrumb navigation for hierarchical page structures.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<nav>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href='/'>Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ * ```
+ *
+ * @see {@link BreadcrumbProps} for available props
+ */
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Groups breadcrumb items inside an ordered list.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<ol>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbList>
+ *   <BreadcrumbItem />
+ * </BreadcrumbList>
+ * ```
+ *
+ * @see {@link BreadcrumbListProps} for available props
+ */
 declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+/**
+ * Wraps a single breadcrumb node within the list.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<li>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbItem>
+ *   <BreadcrumbLink href='/docs'>Docs</BreadcrumbLink>
+ * </BreadcrumbItem>
+ * ```
+ *
+ * @see {@link BreadcrumbItemProps} for available props
+ */
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Renders a navigable breadcrumb link with optional child element composition.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<a>` element by default
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbLink href='/settings'>Settings</BreadcrumbLink>
+ * ```
+ *
+ * @see {@link BreadcrumbLinkProps} for available props
+ */
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Marks the current page within the breadcrumb trail.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<span>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbPage>Current page</BreadcrumbPage>
+ * ```
+ *
+ * @see {@link BreadcrumbPageProps} for available props
+ */
 declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Displays visual separation between breadcrumb items.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<li>` element
+ * - Defaults to a `ChevronRight` separator icon when `children` is not provided
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbSeparator />
+ * ```
+ *
+ * @example Custom separator
+ * ```tsx
+ * <BreadcrumbSeparator>/</BreadcrumbSeparator>
+ * ```
+ *
+ * @see {@link BreadcrumbSeparatorProps} for available props
+ */
+declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+/**
+ * Indicates collapsed breadcrumb items in truncated navigation trails.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<span>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <BreadcrumbEllipsis />
+ * ```
+ *
+ * @see {@link BreadcrumbEllipsisProps} for available props
+ */
+declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 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":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU;gBAGA,KAAK,CAAC,SAAS;qCAQ7B,CAAC;AAGH,QAAA,MAAM,cAAc,2KAMlB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,QAAA,MAAM,cAAc;cAGN,OAAO;2CAYnB,CAAC;AAGH,QAAA,MAAM,cAAc,sKASlB,CAAC;AAGH,QAAA,MAAM,mBAAmB;wCAAqC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAS9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,6FAA6F;IAC7F,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC;IAC9E,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,UAAU,qFASf,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,2KAQnB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,kKAQnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,+FAwBnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,sKAWnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,mBAAmB,kKAWxB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,sKAYvB,CAAC;AAUF,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/ui/breadcrumb.js

@@ -1,69 +1,78 @@
-"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { forwardRef } from "react";
+import { cloneElement, forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const Breadcrumb = /*#__PURE__*/ forwardRef(({ ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
+import breadcrumb_module from "./breadcrumb.module.js";
+const Breadcrumb = /*#__PURE__*/ forwardRef(({ className, separator: _separator, ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
         ref: ref,
         "aria-label": "breadcrumb",
+        className: cn(breadcrumb_module.root, className),
         ...props
     }));
-Breadcrumb.displayName = "Breadcrumb";
 const BreadcrumbList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ol", {
         ref: ref,
-        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),
+        className: cn(breadcrumb_module.list, className),
         ...props
     }));
-BreadcrumbList.displayName = "BreadcrumbList";
 const BreadcrumbItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
-        className: cn("inline-flex items-center gap-1.5", className),
+        className: cn(breadcrumb_module.item, className),
         ...props
     }));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild, className, ...props }, ref)=>{
-    const Comp = asChild ? Slot : "a";
-    return /*#__PURE__*/ jsx(Comp, {
+const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild = false, className, children, ...props }, ref)=>{
+    const mergedClassName = cn(breadcrumb_module.link, className);
+    if (asChild && /*#__PURE__*/ isValidElement(children)) {
+        const child = children;
+        return /*#__PURE__*/ cloneElement(child, {
+            ...props,
+            ref,
+            className: cn(mergedClassName, child.props.className)
+        });
+    }
+    return /*#__PURE__*/ jsx("a", {
         ref: ref,
-        className: cn("transition-colors hover:text-neutral-950 dark:hover:text-neutral-50", className),
-        ...props
+        className: mergedClassName,
+        ...props,
+        children: children
     });
 });
-BreadcrumbLink.displayName = "BreadcrumbLink";
 const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
         ref: ref,
         role: "link",
-        "aria-disabled": "true",
         "aria-current": "page",
-        className: cn("font-normal text-neutral-950 dark:text-neutral-50", className),
+        "aria-disabled": "true",
+        className: cn(breadcrumb_module.page, className),
         ...props
     }));
-BreadcrumbPage.displayName = "BreadcrumbPage";
-const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ jsx("li", {
+const BreadcrumbSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+        ref: ref,
         role: "presentation",
         "aria-hidden": "true",
-        className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+        className: cn(breadcrumb_module.separator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronRight, {})
-    });
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-const BreadcrumbEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
+    }));
+const BreadcrumbEllipsis = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+        ref: ref,
         role: "presentation",
         "aria-hidden": "true",
-        className: cn("flex h-9 w-9 items-center justify-center", className),
+        className: cn(breadcrumb_module.ellipsis, className),
         ...props,
         children: [
-            /*#__PURE__*/ jsx(MoreHorizontal, {
-                className: "h-4 w-4"
-            }),
+            /*#__PURE__*/ jsx(MoreHorizontal, {}),
             /*#__PURE__*/ jsx("span", {
-                className: "sr-only",
+                className: breadcrumb_module.srOnly,
                 children: "More"
             })
         ]
-    });
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+    }));
+Breadcrumb.displayName = "Breadcrumb";
+BreadcrumbList.displayName = "BreadcrumbList";
+BreadcrumbItem.displayName = "BreadcrumbItem";
+BreadcrumbLink.displayName = "BreadcrumbLink";
+BreadcrumbPage.displayName = "BreadcrumbPage";
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 
 //# sourceMappingURL=breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/breadcrumb.js","sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["\"use client\";\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\nconst Breadcrumb = React.forwardRef<\r\n  HTMLElement,\r\n  React.ComponentPropsWithoutRef<\"nav\"> & {\r\n    separator?: React.ReactNode;\r\n  }\r\n>(({...props}, ref) => (\r\n  <nav\r\n    ref={ref}\r\n    aria-label='breadcrumb'\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({className, ...props}, ref) => (\r\n  <ol\r\n    ref={ref}\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\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentPropsWithoutRef<\"a\"> & {\r\n    asChild?: boolean;\r\n  }\r\n>(({asChild, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\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\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({className, ...props}, ref) => (\r\n  <span\r\n    ref={ref}\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\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({children, className, ...props}: React.ComponentProps<\"li\">) => (\r\n  <li\r\n    role='presentation'\r\n    aria-hidden='true'\r\n    className={cn(\"[&>svg]:h-3.5 [&>svg]:w-3.5\", className)}\r\n    {...props}>\r\n    {children ?? <ChevronRight />}\r\n  </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\r\n  <span\r\n    role='presentation'\r\n    aria-hidden='true'\r\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n    {...props}>\r\n    <MoreHorizontal className='h-4 w-4' />\r\n    <span className='sr-only'>More</span>\r\n  </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport {Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator};\r\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,MAAMA,aAAa,WAAbA,GAAaC,WAKjB,CAAC,EAAC,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACb,IAAC;QACC,KAAKA;QACL,cAAW;QACV,GAAGD,KAAK;;AAGbF,WAAW,WAAW,GAAG;AAEzB,MAAMI,iBAAiB,WAAjBA,GAAiBH,WAAyE,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACtH,IAAC;QACC,KAAKA;QACL,WAAWG,GAAG,6GAA6GD;QAC1H,GAAGH,KAAK;;AAGbE,eAAe,WAAW,GAAG;AAE7B,MAAMG,iBAAiB,WAAjBA,GAAiBN,WAAsE,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACnH,IAAC;QACC,KAAKA;QACL,WAAWG,GAAG,oCAAoCD;QACjD,GAAGH,KAAK;;AAGbK,eAAe,WAAW,GAAG;AAE7B,MAAMC,iBAAiB,WAAjBA,GAAiBP,WAKrB,CAAC,EAACQ,OAAO,EAAEJ,SAAS,EAAE,GAAGH,OAAM,EAAEC;IACjC,MAAMO,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAKP;QACL,WAAWG,GAAG,uEAAuED;QACpF,GAAGH,KAAK;;AAGf;AACAM,eAAe,WAAW,GAAG;AAE7B,MAAMI,iBAAiB,WAAjBA,GAAiBX,WAA0E,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACvH,IAAC;QACC,KAAKA;QACL,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GAAG,qDAAqDD;QAClE,GAAGH,KAAK;;AAGbU,eAAe,WAAW,GAAG;AAE7B,MAAMC,sBAAsB,CAAC,EAACC,QAAQ,EAAET,SAAS,EAAE,GAAGH,OAAkC,iBACtF,IAAC;QACC,MAAK;QACL,eAAY;QACZ,WAAWI,GAAG,+BAA+BD;QAC5C,GAAGH,KAAK;kBACRY,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAG9BF,oBAAoB,WAAW,GAAG;AAElC,MAAMG,qBAAqB,CAAC,EAACX,SAAS,EAAE,GAAGH,OAAoC,iBAC7E,KAAC;QACC,MAAK;QACL,eAAY;QACZ,WAAWI,GAAG,4CAA4CD;QACzD,GAAGH,KAAK;;0BACT,IAACe,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAG9BD,mBAAmB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/breadcrumb.js","sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\r\n\r\nimport {ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./breadcrumb.module.css\";\r\n\r\n/**\r\n * Props for the {@link Breadcrumb} component.\r\n */\r\nexport interface BreadcrumbProps extends React.ComponentPropsWithoutRef<\"nav\"> {\r\n  /** Reserved separator content prop for custom breadcrumb compositions. @default undefined */\r\n  separator?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Props for the {@link BreadcrumbList} component.\r\n */\r\nexport type BreadcrumbListProps = React.ComponentPropsWithoutRef<\"ol\">;\r\n\r\n/**\r\n * Props for the {@link BreadcrumbItem} component.\r\n */\r\nexport type BreadcrumbItemProps = React.ComponentPropsWithoutRef<\"li\">;\r\n\r\n/**\r\n * Props for the {@link BreadcrumbLink} component.\r\n */\r\nexport interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<\"a\"> {\r\n  /** Enables rendering an existing anchor-compatible child element. @default false */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Props for the {@link BreadcrumbPage} component.\r\n */\r\nexport type BreadcrumbPageProps = React.ComponentPropsWithoutRef<\"span\">;\r\n\r\n/**\r\n * Props for the {@link BreadcrumbSeparator} component.\r\n */\r\nexport type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<\"li\">;\r\n\r\n/**\r\n * Props for the {@link BreadcrumbEllipsis} component.\r\n */\r\nexport type BreadcrumbEllipsisProps = React.ComponentPropsWithoutRef<\"span\">;\r\n\r\n/**\r\n * Provides semantic breadcrumb navigation for hierarchical page structures.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<nav>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Breadcrumb>\r\n *   <BreadcrumbList>\r\n *     <BreadcrumbItem>\r\n *       <BreadcrumbLink href='/'>Home</BreadcrumbLink>\r\n *     </BreadcrumbItem>\r\n *   </BreadcrumbList>\r\n * </Breadcrumb>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbProps} for available props\r\n */\r\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\r\n  ({className, separator: _separator, ...props}: Readonly<BreadcrumbProps>, ref): React.JSX.Element => (\r\n    <nav\r\n      ref={ref}\r\n      aria-label='breadcrumb'\r\n      className={cn(styles.root, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups breadcrumb items inside an ordered list.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<ol>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbList>\r\n *   <BreadcrumbItem />\r\n * </BreadcrumbList>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbListProps} for available props\r\n */\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\r\n  ({className, ...props}: Readonly<BreadcrumbListProps>, ref): React.JSX.Element => (\r\n    <ol\r\n      ref={ref}\r\n      className={cn(styles.list, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps a single breadcrumb node within the list.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<li>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbItem>\r\n *   <BreadcrumbLink href='/docs'>Docs</BreadcrumbLink>\r\n * </BreadcrumbItem>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbItemProps} for available props\r\n */\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\r\n  ({className, ...props}: Readonly<BreadcrumbItemProps>, ref): React.JSX.Element => (\r\n    <li\r\n      ref={ref}\r\n      className={cn(styles.item, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a navigable breadcrumb link with optional child element composition.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element by default\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbLink href='/settings'>Settings</BreadcrumbLink>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbLinkProps} for available props\r\n */\r\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\r\n  ({asChild = false, className, children, ...props}: Readonly<BreadcrumbLinkProps>, ref): React.JSX.Element => {\r\n    const mergedClassName = cn(styles.link, className);\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      const child = children as React.ReactElement<React.ComponentPropsWithoutRef<\"a\"> & {ref?: React.Ref<HTMLAnchorElement>}>;\r\n\r\n      // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n      return React.cloneElement(child, {\r\n        ...props,\r\n        ref,\r\n        className: cn(mergedClassName, child.props.className),\r\n      });\r\n    }\r\n\r\n    return (\r\n      <a\r\n        ref={ref}\r\n        className={mergedClassName}\r\n        {...props}>\r\n        {children}\r\n      </a>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Marks the current page within the breadcrumb trail.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbPage>Current page</BreadcrumbPage>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbPageProps} for available props\r\n */\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\r\n  ({className, ...props}: Readonly<BreadcrumbPageProps>, ref): React.JSX.Element => (\r\n    <span\r\n      ref={ref}\r\n      role='link'\r\n      aria-current='page'\r\n      aria-disabled='true'\r\n      className={cn(styles.page, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Displays visual separation between breadcrumb items.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<li>` element\r\n * - Defaults to a `ChevronRight` separator icon when `children` is not provided\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbSeparator />\r\n * ```\r\n *\r\n * @example Custom separator\r\n * ```tsx\r\n * <BreadcrumbSeparator>/</BreadcrumbSeparator>\r\n * ```\r\n *\r\n * @see {@link BreadcrumbSeparatorProps} for available props\r\n */\r\nconst BreadcrumbSeparator = React.forwardRef<HTMLLIElement, BreadcrumbSeparatorProps>(\r\n  ({children, className, ...props}: Readonly<BreadcrumbSeparatorProps>, ref): React.JSX.Element => (\r\n    <li\r\n      ref={ref}\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      {children ?? <ChevronRight />}\r\n    </li>\r\n  ),\r\n);\r\n\r\n/**\r\n * Indicates collapsed breadcrumb items in truncated navigation trails.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <BreadcrumbEllipsis />\r\n * ```\r\n *\r\n * @see {@link BreadcrumbEllipsisProps} for available props\r\n */\r\nconst BreadcrumbEllipsis = React.forwardRef<HTMLSpanElement, BreadcrumbEllipsisProps>(\r\n  ({className, ...props}: Readonly<BreadcrumbEllipsisProps>, ref): React.JSX.Element => (\r\n    <span\r\n      ref={ref}\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(styles.ellipsis, className)}\r\n      {...props}>\r\n      <MoreHorizontal />\r\n      <span className={styles.srOnly}>More</span>\r\n    </span>\r\n  ),\r\n);\r\n\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\r\n\r\nexport {Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator};\r\n"],"names":["Breadcrumb","React","className","_separator","props","ref","cn","styles","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","asChild","children","mergedClassName","child","BreadcrumbPage","BreadcrumbSeparator","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;AAsEA,MAAMA,aAAa,WAAHA,GAAGC,WACjB,CAAC,EAACC,SAAS,EAAE,WAAWC,UAAU,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACxE,IAAC;QACC,KAAKA;QACL,cAAW;QACX,WAAWC,GAAGC,kBAAAA,IAAW,EAAEL;QAC1B,GAAGE,KAAK;;AAsBf,MAAMI,iBAAiB,WAAHA,GAAGP,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEL;QAC1B,GAAGE,KAAK;;AAsBf,MAAMK,iBAAiB,WAAHA,GAAGR,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEL;QAC1B,GAAGE,KAAK;;AAoBf,MAAMM,iBAAiB,WAAHA,GAAGT,WACrB,CAAC,EAACU,UAAU,KAAK,EAAET,SAAS,EAAEU,QAAQ,EAAE,GAAGR,OAAqC,EAAEC;IAChF,MAAMQ,kBAAkBP,GAAGC,kBAAAA,IAAW,EAAEL;IAExC,IAAIS,WAAW,WAAXA,GAAWV,eAAqBW,WAAW;QAC7C,MAAME,QAAQF;QAGd,OAAO,WAAP,GAAOX,aAAmBa,OAAO;YAC/B,GAAGV,KAAK;YACRC;YACA,WAAWC,GAAGO,iBAAiBC,MAAM,KAAK,CAAC,SAAS;QACtD;IACF;IAEA,OAAO,WAAP,GACE,IAAC;QACC,KAAKT;QACL,WAAWQ;QACV,GAAGT,KAAK;kBACRQ;;AAGP;AAkBF,MAAMG,iBAAiB,WAAHA,GAAGd,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,gBAAa;QACb,iBAAc;QACd,WAAWC,GAAGC,kBAAAA,IAAW,EAAEL;QAC1B,GAAGE,KAAK;;AA0Bf,MAAMY,sBAAsB,WAAHA,GAAGf,WAC1B,CAAC,EAACW,QAAQ,EAAEV,SAAS,EAAE,GAAGE,OAA0C,EAAEC,MAAAA,WAAAA,GACpE,IAAC;QACC,KAAKA;QACL,MAAK;QACL,eAAY;QACZ,WAAWC,GAAGC,kBAAAA,SAAgB,EAAEL;QAC/B,GAAGE,KAAK;kBACRQ,YAAY,WAAZA,GAAY,IAACK,cAAYA,CAAAA;;AAoBhC,MAAMC,qBAAqB,WAAHA,GAAGjB,WACzB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAAC;QACC,KAAKA;QACL,MAAK;QACL,eAAY;QACZ,WAAWC,GAAGC,kBAAAA,QAAe,EAAEL;QAC9B,GAAGE,KAAK;;0BACT,IAACe,gBAAcA,CAAAA;0BACf,IAAC;gBAAK,WAAWZ,kBAAAA,MAAa;0BAAE;;;;AAKtCP,WAAW,WAAW,GAAG;AACzBQ,eAAe,WAAW,GAAG;AAC7BC,eAAe,WAAW,GAAG;AAC7BC,eAAe,WAAW,GAAG;AAC7BK,eAAe,WAAW,GAAG;AAC7BC,oBAAoB,WAAW,GAAG;AAClCE,mBAAmB,WAAW,GAAG"}

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

@@ -0,0 +1,14 @@
+import "./breadcrumb_module.css";
+const breadcrumb_module = {
+    root: "root-me55sz",
+    list: "list-EcK2M1",
+    item: "item-NgwWCI",
+    link: "link-Rm532a",
+    page: "page-F4a5dL",
+    separator: "separator-QL_9rQ",
+    ellipsis: "ellipsis-jAUXe_",
+    srOnly: "srOnly-qF0F14"
+};
+export default breadcrumb_module;
+
+//# sourceMappingURL=breadcrumb.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/breadcrumb.module.js","sources":["../../../src/components/ui/breadcrumb.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./breadcrumb_module.css\"\nexport default {\"root\":\"root-me55sz\",\"list\":\"list-EcK2M1\",\"item\":\"item-NgwWCI\",\"link\":\"link-Rm532a\",\"page\":\"page-F4a5dL\",\"separator\":\"separator-QL_9rQ\",\"ellipsis\":\"ellipsis-jAUXe_\",\"srOnly\":\"srOnly-qF0F14\"};"],"names":[],"mappings":";AAEA,0BAAe;IAAC,MAAO;IAAc,MAAO;IAAc,MAAO;IAAc,MAAO;IAAc,MAAO;IAAc,WAAY;IAAmB,UAAW;IAAkB,QAAS;AAAe"}

package/dist/components/ui/breadcrumb_module.css

@@ -0,0 +1,90 @@
+.root-me55sz {
+  display: block;
+}
+
+.list-EcK2M1 {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-2);
+  word-break: break-word;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+@media (width >= 640px) {
+  .list-EcK2M1 {
+    gap: calc(var(--ac-space-2) + var(--ac-space-1));
+  }
+}
+
+.item-NgwWCI {
+  align-items: center;
+  gap: var(--ac-space-2);
+  min-width: 0;
+  display: inline-flex;
+}
+
+.link-Rm532a {
+  color: inherit;
+  transition: color var(--ac-transition-fast);
+  text-decoration: none;
+}
+
+@media (hover: hover) {
+  .link-Rm532a:hover {
+    color: var(--ac-foreground);
+  }
+}
+
+.page-F4a5dL {
+  color: var(--ac-foreground);
+  font-weight: 500;
+}
+
+.separator-QL_9rQ {
+  color: var(--ac-muted-foreground);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.separator-QL_9rQ > svg {
+  width: .875rem;
+  height: .875rem;
+}
+
+.ellipsis-jAUXe_ {
+  color: var(--ac-muted-foreground);
+  height: var(--ac-size-lg);
+  width: var(--ac-size-lg);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.ellipsis-jAUXe_ > svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.srOnly-qF0F14 {
+  clip: rect(0,0,0,0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+
+/*# sourceMappingURL=breadcrumb_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/breadcrumb.module.css","webpack://./src/components/ui/breadcrumb.module.css"],"names":[],"mappings":"AADA;ECEE,cAAc;AAChB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,eAAe;EACf,SAAS;EACT,UAAU;EACV,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE;IACE,gDAAgD;EAClD;AACF;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,2CAA2C;EAC3C,qBAAqB;AACvB;;AAEA;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,2BAA2B;EAC3B,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,iCAAiC;EACjC,yBAAyB;EACzB,wBAAwB;EACxB,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".root{display:block}.list{align-items:center;color:var(--ac-muted-foreground);display:flex;flex-wrap:wrap;font-size:var(--ac-text-sm);gap:var(--ac-space-2);list-style:none;margin:0;padding:0;word-break:break-word}@media (min-width:640px){.list{gap:calc(var(--ac-space-2) + var(--ac-space-1))}}.item{align-items:center;display:inline-flex;gap:var(--ac-space-2);min-width:0}.link{color:inherit;text-decoration:none;transition:color var(--ac-transition-fast)}@media (hover:hover){.link:hover{color:var(--ac-foreground)}}.page{color:var(--ac-foreground);font-weight:500}.separator{align-items:center;color:var(--ac-muted-foreground);display:inline-flex;flex-shrink:0;justify-content:center}.separator>svg{height:.875rem;width:.875rem}.ellipsis{align-items:center;color:var(--ac-muted-foreground);display:inline-flex;flex-shrink:0;height:var(--ac-size-lg);justify-content:center;position:relative;width:var(--ac-size-lg)}.ellipsis>svg{height:1rem;width:1rem}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".root {\n  display: block;\n}\n\n.list {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  word-break: break-word;\n  flex-wrap: wrap;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n}\n\n@media (width >= 640px) {\n  .list {\n    gap: calc(var(--ac-space-2) + var(--ac-space-1));\n  }\n}\n\n.item {\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-width: 0;\n  display: inline-flex;\n}\n\n.link {\n  color: inherit;\n  transition: color var(--ac-transition-fast);\n  text-decoration: none;\n}\n\n@media (hover: hover) {\n  .link:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.page {\n  color: var(--ac-foreground);\n  font-weight: 500;\n}\n\n.separator {\n  color: var(--ac-muted-foreground);\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n}\n\n.separator > svg {\n  width: .875rem;\n  height: .875rem;\n}\n\n.ellipsis {\n  color: var(--ac-muted-foreground);\n  height: var(--ac-size-lg);\n  width: var(--ac-size-lg);\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n}\n\n.ellipsis > svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.srOnly {\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n"],"sourceRoot":""}

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

@@ -1,17 +1,45 @@
 import { type SpringOptions } from "motion/react";
 import * as React from "react";
-interface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+/** Configurable bubble color channels consumed by the CSS module. */
+export interface BubbleBackgroundColors {
+    /** Primary bubble RGB triplet. @default "18,113,255" */
+    first: string;
+    /** Secondary bubble RGB triplet. @default "221,74,255" */
+    second: string;
+    /** Tertiary bubble RGB triplet. @default "0,220,255" */
+    third: string;
+    /** Fourth bubble RGB triplet. @default "200,50,50" */
+    fourth: string;
+    /** Fifth bubble RGB triplet. @default "180,180,50" */
+    fifth: string;
+    /** Sixth bubble RGB triplet used by the interactive layer. @default "140,100,255" */
+    sixth: string;
+}
+/** Props accepted by {@link BubbleBackground}. */
+export interface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enables mouse-following motion for the interactive bubble layer. @default false */
     interactive?: boolean;
+    /** Spring configuration applied to the interactive bubble motion. @default {stiffness: 100, damping: 20} */
     transition?: SpringOptions;
-    colors?: {
-        first: string;
-        second: string;
-        third: string;
-        fourth: string;
-        fifth: string;
-        sixth: string;
-    };
+    /** Overrides the CSS custom property color palette for the bubbles. @default {first: "18,113,255", second: "221,74,255", third: "0,220,255", fourth: "200,50,50", fifth: "180,180,50", sixth: "140,100,255"} */
+    colors?: BubbleBackgroundColors;
 }
+/**
+ * Renders drifting gradient bubbles with an optional interactive cursor follower.
+ *
+ * @remarks
+ * - Animated component using the `motion` library
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ * - Client-side only (`"use client"` directive)
+ *
+ * @example
+ * ```tsx
+ * <BubbleBackground interactive />
+ * ```
+ *
+ * @see {@link BubbleBackgroundProps} for available props
+ */
 declare const BubbleBackground: React.ForwardRefExoticComponent<BubbleBackgroundProps & React.RefAttributes<HTMLDivElement>>;
-export { BubbleBackground, type BubbleBackgroundProps };
+export { BubbleBackground };
 //# sourceMappingURL=bubble-background.d.ts.map

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,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"}
+{"version":3,"file":"bubble-background.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bubble-background.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,aAAa,EAA6C,MAAM,cAAc,CAAC;AACpG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,qEAAqE;AACrE,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kDAAkD;AAClD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,sFAAsF;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gNAAgN;IAChN,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAWD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,8FAkJrB,CAAC;AAIF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}