@arolariu/components 0.5.0 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/hole-background.module.js","sources":["../../../src/components/ui/hole-background.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./hole-background_module.css\"\nexport default {\"root\":\"root-OfHeSV\",\"canvas\":\"canvas-tTs4tg\",\"glow\":\"glow-nZsD4t\",\"scanlines\":\"scanlines-JVTosf\"};"],"names":[],"mappings":";AAEA,+BAAe;IAAC,MAAO;IAAc,QAAS;IAAgB,MAAO;IAAc,WAAY;AAAkB"}

package/dist/components/ui/hole-background_module.css

@@ -0,0 +1,85 @@
+.root-OfHeSV {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.root-OfHeSV:before {
+  content: "";
+  background: radial-gradient(at 50% 55%, #0000 10%, #fff 50%);
+  width: 140%;
+  height: 140%;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+}
+
+.dark .root-OfHeSV:before {
+  background: radial-gradient(at 50% 55%, #0000 10%, #000 50%);
+}
+
+[data-theme=dark] .root-OfHeSV:before {
+  background: radial-gradient(at 50% 55%, #0000 10%, #000 50%);
+}
+
+.root-OfHeSV:after {
+  content: "";
+  mix-blend-mode: overlay;
+  z-index: 5;
+  background: radial-gradient(at 50% 75%, #a900ff 20%, #0000 75%);
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+}
+
+.canvas-tTs4tg, .root-OfHeSV:after {
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: absolute;
+}
+
+.canvas-tTs4tg {
+  opacity: .1;
+  inset: 0;
+}
+
+:is(.dark .canvas-tTs4tg, [data-theme=dark] .canvas-tTs4tg) {
+  opacity: .2;
+}
+
+.glow-nZsD4t {
+  filter: blur(48px);
+  mix-blend-mode: plus-darker;
+  opacity: .75;
+  z-index: 3;
+  background: linear-gradient(20deg, #00f8f1, #ffbd1e40 16.5%, #fe848f 33%, #fe848f40 49.5%, #00f8f1 66%, #00f8f180 85.5%, #ffbd1e) 0 100% / 100% 200%;
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  width: 30%;
+  height: 140%;
+  position: absolute;
+  top: -71.5%;
+  left: 50%;
+  transform: translate3d(-50%, 0, 0);
+}
+
+:is(.dark .glow-nZsD4t, [data-theme=dark] .glow-nZsD4t) {
+  mix-blend-mode: plus-lighter;
+  background: linear-gradient(20deg, #00f8f1, #ffbd1e20 16.5%, #fe848f 33%, #fe848f20 49.5%, #00f8f1 66%, #00f8f160 85.5%, #ffbd1e);
+}
+
+.scanlines-JVTosf {
+  mix-blend-mode: overlay;
+  opacity: .5;
+  z-index: 7;
+  background: repeating-linear-gradient(#0000, #0000 1px, #fff 0 2px);
+  position: absolute;
+  inset: 0;
+}
+
+
+/*# sourceMappingURL=hole-background_module.css.map */

package/dist/components/ui/hole-background_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/hole-background.module.css","webpack://./src/components/ui/hole-background.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,4DAA4D;EAC5D,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,4DAA4D;AAC9D;;AAEA;EACE,4DAA4D;AAC9D;;AAEA;EACE,WAAW;EACX,uBAAuB;EACvB,UAAU;EACV,+DAA+D;EAC/D,QAAQ;EACR,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,QAAQ;AACV;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,2BAA2B;EAC3B,YAAY;EACZ,UAAU;EACV,oJAAoJ;EACpJ,kCAAkC;EAClC,iCAAiC;EACjC,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,kCAAkC;AACpC;;AAEA;EACE,4BAA4B;EAC5B,iIAAiI;AACnI;;AAEA;EACE,uBAAuB;EACvB,WAAW;EACX,UAAU;EACV,mEAAmE;EACnE,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{height:100%;overflow:hidden;position:relative;width:100%}.root:before{background:radial-gradient(ellipse at 50% 55%,transparent 10%,#fff 50%);content:\"\";display:block;height:140%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:140%}:global(.dark) .root:before,:global([data-theme=dark]) .root:before{background:radial-gradient(ellipse at 50% 55%,transparent 10%,#000 50%)}.root:after{background:radial-gradient(ellipse at 50% 75%,#a900ff 20%,transparent 75%);content:\"\";left:50%;mix-blend-mode:overlay;top:50%;transform:translate3d(-50%,-50%,0);z-index:5}.canvas,.root:after{display:block;height:100%;position:absolute;width:100%}.canvas{inset:0;opacity:.1}:global(.dark) .canvas,:global([data-theme=dark]) .canvas{opacity:.2}.glow{background:linear-gradient(20deg,#00f8f1,rgba(255,189,30,.25) 16.5%,#fe848f 33%,rgba(254,132,143,.25) 49.5%,#00f8f1 66%,rgba(0,248,241,.5) 85.5%,#ffbd1e);background-position:0 100%;background-size:100% 200%;border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;filter:blur(48px);height:140%;left:50%;mix-blend-mode:plus-darker;opacity:.75;position:absolute;top:-71.5%;transform:translate3d(-50%,0,0);width:30%;z-index:3}:global(.dark) .glow,:global([data-theme=dark]) .glow{background:linear-gradient(20deg,#00f8f1,rgba(255,189,30,.125) 16.5%,#fe848f 33%,rgba(254,132,143,.125) 49.5%,#00f8f1 66%,rgba(0,248,241,.375) 85.5%,#ffbd1e);mix-blend-mode:plus-lighter}.scanlines{background:repeating-linear-gradient(transparent,transparent 1px,#fff 0,#fff 2px);inset:0;mix-blend-mode:overlay;opacity:.5;position:absolute;z-index:7}",".root {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.root:before {\n  content: \"\";\n  background: radial-gradient(at 50% 55%, #0000 10%, #fff 50%);\n  width: 140%;\n  height: 140%;\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n:global(.dark) .root:before {\n  background: radial-gradient(at 50% 55%, #0000 10%, #000 50%);\n}\n\n:global([data-theme=dark]) .root:before {\n  background: radial-gradient(at 50% 55%, #0000 10%, #000 50%);\n}\n\n.root:after {\n  content: \"\";\n  mix-blend-mode: overlay;\n  z-index: 5;\n  background: radial-gradient(at 50% 75%, #a900ff 20%, #0000 75%);\n  top: 50%;\n  left: 50%;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n.canvas, .root:after {\n  width: 100%;\n  height: 100%;\n  display: block;\n  position: absolute;\n}\n\n.canvas {\n  opacity: .1;\n  inset: 0;\n}\n\n:is(:global(.dark) .canvas, :global([data-theme=dark]) .canvas) {\n  opacity: .2;\n}\n\n.glow {\n  filter: blur(48px);\n  mix-blend-mode: plus-darker;\n  opacity: .75;\n  z-index: 3;\n  background: linear-gradient(20deg, #00f8f1, #ffbd1e40 16.5%, #fe848f 33%, #fe848f40 49.5%, #00f8f1 66%, #00f8f180 85.5%, #ffbd1e) 0 100% / 100% 200%;\n  border-bottom-right-radius: 9999px;\n  border-bottom-left-radius: 9999px;\n  width: 30%;\n  height: 140%;\n  position: absolute;\n  top: -71.5%;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n}\n\n:is(:global(.dark) .glow, :global([data-theme=dark]) .glow) {\n  mix-blend-mode: plus-lighter;\n  background: linear-gradient(20deg, #00f8f1, #ffbd1e20 16.5%, #fe848f 33%, #fe848f20 49.5%, #00f8f1 66%, #00f8f160 85.5%, #ffbd1e);\n}\n\n.scanlines {\n  mix-blend-mode: overlay;\n  opacity: .5;\n  z-index: 7;\n  background: repeating-linear-gradient(#0000, #0000 1px, #fff 0 2px);\n  position: absolute;\n  inset: 0;\n}\n"],"sourceRoot":""}

package/dist/components/ui/hover-card.d.ts

@@ -1,7 +1,88 @@
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { PreviewCard as BasePreviewCard } from "@base-ui/react/preview-card";
 import * as React from "react";
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface HoverCardProps extends React.ComponentPropsWithRef<typeof BasePreviewCard.Root> {
+}
+interface HoverCardTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BasePreviewCard.Trigger>, "className"> {
+    /**
+     * Applies additional CSS classes to the component root element.
+     * @default undefined
+     */
+    className?: string;
+}
+interface HoverCardContentProps extends Omit<React.ComponentPropsWithRef<typeof BasePreviewCard.Positioner>, "className"> {
+    /**
+     * Applies additional CSS classes to the component root element.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Offsets the floating content from its anchor in pixels.
+     * @default 4
+     */
+    sideOffset?: number;
+}
+/**
+ * Coordinates hover card state and accessibility behavior.
+ *
+ * @remarks
+ * - Delegates structure and state to the underlying Base UI primitive
+ * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}
+ * - Preserves the underlying primitive API for advanced composition
+ *
+ * @example
+ * ```tsx
+ * <HoverCard>Content</HoverCard>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}
+ */
+declare function HoverCard(props: Readonly<HoverCard.Props>): React.ReactElement;
+declare namespace HoverCard {
+    var displayName: string;
+}
+/**
+ * Renders the hover card trigger.
+ *
+ * @remarks
+ * - Renders a `<a>` element by default
+ * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}
+ * - Supports the `render` prop for element composition
+ *
+ * @example
+ * ```tsx
+ * <HoverCardTrigger>Content</HoverCardTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}
+ */
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardTriggerProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Renders the hover card content.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}
+ * - Supports the `render` prop for element composition
+ *
+ * @example
+ * ```tsx
+ * <HoverCardContent>Content</HoverCardContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}
+ */
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace HoverCard {
+    type Props = HoverCardProps;
+    type State = BasePreviewCard.Root.State;
+}
+declare namespace HoverCardTrigger {
+    type Props = HoverCardTriggerProps;
+    type State = BasePreviewCard.Trigger.State;
+}
+declare namespace HoverCardContent {
+    type Props = HoverCardContentProps;
+    type State = BasePreviewCard.Popup.State;
+}
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

package/dist/components/ui/hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,6CAA0B,CAAC;AAE1C,QAAA,MAAM,gBAAgB,oHAA6B,CAAC;AAEpD,QAAA,MAAM,gBAAgB,oKAcpB,CAAC;AAGH,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,cAAe,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;CAAG;AAC5F,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IACpH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IACvH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAEvE;kBAFQ,SAAS;;;AAIlB;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,8GAiBrB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,2GA0BrB,CAAC;AAGF,kBAAU,SAAS,CAAC;IAClB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;CACnD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAMD,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/ui/hover-card.js

@@ -1,18 +1,60 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Content, Root, Trigger } from "@radix-ui/react-hover-card";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { PreviewCard } from "@base-ui/react/preview-card";
+import { useRender } from "@base-ui/react/use-render";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const HoverCard = Root;
-const HoverCardTrigger = Trigger;
-const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        align: align,
-        sideOffset: sideOffset,
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[--radix-hover-card-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
+import hover_card_module from "./hover-card.module.js";
+function HoverCard(props) {
+    return /*#__PURE__*/ jsx(PreviewCard.Root, {
         ...props
-    }));
-HoverCardContent.displayName = Content.displayName;
+    });
+}
+const HoverCardTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(PreviewCard.Trigger, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "a",
+            render: render,
+            props: mergeProps({
+                className
+            }, {})
+        }),
+        children: children
+    });
+});
+const HoverCardContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, sideOffset = 4, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(PreviewCard.Portal, {
+        children: /*#__PURE__*/ jsx(PreviewCard.Positioner, {
+            sideOffset: sideOffset,
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "div",
+                props: mergeProps({
+                    className: hover_card_module.positioner
+                }, {})
+            }),
+            children: /*#__PURE__*/ jsx(PreviewCard.Popup, {
+                ref: ref,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(hover_card_module.popup, className)
+                    }, {})
+                }),
+                children: children
+            })
+        })
+    });
+});
+HoverCard.displayName = "HoverCard";
+HoverCardTrigger.displayName = "HoverCardTrigger";
+HoverCardContent.displayName = "HoverCardContent";
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 
 //# sourceMappingURL=hover-card.js.map

package/dist/components/ui/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/hover-card.js","sources":["../../../src/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst HoverCard = HoverCardPrimitive.Root;\r\n\r\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\r\n\r\nconst HoverCardContent = React.forwardRef<\r\n  React.ComponentRef<typeof HoverCardPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\r\n>(({className, align = \"center\", sideOffset = 4, ...props}, ref) => (\r\n  <HoverCardPrimitive.Content\r\n    ref={ref}\r\n    align={align}\r\n    sideOffset={sideOffset}\r\n    className={cn(\r\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[--radix-hover-card-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\r\n\r\nexport {HoverCard, HoverCardContent, HoverCardTrigger};\r\n"],"names":["HoverCard","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,YAAYC;AAElB,MAAMC,mBAAmBD;AAEzB,MAAME,mBAAmB,WAAnBA,GAAmBC,WAGvB,CAAC,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1D,IAACR,SAA0B;QACzB,KAAKQ;QACL,OAAOH;QACP,YAAYC;QACZ,WAAWG,GACT,8iBACAL;QAED,GAAGG,KAAK;;AAGbL,iBAAiB,WAAW,GAAGF,QAAAA,WAAsC"}
+{"version":3,"file":"components/ui/hover-card.js","sources":["../../../src/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {PreviewCard as BasePreviewCard} from \"@base-ui/react/preview-card\";\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 \"./hover-card.module.css\";\r\n\r\ninterface HoverCardProps extends React.ComponentPropsWithRef<typeof BasePreviewCard.Root> {}\r\ninterface HoverCardTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BasePreviewCard.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface HoverCardContentProps extends Omit<React.ComponentPropsWithRef<typeof BasePreviewCard.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Offsets the floating content from its anchor in pixels.\r\n   * @default 4\r\n   */\r\n  sideOffset?: number;\r\n}\r\n\r\n/**\r\n * Coordinates hover card state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <HoverCard>Content</HoverCard>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}\r\n */\r\nfunction HoverCard(props: Readonly<HoverCard.Props>): React.ReactElement {\r\n  return <BasePreviewCard.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the hover card trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<a>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <HoverCardTrigger>Content</HoverCardTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}\r\n */\r\nconst HoverCardTrigger = React.forwardRef<HTMLAnchorElement, HoverCardTrigger.Props>(\r\n  (props: Readonly<HoverCardTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BasePreviewCard.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"a\",\r\n          render: render as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {children}\r\n      </BasePreviewCard.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the hover card content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/preview-card | Base UI Preview Card}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <HoverCardContent>Content</HoverCardContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/preview-card | Base UI Documentation}\r\n */\r\nconst HoverCardContent = React.forwardRef<React.ComponentRef<typeof BasePreviewCard.Popup>, HoverCardContent.Props>(\r\n  (props: Readonly<HoverCardContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BasePreviewCard.Portal>\r\n        <BasePreviewCard.Positioner\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BasePreviewCard.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BasePreviewCard.Popup>\r\n        </BasePreviewCard.Positioner>\r\n      </BasePreviewCard.Portal>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace HoverCard {\r\n  export type Props = HoverCardProps;\r\n  export type State = BasePreviewCard.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace HoverCardTrigger {\r\n  export type Props = HoverCardTriggerProps;\r\n  export type State = BasePreviewCard.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace HoverCardContent {\r\n  export type Props = HoverCardContentProps;\r\n  export type State = BasePreviewCard.Popup.State;\r\n}\r\n\r\nHoverCard.displayName = \"HoverCard\";\r\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\r\nHoverCardContent.displayName = \"HoverCardContent\";\r\n\r\nexport {HoverCard, HoverCardContent, HoverCardTrigger};\r\n"],"names":["HoverCard","props","BasePreviewCard","HoverCardTrigger","React","ref","className","children","render","otherProps","useRender","mergeProps","HoverCardContent","sideOffset","styles","cn"],"mappings":";;;;;;;;AA8CA,SAASA,UAAUC,KAAgC;IACjD,OAAO,WAAP,GAAO,IAACC,YAAAA,IAAoB;QAAE,GAAGD,KAAK;;AACxC;AAiBA,MAAME,mBAAmB,WAAHA,GAAGC,WACvB,CAACH,OAAyCI;IACxC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGR;IAErD,OAAO,WAAP,GACE,IAACC,YAAAA,OAAuB;QACtB,KAAKG;QACJ,GAAGI,UAAU;QACd,QAAQC,UAAU;YAChB,gBAAgB;YAChB,QAAQF;YACR,OAAOG,WAAW;gBAACL;YAAS,GAAG,CAAC;QAClC;kBACCC;;AAGP;AAkBF,MAAMK,mBAAmB,WAAHA,GAAGR,WACvB,CAACH,OAAyCI;IACxC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEK,aAAa,CAAC,EAAE,GAAGJ,YAAW,GAAGR;IAErE,OAAO,WAAP,GACE,IAACC,YAAAA,MAAsB;kBACrB,kBAACA,YAAAA,UAA0B;YACzB,YAAYW;YACX,GAAGJ,UAAU;YACd,QAAQC,UAAU;gBAChB,gBAAgB;gBAChB,OAAOC,WAAW;oBAAC,WAAWG,kBAAAA,UAAiB;gBAAA,GAAG,CAAC;YACrD;sBACA,kBAACZ,YAAAA,KAAqB;gBACpB,KAAKG;gBACL,QAAQK,UAAU;oBAChB,gBAAgB;oBAChB,QAAQF;oBACR,OAAOG,WAAW;wBAAC,WAAWI,GAAGD,kBAAAA,KAAY,EAAER;oBAAU,GAAG,CAAC;gBAC/D;0BACCC;;;;AAKX;AAqBFP,UAAU,WAAW,GAAG;AACxBG,iBAAiB,WAAW,GAAG;AAC/BS,iBAAiB,WAAW,GAAG"}

package/dist/components/ui/hover-card.module.js

@@ -0,0 +1,8 @@
+import "./hover-card_module.css";
+const hover_card_module = {
+    positioner: "positioner-yGweDz",
+    popup: "popup-ve3G3g"
+};
+export default hover_card_module;
+
+//# sourceMappingURL=hover-card.module.js.map

package/dist/components/ui/hover-card.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/hover-card.module.js","sources":["../../../src/components/ui/hover-card.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./hover-card_module.css\"\nexport default {\"positioner\":\"positioner-yGweDz\",\"popup\":\"popup-ve3G3g\"};"],"names":[],"mappings":";AAEA,0BAAe;IAAC,YAAa;IAAoB,OAAQ;AAAc"}

package/dist/components/ui/hover-card_module.css

@@ -0,0 +1,23 @@
+.positioner-yGweDz {
+  z-index: 50;
+}
+
+.popup-ve3G3g {
+  background-color: var(--ac-popover);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-popover-foreground);
+  padding: var(--ac-space-4);
+  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
+  outline: none;
+  width: 16rem;
+  box-shadow: 0 16px 40px -16px #0000004d;
+}
+
+.popup-ve3G3g[data-ending-style], .popup-ve3G3g[data-starting-style] {
+  opacity: 0;
+  transform: scale(.96);
+}
+
+
+/*# sourceMappingURL=hover-card_module.css.map */

package/dist/components/ui/hover-card_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/hover-card.module.css","webpack://./src/components/ui/hover-card.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,0BAA0B;EAC1B,qFAAqF;EACrF,aAAa;EACb,YAAY;EACZ,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB","sourcesContent":[".positioner{z-index:50}.popup{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.3);color:var(--ac-popover-foreground);outline:none;padding:var(--ac-space-4);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:16rem}.popup[data-ending-style],.popup[data-starting-style]{opacity:0;transform:scale(.96)}",".positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  padding: var(--ac-space-4);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  outline: none;\n  width: 16rem;\n  box-shadow: 0 16px 40px -16px #0000004d;\n}\n\n.popup[data-ending-style], .popup[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n"],"sourceRoot":""}

package/dist/components/ui/input-group.d.ts

@@ -1,17 +1,136 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { Button } from "./button";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare const inputGroupAddonVariants: (props?: {
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
-declare const inputGroupButtonVariants: (props?: {
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+/** Supported alignment options for {@link InputGroupAddon}. */
+export type InputGroupAddonAlign = "inline-start" | "inline-end" | "block-start" | "block-end";
+/** Supported compact button sizes for {@link InputGroupButton}. */
+export type InputGroupButtonSize = "xs" | "sm" | "icon-xs" | "icon-sm";
+/**
+ * Props for the {@link InputGroup} component.
+ */
+export type InputGroupProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link InputGroupAddon} component.
+ */
+export interface InputGroupAddonProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Position of the addon relative to the input control. @default "inline-start" */
+    align?: InputGroupAddonAlign;
+}
+/**
+ * Props for the {@link InputGroupButton} component.
+ */
+export interface InputGroupButtonProps extends Omit<React.ComponentPropsWithoutRef<typeof Button>, "size"> {
+    /** Compact button size used within the group chrome. @default "xs" */
+    size?: InputGroupButtonSize;
+}
+/**
+ * Props for the {@link InputGroupText} component.
+ */
+export type InputGroupTextProps = React.ComponentPropsWithoutRef<"span">;
+/**
+ * Props for the {@link InputGroupInput} component.
+ */
+export type InputGroupInputProps = React.ComponentPropsWithoutRef<"input">;
+/**
+ * Props for the {@link InputGroupTextarea} component.
+ */
+export type InputGroupTextareaProps = React.ComponentPropsWithoutRef<"textarea">;
+/**
+ * Creates a composable shell for grouped text inputs and controls.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroup>
+ *   <InputGroupInput />
+ * </InputGroup>
+ * ```
+ *
+ * @see {@link InputGroupProps} for available props
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders supplementary content around an input group control.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroupAddon align='inline-end'>.com</InputGroupAddon>
+ * ```
+ *
+ * @see {@link InputGroupAddonProps} for available props
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a compact button matched to input group dimensions.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a wrapped `Button` component
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroupButton size='sm'>Search</InputGroupButton>
+ * ```
+ *
+ * @see {@link InputGroupButtonProps} for available props
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Displays static inline text within an input group.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<span>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroupText>@</InputGroupText>
+ * ```
+ *
+ * @see {@link InputGroupTextProps} for available props
+ */
+declare const InputGroupText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Renders the primary input control inside an input group.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a wrapped `Input` component
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroupInput placeholder='Search...' />
+ * ```
+ *
+ * @see {@link InputGroupInputProps} for available props
+ */
+declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Renders a textarea control inside an input group.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a wrapped `Textarea` component
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <InputGroupTextarea rows={4} />
+ * ```
+ *
+ * @see {@link InputGroupTextareaProps} for available props
+ */
+declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
 //# sourceMappingURL=input-group.d.ts.map

package/dist/components/ui/input-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAK9C,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CA0BrE;AAED,QAAA,MAAM,uBAAuB;;iEAe5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,2CAgB5E;AAED,QAAA,MAAM,wBAAwB;;iEAY5B,CAAC;AAEH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAUnG;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAU1E;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ5E;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAWlF;AAED,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAM9C,+DAA+D;AAC/D,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAC;AAE/F,mEAAmE;AACnE,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjF,mFAAmF;IACnF,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC;IACxG,sEAAsE;IACtE,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAoCjF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,mKAUf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,6FA0BpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,iGAWrB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,sKAQnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,8KASpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,0LASvB,CAAC;AASF,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}