@arolariu/components 0.4.2 → 1.0.0

package/dist/components/ui/button-group_module.css

@@ -0,0 +1,79 @@
+.root-Z5pCsu {
+  align-items: stretch;
+  width: fit-content;
+  display: inline-flex;
+}
+
+.root-Z5pCsu > * {
+  flex-shrink: 0;
+}
+
+.root-Z5pCsu > :focus-visible {
+  z-index: 1;
+  position: relative;
+}
+
+.root-Z5pCsu > input {
+  flex: auto;
+}
+
+.horizontal-kveVYa > :not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.horizontal-kveVYa > :not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.vertical-L4G4Ah {
+  flex-direction: column;
+  width: 100%;
+}
+
+.vertical-L4G4Ah > :not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.vertical-L4G4Ah > :not(:last-child) {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.text-VDSn9t {
+  background-color: var(--ac-muted);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-2);
+  padding: 0 var(--ac-space-4);
+  font-weight: 500;
+  display: inline-flex;
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+.text-VDSn9t svg {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.separator-yqxF4d {
+  background-color: var(--ac-border);
+  align-self: stretch;
+  position: relative;
+  margin: 0 !important;
+}
+
+.separator-yqxF4d[data-orientation="vertical"] {
+  height: auto;
+}
+
+
+/*# sourceMappingURL=button-group_module.css.map */

package/dist/components/ui/button-group_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/button-group.module.css","webpack://./src/components/ui/button-group.module.css"],"names":[],"mappings":"AADA;ECEE,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;AACtB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,yBAAyB;EACzB,4BAA4B;EAC5B,iBAAiB;AACnB;;AAEA;EACE,0BAA0B;EAC1B,6BAA6B;AAC/B;;AAEA;EACE,sBAAsB;EACtB,WAAW;AACb;;AAEA;EACE,yBAAyB;EACzB,0BAA0B;EAC1B,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;EAC7B,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;EAC5B,gBAAgB;EAChB,oBAAoB;EACpB,+BAA+B;AACjC;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;AACtB;;AAEA;EACE,YAAY;AACd","sourcesContent":[".root{align-items:stretch;display:inline-flex;width:fit-content}.root>*{flex-shrink:0}.root>:focus-visible{position:relative;z-index:1}.root>input{flex:1 1 auto}.horizontal>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.horizontal>:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.vertical{flex-direction:column;width:100%}.vertical>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.vertical>:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.text{align-items:center;background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--ac-foreground);display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-2);padding:0 var(--ac-space-4)}.text svg{flex-shrink:0;height:1rem;width:1rem}.separator{align-self:stretch;background-color:var(--ac-border);margin:0!important;position:relative}.separator[data-orientation=vertical]{height:auto}",".root {\n  align-items: stretch;\n  width: fit-content;\n  display: inline-flex;\n}\n\n.root > * {\n  flex-shrink: 0;\n}\n\n.root > :focus-visible {\n  z-index: 1;\n  position: relative;\n}\n\n.root > input {\n  flex: auto;\n}\n\n.horizontal > :not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: -1px;\n}\n\n.horizontal > :not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.vertical {\n  flex-direction: column;\n  width: 100%;\n}\n\n.vertical > :not(:first-child) {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  margin-top: -1px;\n}\n\n.vertical > :not(:last-child) {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.text {\n  background-color: var(--ac-muted);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  padding: 0 var(--ac-space-4);\n  font-weight: 500;\n  display: inline-flex;\n  box-shadow: 0 1px 2px #0000000d;\n}\n\n.text svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.separator {\n  background-color: var(--ac-border);\n  align-self: stretch;\n  position: relative;\n  margin: 0 !important;\n}\n\n.separator[data-orientation=\"vertical\"] {\n  height: auto;\n}\n"],"sourceRoot":""}

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

@@ -1,12 +1,87 @@
-import { type VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
 import * as React from "react";
-declare const buttonVariants: (props?: {
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-    size?: "default" | "sm" | "lg" | "icon";
-} & import("class-variance-authority/types").ClassProp) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+export type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+export type ButtonSize = "default" | "sm" | "lg" | "icon";
+/**
+ * Serializable button state exposed to Base UI render callbacks.
+ */
+export interface ButtonState extends Record<string, unknown> {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+}
+interface ButtonVariantOptions {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+}
+/**
+ * Props for the shared button component.
+ */
+export interface ButtonProps extends Omit<React.ComponentPropsWithRef<"button">, "children" | "className" | "disabled"> {
+    /**
+     * Visual style variant.
+     * @default "default"
+     */
+    variant?: ButtonVariant;
+    /**
+     * Size preset.
+     * @default "default"
+     */
+    size?: ButtonSize;
+    /**
+     * Whether the button should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes merged with the button styles.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Custom element or render callback used to replace the default `<button>`.
+     * @default undefined
+     */
+    render?: useRender.RenderProp<ButtonState>;
+    /**
+     * Backward-compatible child-slot API.
+     * Converts the single child element to the `render` prop internally.
+     * @default false
+     */
     asChild?: boolean;
+    /**
+     * Button contents when `render` is not provided.
+     * @default undefined
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Builds the composed class list for the shared button component.
+ */
+declare function buttonVariants({ variant, size, className }?: Readonly<ButtonVariantOptions>): string;
+/**
+ * A button component that triggers actions.
+ * Built with Base UI's canonical `useRender` + `mergeProps` composition pattern.
+ *
+ * @remarks
+ * Renders a native `<button>` by default. Use the `render` prop to compose the
+ * button styles and shared behavior with other elements or components. The
+ * deprecated `asChild` prop is still supported and internally converted to
+ * `render` for backward compatibility.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="default" size="sm">Click me</Button>
+ * <Button render={<a href="/dashboard" />}>Go to dashboard</Button>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/button | Base UI Button}
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare namespace Button {
+    type State = ButtonState;
+    type Props = ButtonProps;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;iEA4BnB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFASV,CAAC;AAGH,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACnG,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;IACrH;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,EAAC,OAAmB,EAAE,IAAgB,EAAE,SAAS,EAAC,GAAE,QAAQ,CAAC,oBAAoB,CAAM,GAAG,MAAM,CAEvH;AAoCD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,MAAM,oGAmBV,CAAC;AAIH,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,WAAW,CAAC;CACjC;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/button.js

@@ -1,41 +1,76 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300", {
-    variants: {
-        variant: {
-            default: "bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
-            destructive: "bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90",
-            outline: "border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
-            secondary: "bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
-            ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
-            link: "text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50"
+import button_module from "./button.module.js";
+const variantStyles = {
+    default: button_module["default"],
+    destructive: button_module.destructive,
+    outline: button_module.outline,
+    secondary: button_module.secondary,
+    ghost: button_module.ghost,
+    link: button_module.link
+};
+const sizeStyles = {
+    default: button_module.sizeDefault,
+    sm: button_module.sizeSm,
+    lg: button_module.sizeLg,
+    icon: button_module.sizeIcon
+};
+function buttonVariants({ variant = "default", size = "default", className } = {}) {
+    return cn(button_module.button, variantStyles[variant], sizeStyles[size], className);
+}
+function isIntrinsicButtonElement(renderProp) {
+    return /*#__PURE__*/ isValidElement(renderProp) && "string" == typeof renderProp.type && "button" === renderProp.type;
+}
+function createNonNativeInteractionProps(disabled) {
+    return {
+        "aria-disabled": disabled || void 0,
+        role: "button",
+        tabIndex: disabled ? -1 : void 0,
+        onClick (event) {
+            if (!disabled) return;
+            event.preventDefault();
+            if ("preventBaseUIHandler" in event && "function" == typeof event.preventBaseUIHandler) event.preventBaseUIHandler();
         },
-        size: {
-            default: "h-9 px-4 py-2",
-            sm: "h-8 rounded-md px-3 text-xs",
-            lg: "h-10 rounded-md px-8",
-            icon: "h-9 w-9"
+        onKeyDown (event) {
+            if (!disabled || "Enter" !== event.key && " " !== event.key) return;
+            event.preventDefault();
+            if ("preventBaseUIHandler" in event && "function" == typeof event.preventBaseUIHandler) event.preventBaseUIHandler();
         }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default"
-    }
-});
-const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
-    const Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, {
-        className: cn(buttonVariants({
-            variant,
-            size,
-            className
-        })),
-        ref: ref,
-        ...props
+    };
+}
+const Button = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { render, asChild = false, variant = "default", size = "default", disabled = false, className, children, ...otherProps } = props;
+    const state = {
+        variant,
+        size,
+        disabled
+    };
+    const composedClassName = buttonVariants({
+        variant,
+        size,
+        className
+    });
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const shouldRenderNativeButton = !renderProp || isIntrinsicButtonElement(renderProp);
+    const typeProps = shouldRenderNativeButton ? {
+        type: "button"
+    } : {};
+    const interactionProps = shouldRenderNativeButton ? {
+        disabled
+    } : createNonNativeInteractionProps(disabled);
+    return useRender({
+        defaultTagName: "button",
+        ref,
+        render: renderProp,
+        state,
+        props: mergeProps({
+            className: composedClassName
+        }, typeProps, otherProps, interactionProps, {
+            children: renderProp ? void 0 : children
+        })
     });
 });
 Button.displayName = "Button";

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/button.js","sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst buttonVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\r\n        destructive:\r\n          \"bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90\",\r\n        outline:\r\n          \"border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n        secondary:\r\n          \"bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n        ghost: \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n        link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-4 py-2\",\r\n        sm: \"h-8 rounded-md px-3 text-xs\",\r\n        lg: \"h-10 rounded-md px-8\",\r\n        icon: \"h-9 w-9\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({className, variant, size, asChild = false, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  return (\r\n    <Comp\r\n      className={cn(buttonVariants({variant, size, className}))}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nButton.displayName = \"Button\";\r\n\r\nexport {Button, buttonVariants};\r\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,oVACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;YACF,SACE;YACF,WACE;YACF,OAAO;YACP,MAAM;QACR;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAOF,MAAMC,SAAS,WAATA,GAASC,WAAiD,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,UAAU,KAAK,EAAE,GAAGC,OAAM,EAAEC;IACtH,MAAMC,OAAOH,UAAUI,OAAO;IAC9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,WAAWE,GAAGZ,eAAe;YAACK;YAASC;YAAMF;QAAS;QACtD,KAAKK;QACJ,GAAGD,KAAK;;AAGf;AACAN,OAAO,WAAW,GAAG"}
+{"version":3,"file":"components/ui/button.js","sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["\"use client\";\r\n\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 \"./button.module.css\";\r\n\r\nconst variantStyles: Record<ButtonVariant, string> = {\r\n  default: styles.default!,\r\n  destructive: styles.destructive!,\r\n  outline: styles.outline!,\r\n  secondary: styles.secondary!,\r\n  ghost: styles.ghost!,\r\n  link: styles.link!,\r\n};\r\n\r\nconst sizeStyles: Record<ButtonSize, string> = {\r\n  default: styles.sizeDefault!,\r\n  sm: styles.sizeSm!,\r\n  lg: styles.sizeLg!,\r\n  icon: styles.sizeIcon!,\r\n};\r\n\r\nexport type ButtonVariant = \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\";\r\nexport type ButtonSize = \"default\" | \"sm\" | \"lg\" | \"icon\";\r\n\r\n/**\r\n * Serializable button state exposed to Base UI render callbacks.\r\n */\r\nexport interface ButtonState extends Record<string, unknown> {\r\n  variant: ButtonVariant;\r\n  size: ButtonSize;\r\n  disabled: boolean;\r\n}\r\n\r\ninterface ButtonVariantOptions {\r\n  variant?: ButtonVariant;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared button component.\r\n */\r\nexport interface ButtonProps extends Omit<React.ComponentPropsWithRef<\"button\">, \"children\" | \"className\" | \"disabled\"> {\r\n  /**\r\n   * Visual style variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ButtonVariant;\r\n  /**\r\n   * Size preset.\r\n   * @default \"default\"\r\n   */\r\n  size?: ButtonSize;\r\n  /**\r\n   * Whether the button should ignore user interaction.\r\n   * @default false\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * Additional CSS classes merged with the button styles.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Custom element or render callback used to replace the default `<button>`.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<ButtonState>;\r\n  /**\r\n   * Backward-compatible child-slot API.\r\n   * Converts the single child element to the `render` prop internally.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Button contents when `render` is not provided.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Builds the composed class list for the shared button component.\r\n */\r\nfunction buttonVariants({variant = \"default\", size = \"default\", className}: Readonly<ButtonVariantOptions> = {}): string {\r\n  return cn(styles.button, variantStyles[variant], sizeStyles[size], className);\r\n}\r\n\r\nfunction isIntrinsicButtonElement(renderProp: ButtonProps[\"render\"]): boolean {\r\n  return React.isValidElement(renderProp) && typeof renderProp.type === \"string\" && renderProp.type === \"button\";\r\n}\r\n\r\nfunction createNonNativeInteractionProps(disabled: boolean): React.HTMLAttributes<HTMLElement> {\r\n  return {\r\n    \"aria-disabled\": disabled || undefined,\r\n    role: \"button\",\r\n    tabIndex: disabled ? -1 : undefined,\r\n    onClick(event) {\r\n      if (!disabled) {\r\n        return;\r\n      }\r\n\r\n      event.preventDefault();\r\n\r\n      if (\"preventBaseUIHandler\" in event && typeof event.preventBaseUIHandler === \"function\") {\r\n        event.preventBaseUIHandler();\r\n      }\r\n    },\r\n    onKeyDown(event) {\r\n      if (!disabled || (event.key !== \"Enter\" && event.key !== \" \")) {\r\n        return;\r\n      }\r\n\r\n      event.preventDefault();\r\n\r\n      if (\"preventBaseUIHandler\" in event && typeof event.preventBaseUIHandler === \"function\") {\r\n        event.preventBaseUIHandler();\r\n      }\r\n    },\r\n  };\r\n}\r\n\r\n/**\r\n * A button component that triggers actions.\r\n * Built with Base UI's canonical `useRender` + `mergeProps` composition pattern.\r\n *\r\n * @remarks\r\n * Renders a native `<button>` by default. Use the `render` prop to compose the\r\n * button styles and shared behavior with other elements or components. The\r\n * deprecated `asChild` prop is still supported and internally converted to\r\n * `render` for backward compatibility.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Button variant=\"default\" size=\"sm\">Click me</Button>\r\n * <Button render={<a href=\"/dashboard\" />}>Go to dashboard</Button>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/button | Base UI Button}\r\n */\r\nconst Button = React.forwardRef<HTMLButtonElement, Button.Props>((props: Readonly<Button.Props>, ref): React.ReactElement => {\r\n  const {render, asChild = false, variant = \"default\", size = \"default\", disabled = false, className, children, ...otherProps} = props;\r\n\r\n  const state: Button.State = {variant, size, disabled};\r\n  const composedClassName = buttonVariants({variant, size, className});\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n  const shouldRenderNativeButton = !renderProp || isIntrinsicButtonElement(renderProp);\r\n  const typeProps: Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> = shouldRenderNativeButton ? {type: \"button\"} : {};\r\n  const interactionProps = shouldRenderNativeButton ? {disabled} : createNonNativeInteractionProps(disabled);\r\n\r\n  return useRender<Button.State, HTMLButtonElement>({\r\n    defaultTagName: \"button\",\r\n    ref,\r\n    render: renderProp,\r\n    state,\r\n    props: mergeProps<\"button\">({className: composedClassName}, typeProps, otherProps, interactionProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n});\r\nButton.displayName = \"Button\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Button {\r\n  export type State = ButtonState;\r\n  export type Props = ButtonProps;\r\n}\r\n\r\nexport {Button, buttonVariants};\r\n"],"names":["variantStyles","styles","sizeStyles","buttonVariants","variant","size","className","cn","isIntrinsicButtonElement","renderProp","React","createNonNativeInteractionProps","disabled","undefined","event","Button","props","ref","render","asChild","children","otherProps","state","composedClassName","shouldRenderNativeButton","typeProps","interactionProps","useRender","mergeProps"],"mappings":";;;;;;AASA,MAAMA,gBAA+C;IACnD,SAASC,aAAAA,CAAAA,UAAc;IACvB,aAAaA,cAAAA,WAAkB;IAC/B,SAASA,cAAAA,OAAc;IACvB,WAAWA,cAAAA,SAAgB;IAC3B,OAAOA,cAAAA,KAAY;IACnB,MAAMA,cAAAA,IAAW;AACnB;AAEA,MAAMC,aAAyC;IAC7C,SAASD,cAAAA,WAAkB;IAC3B,IAAIA,cAAAA,MAAa;IACjB,IAAIA,cAAAA,MAAa;IACjB,MAAMA,cAAAA,QAAe;AACvB;AAiEA,SAASE,eAAe,EAACC,UAAU,SAAS,EAAEC,OAAO,SAAS,EAAEC,SAAS,EAAiC,GAAG,CAAC,CAAC;IAC7G,OAAOC,GAAGN,cAAAA,MAAa,EAAED,aAAa,CAACI,QAAQ,EAAEF,UAAU,CAACG,KAAK,EAAEC;AACrE;AAEA,SAASE,yBAAyBC,UAAiC;IACjE,OAAO,WAAP,GAAOC,eAAqBD,eAAe,AAA2B,YAA3B,OAAOA,WAAW,IAAI,IAAiBA,AAAoB,aAApBA,WAAW,IAAI;AACnG;AAEA,SAASE,gCAAgCC,QAAiB;IACxD,OAAO;QACL,iBAAiBA,YAAYC;QAC7B,MAAM;QACN,UAAUD,WAAW,KAAKC;QAC1B,SAAQC,KAAK;YACX,IAAI,CAACF,UACH;YAGFE,MAAM,cAAc;YAEpB,IAAI,0BAA0BA,SAAS,AAAsC,cAAtC,OAAOA,MAAM,oBAAoB,EACtEA,MAAM,oBAAoB;QAE9B;QACA,WAAUA,KAAK;YACb,IAAI,CAACF,YAAaE,AAAc,YAAdA,MAAM,GAAG,IAAgBA,AAAc,QAAdA,MAAM,GAAG,EAClD;YAGFA,MAAM,cAAc;YAEpB,IAAI,0BAA0BA,SAAS,AAAsC,cAAtC,OAAOA,MAAM,oBAAoB,EACtEA,MAAM,oBAAoB;QAE9B;IACF;AACF;AAoBA,MAAMC,SAAS,WAAHA,GAAGL,WAAkD,CAACM,OAA+BC;IAC/F,MAAM,EAACC,MAAM,EAAEC,UAAU,KAAK,EAAEf,UAAU,SAAS,EAAEC,OAAO,SAAS,EAAEO,WAAW,KAAK,EAAEN,SAAS,EAAEc,QAAQ,EAAE,GAAGC,YAAW,GAAGL;IAE/H,MAAMM,QAAsB;QAAClB;QAASC;QAAMO;IAAQ;IACpD,MAAMW,oBAAoBpB,eAAe;QAACC;QAASC;QAAMC;IAAS;IAClE,MAAMG,aAAaU,WAAW,WAAXA,GAAWT,eAAqBU,YAAYA,WAAWF;IAC1E,MAAMM,2BAA2B,CAACf,cAAcD,yBAAyBC;IACzE,MAAMgB,YAAyED,2BAA2B;QAAC,MAAM;IAAQ,IAAI,CAAC;IAC9H,MAAME,mBAAmBF,2BAA2B;QAACZ;IAAQ,IAAID,gCAAgCC;IAEjG,OAAOe,UAA2C;QAChD,gBAAgB;QAChBV;QACA,QAAQR;QACRa;QACA,OAAOM,WAAqB;YAAC,WAAWL;QAAiB,GAAGE,WAAWJ,YAAYK,kBAAkB;YACnG,UAAUjB,aAAaI,SAAYO;QACrC;IACF;AACF;AACAL,OAAO,WAAW,GAAG"}

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

@@ -0,0 +1,17 @@
+import "./button_module.css";
+const button_module = {
+    button: "button-l0JZc1",
+    default: "default-s28PO9",
+    destructive: "destructive-duQxBe",
+    outline: "outline-zElfIk",
+    secondary: "secondary-ML5YaT",
+    ghost: "ghost-B1HHOk",
+    link: "link-wBrpwz",
+    sizeDefault: "sizeDefault-wMkWII",
+    sizeSm: "sizeSm-e7uWaS",
+    sizeLg: "sizeLg-ffc88x",
+    sizeIcon: "sizeIcon-G9lqNG"
+};
+export default button_module;
+
+//# sourceMappingURL=button.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/button.module.js","sources":["../../../src/components/ui/button.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./button_module.css\"\nexport default {\"button\":\"button-l0JZc1\",\"default\":\"default-s28PO9\",\"destructive\":\"destructive-duQxBe\",\"outline\":\"outline-zElfIk\",\"secondary\":\"secondary-ML5YaT\",\"ghost\":\"ghost-B1HHOk\",\"link\":\"link-wBrpwz\",\"sizeDefault\":\"sizeDefault-wMkWII\",\"sizeSm\":\"sizeSm-e7uWaS\",\"sizeLg\":\"sizeLg-ffc88x\",\"sizeIcon\":\"sizeIcon-G9lqNG\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,QAAS;IAAgB,SAAU;IAAiB,aAAc;IAAqB,SAAU;IAAiB,WAAY;IAAmB,OAAQ;IAAe,MAAO;IAAc,aAAc;IAAqB,QAAS;IAAgB,QAAS;IAAgB,UAAW;AAAiB"}

package/dist/components/ui/button_module.css

@@ -0,0 +1,137 @@
+.button-l0JZc1 {
+  border-radius: var(--ac-radius-md);
+  box-sizing: border-box;
+  cursor: pointer;
+  font-size: var(--ac-text-xs);
+  align-items: center;
+  gap: var(--ac-space-2);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);
+  -webkit-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+  border: none;
+  outline: none;
+  justify-content: center;
+  font-weight: 500;
+  line-height: 1.6;
+  display: inline-flex;
+
+  &:focus-visible {
+    outline: 2px solid var(--ac-ring);
+    outline-offset: -1px;
+  }
+
+  &:disabled, &[data-disabled] {
+    opacity: .5;
+    pointer-events: none;
+  }
+
+  & svg {
+    pointer-events: none;
+    flex-shrink: 0;
+    width: 1rem;
+    height: 1rem;
+  }
+}
+
+.default-s28PO9 {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary-foreground);
+  box-shadow: 0 1px 2px #0000000d;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: color-mix(in oklch,var(--ac-primary),transparent 10%);
+    }
+  }
+}
+
+.destructive-duQxBe {
+  background-color: var(--ac-destructive);
+  color: var(--ac-background);
+  box-shadow: 0 1px 2px #0000000d;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: color-mix(in oklch,var(--ac-destructive),transparent 10%);
+    }
+  }
+}
+
+.outline-zElfIk {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-border);
+  color: var(--ac-foreground);
+  box-shadow: 0 1px 2px #0000000d;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: var(--ac-accent);
+      color: var(--ac-accent-foreground);
+    }
+  }
+}
+
+.secondary-ML5YaT {
+  background-color: var(--ac-secondary);
+  color: var(--ac-secondary-foreground);
+  box-shadow: 0 1px 2px #0000000d;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: color-mix(in oklch,var(--ac-secondary),transparent 20%);
+    }
+  }
+}
+
+.ghost-B1HHOk {
+  color: var(--ac-foreground);
+  background-color: #0000;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: var(--ac-accent);
+      color: var(--ac-accent-foreground);
+    }
+  }
+}
+
+.link-wBrpwz {
+  color: var(--ac-foreground);
+  text-underline-offset: 4px;
+  background-color: #0000;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      text-decoration: underline;
+    }
+  }
+}
+
+.sizeDefault-wMkWII {
+  height: var(--ac-size-default);
+  padding: var(--ac-space-1) var(--ac-space-3);
+}
+
+.sizeSm-e7uWaS {
+  border-radius: var(--ac-radius-sm);
+  font-size: var(--ac-text-xs);
+  height: var(--ac-size-md);
+  padding: var(--ac-space-1) var(--ac-space-2);
+}
+
+.sizeLg-ffc88x {
+  border-radius: var(--ac-radius-md);
+  font-size: var(--ac-text-sm);
+  height: var(--ac-size-lg);
+  padding: var(--ac-space-1) var(--ac-space-4);
+}
+
+.sizeIcon-G9lqNG {
+  height: var(--ac-size-default);
+  width: var(--ac-size-default);
+  padding: 0;
+}
+
+
+/*# sourceMappingURL=button_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/button.module.css","webpack://./src/components/ui/button.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,sBAAsB;EACtB,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kKAAkK;EAClK,yBAAyB;EACzB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,gBAAgB;EAChB,oBAAoB;;EAEpB;IACE,iCAAiC;IACjC,oBAAoB;EACtB;;EAEA;IACE,WAAW;IACX,oBAAoB;EACtB;;EAEA;IACE,oBAAoB;IACpB,cAAc;IACd,WAAW;IACX,YAAY;EACd;AACF;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;EACnC,+BAA+B;;EAE/B;IACE;MACE,uEAAuE;IACzE;EACF;AACF;;AAEA;EACE,uCAAuC;EACvC,2BAA2B;EAC3B,+BAA+B;;EAE/B;IACE;MACE,2EAA2E;IAC7E;EACF;AACF;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,+BAA+B;;EAE/B;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,qCAAqC;EACrC,qCAAqC;EACrC,+BAA+B;;EAE/B;IACE;MACE,yEAAyE;IAC3E;EACF;AACF;;AAEA;EACE,2BAA2B;EAC3B,uBAAuB;;EAEvB;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,2BAA2B;EAC3B,0BAA0B;EAC1B,uBAAuB;;EAEvB;IACE;MACE,0BAA0B;IAC5B;EACF;AACF;;AAEA;EACE,8BAA8B;EAC9B,4CAA4C;AAC9C;;AAEA;EACE,kCAAkC;EAClC,4BAA4B;EAC5B,yBAAyB;EACzB,4CAA4C;AAC9C;;AAEA;EACE,kCAAkC;EAClC,4BAA4B;EAC5B,yBAAyB;EACzB,4CAA4C;AAC9C;;AAEA;EACE,8BAA8B;EAC9B,6BAA6B;EAC7B,UAAU;AACZ","sourcesContent":[".button{align-items:center;border:none;border-radius:var(--ac-radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--ac-text-xs);font-weight:500;gap:var(--ac-space-2);justify-content:center;line-height:1.6;outline:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);user-select:none;white-space:nowrap;&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:-1px}&:disabled,&[data-disabled]{opacity:.5;pointer-events:none}& svg{flex-shrink:0;height:1rem;pointer-events:none;width:1rem}}.default{background-color:var(--ac-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--ac-primary-foreground);@media (hover:hover){&:hover:not([data-disabled]){background-color:color-mix(in oklch,var(--ac-primary),transparent 10%)}}}.destructive{background-color:var(--ac-destructive);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--ac-background);@media (hover:hover){&:hover:not([data-disabled]){background-color:color-mix(in oklch,var(--ac-destructive),transparent 10%)}}}.outline{background-color:var(--ac-background);border:1px solid var(--ac-border);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--ac-foreground);@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.secondary{background-color:var(--ac-secondary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--ac-secondary-foreground);@media (hover:hover){&:hover:not([data-disabled]){background-color:color-mix(in oklch,var(--ac-secondary),transparent 20%)}}}.ghost{background-color:transparent;color:var(--ac-foreground);@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.link{background-color:transparent;color:var(--ac-foreground);text-underline-offset:4px;@media (hover:hover){&:hover:not([data-disabled]){text-decoration:underline}}}.sizeDefault{height:var(--ac-size-default);padding:var(--ac-space-1) var(--ac-space-3)}.sizeSm{border-radius:var(--ac-radius-sm);font-size:var(--ac-text-xs);height:var(--ac-size-md);padding:var(--ac-space-1) var(--ac-space-2)}.sizeLg{border-radius:var(--ac-radius-md);font-size:var(--ac-text-sm);height:var(--ac-size-lg);padding:var(--ac-space-1) var(--ac-space-4)}.sizeIcon{height:var(--ac-size-default);padding:0;width:var(--ac-size-default)}",".button {\n  border-radius: var(--ac-radius-md);\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  white-space: nowrap;\n  border: none;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  line-height: 1.6;\n  display: inline-flex;\n\n  &:focus-visible {\n    outline: 2px solid var(--ac-ring);\n    outline-offset: -1px;\n  }\n\n  &:disabled, &[data-disabled] {\n    opacity: .5;\n    pointer-events: none;\n  }\n\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n  }\n}\n\n.default {\n  background-color: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n  box-shadow: 0 1px 2px #0000000d;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: color-mix(in oklch,var(--ac-primary),transparent 10%);\n    }\n  }\n}\n\n.destructive {\n  background-color: var(--ac-destructive);\n  color: var(--ac-background);\n  box-shadow: 0 1px 2px #0000000d;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: color-mix(in oklch,var(--ac-destructive),transparent 10%);\n    }\n  }\n}\n\n.outline {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  color: var(--ac-foreground);\n  box-shadow: 0 1px 2px #0000000d;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.secondary {\n  background-color: var(--ac-secondary);\n  color: var(--ac-secondary-foreground);\n  box-shadow: 0 1px 2px #0000000d;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: color-mix(in oklch,var(--ac-secondary),transparent 20%);\n    }\n  }\n}\n\n.ghost {\n  color: var(--ac-foreground);\n  background-color: #0000;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.link {\n  color: var(--ac-foreground);\n  text-underline-offset: 4px;\n  background-color: #0000;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      text-decoration: underline;\n    }\n  }\n}\n\n.sizeDefault {\n  height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-3);\n}\n\n.sizeSm {\n  border-radius: var(--ac-radius-sm);\n  font-size: var(--ac-text-xs);\n  height: var(--ac-size-md);\n  padding: var(--ac-space-1) var(--ac-space-2);\n}\n\n.sizeLg {\n  border-radius: var(--ac-radius-md);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-lg);\n  padding: var(--ac-space-1) var(--ac-space-4);\n}\n\n.sizeIcon {\n  height: var(--ac-size-default);\n  width: var(--ac-size-default);\n  padding: 0;\n}\n"],"sourceRoot":""}

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

@@ -1,9 +1,43 @@
 import * as React from "react";
-import { DayButton, DayPicker } from "react-day-picker";
+import { DayPicker } from "react-day-picker";
 import { Button } from "./button";
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+/**
+ * Props for the shared calendar component.
+ */
+type CalendarProps = React.ComponentProps<typeof DayPicker> & {
+    /**
+     * Visual variant applied to the navigation buttons.
+     * @default "ghost"
+     */
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
-export { Calendar, CalendarDayButton };
+};
+/**
+ * Renders a styled calendar built on top of `react-day-picker`.
+ *
+ * @remarks
+ * - Renders the `DayPicker` calendar root
+ * - Built on `react-day-picker` with shared button styling from the component library
+ * - Preserves the V1 public API while aligning visuals with the current design system
+ * - Overrides the default DayPicker `Root`, `Chevron`, `DayButton`, and `WeekNumber`
+ *   components while still allowing consumers to replace them through the `components` prop
+ * - Override the default chevron icons with `components={{Chevron: YourChevronComponent}}`
+ *
+ * @example
+ * ```tsx
+ * <Calendar
+ *   mode='single'
+ *   selected={new Date()}
+ *   onSelect={(date) => console.log(date)}
+ * />
+ * ```
+ *
+ * @see {@link https://daypicker.dev | React Day Picker Docs}
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: Readonly<CalendarProps>): React.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export type { DateRange, DayPickerProps, Matcher } from "react-day-picker";
+export { Calendar };
+export type { CalendarProps };
 //# sourceMappingURL=calendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAC,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAG9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA4HA;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA0BvG;AAED,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAU9C;;GAEG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC5D;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,CAAC;AAWF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgG7C;kBAzGQ,QAAQ;;;AAgJjB,YAAY,EAAC,SAAS,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,YAAY,EAAC,aAAa,EAAC,CAAC"}