@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/timeline.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import timeline_module from "./timeline.module.js";
+const Timeline = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "list",
+        className: cn(timeline_module.timeline, className),
+        ...props
+    }));
+Timeline.displayName = "Timeline";
+const TimelineItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "listitem",
+        className: cn(timeline_module.item, className),
+        ...props
+    }));
+TimelineItem.displayName = "TimelineItem";
+const TimelineDot = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "aria-hidden": "true",
+        className: cn(timeline_module.dot, className),
+        ...props
+    }));
+TimelineDot.displayName = "TimelineDot";
+const TimelineContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(timeline_module.content, className),
+        ...props
+    }));
+TimelineContent.displayName = "TimelineContent";
+export { Timeline, TimelineContent, TimelineDot, TimelineItem };
+
+//# sourceMappingURL=timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/timeline.js","sources":["../../../src/components/ui/timeline.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./timeline.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Timeline} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so timelines can expose test hooks, ARIA metadata,\r\n * and layout overrides while delegating item composition to child components.\r\n */\r\ninterface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Timeline items composed as children.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Represents the configurable props for the {@link TimelineItem} component.\r\n */\r\ninterface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * The composed timeline dot and content for an individual event.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Represents the configurable props for the {@link TimelineDot} component.\r\n */\r\ntype TimelineDotProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\n/**\r\n * Represents the configurable props for the {@link TimelineContent} component.\r\n */\r\ninterface TimelineContentProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Content rendered alongside the timeline marker.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * A vertical timeline container for displaying chronological events.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Compose it with {@link TimelineItem}, {@link TimelineDot}, and {@link TimelineContent}\r\n * to render milestones, release notes, audit trails, or journey steps in order.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Timeline>\r\n *   <TimelineItem>\r\n *     <TimelineDot />\r\n *     <TimelineContent>Account created</TimelineContent>\r\n *   </TimelineItem>\r\n * </Timeline>\r\n * ```\r\n *\r\n * @see {@link TimelineItem}\r\n * @see {@link TimelineContent}\r\n */\r\nconst Timeline = React.forwardRef<HTMLDivElement, TimelineProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    role='list'\r\n    className={cn(styles.timeline, className)}\r\n    {...props}\r\n  />\r\n));\r\nTimeline.displayName = \"Timeline\";\r\n\r\n/**\r\n * A single event row within a {@link Timeline}.\r\n *\r\n * @remarks\r\n * Renders a flex row that aligns a marker with its corresponding content block.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TimelineItem>\r\n *   <TimelineDot />\r\n *   <TimelineContent>Invoice submitted</TimelineContent>\r\n * </TimelineItem>\r\n * ```\r\n *\r\n * @see {@link Timeline}\r\n */\r\nconst TimelineItem = React.forwardRef<HTMLDivElement, TimelineItemProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    role='listitem'\r\n    className={cn(styles.item, className)}\r\n    {...props}\r\n  />\r\n));\r\nTimelineItem.displayName = \"TimelineItem\";\r\n\r\n/**\r\n * A visual marker used to indicate a timeline event point.\r\n *\r\n * @remarks\r\n * The dot is decorative by default and is removed from the accessibility tree with\r\n * `aria-hidden=\"true\"`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TimelineDot />\r\n * ```\r\n *\r\n * @see {@link TimelineItem}\r\n */\r\nconst TimelineDot = React.forwardRef<HTMLDivElement, TimelineDotProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    aria-hidden='true'\r\n    className={cn(styles.dot, className)}\r\n    {...props}\r\n  />\r\n));\r\nTimelineDot.displayName = \"TimelineDot\";\r\n\r\n/**\r\n * The content container rendered beside a {@link TimelineDot}.\r\n *\r\n * @remarks\r\n * Use this wrapper for text, metadata, or richer composed content associated with a\r\n * timeline event.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TimelineContent>\r\n *   <strong>Version 1.0 released</strong>\r\n * </TimelineContent>\r\n * ```\r\n *\r\n * @see {@link Timeline}\r\n */\r\nconst TimelineContent = React.forwardRef<HTMLDivElement, TimelineContentProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(styles.content, className)}\r\n    {...props}\r\n  />\r\n));\r\nTimelineContent.displayName = \"TimelineContent\";\r\n\r\nexport {Timeline, TimelineContent, TimelineDot, TimelineItem};\r\nexport type {TimelineContentProps, TimelineDotProps, TimelineItemProps, TimelineProps};\r\n"],"names":["Timeline","React","className","props","ref","cn","styles","TimelineItem","TimelineDot","TimelineContent"],"mappings":";;;;AAkEA,MAAMA,WAAW,WAAHA,GAAGC,WAAgD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvF,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWC,GAAGC,gBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;AAGbH,SAAS,WAAW,GAAG;AAkBvB,MAAMO,eAAe,WAAHA,GAAGN,WAAoD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/F,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWC,GAAGC,gBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAGbI,aAAa,WAAW,GAAG;AAgB3B,MAAMC,cAAc,WAAHA,GAAGP,WAAmD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7F,IAAC;QACC,KAAKA;QACL,eAAY;QACZ,WAAWC,GAAGC,gBAAAA,GAAU,EAAEJ;QACzB,GAAGC,KAAK;;AAGbK,YAAY,WAAW,GAAG;AAkB1B,MAAMC,kBAAkB,WAAHA,GAAGR,WAAuD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,gBAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAGbM,gBAAgB,WAAW,GAAG"}

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

@@ -0,0 +1,10 @@
+import "./timeline_module.css";
+const timeline_module = {
+    timeline: "timeline-aElsjt",
+    item: "item-Seqg42",
+    dot: "dot-SJ1JR5",
+    content: "content-GlRR36"
+};
+export default timeline_module;
+
+//# sourceMappingURL=timeline.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/timeline.module.js","sources":["../../../src/components/ui/timeline.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./timeline_module.css\"\nexport default {\"timeline\":\"timeline-aElsjt\",\"item\":\"item-Seqg42\",\"dot\":\"dot-SJ1JR5\",\"content\":\"content-GlRR36\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,UAAW;IAAkB,MAAO;IAAc,KAAM;IAAa,SAAU;AAAgB"}

package/dist/components/ui/timeline_module.css

@@ -0,0 +1,47 @@
+.timeline-aElsjt {
+  flex-direction: column;
+  gap: 0;
+}
+
+.item-Seqg42, .timeline-aElsjt {
+  display: flex;
+  position: relative;
+}
+
+.item-Seqg42 {
+  gap: var(--ac-space-3);
+  padding-bottom: var(--ac-space-4);
+}
+
+.item-Seqg42:last-child {
+  padding-bottom: 0;
+}
+
+.item-Seqg42:not(:last-child):before {
+  background-color: var(--ac-border);
+  content: "";
+  width: 2px;
+  position: absolute;
+  top: 1.5rem;
+  bottom: 0;
+  left: .5625rem;
+}
+
+.dot-SJ1JR5 {
+  background-color: var(--ac-background);
+  border: 2px solid var(--ac-primary);
+  border-radius: 50%;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-top: .125rem;
+}
+
+.content-GlRR36 {
+  min-width: 0;
+  padding-bottom: var(--ac-space-1);
+  flex: 1;
+}
+
+
+/*# sourceMappingURL=timeline_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/timeline.module.css","webpack://./src/components/ui/timeline.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,MAAM;AACR;;AAEA;EACE,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;EACtB,iCAAiC;AACnC;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,UAAU;EACV,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,cAAc;AAChB;;AAEA;EACE,sCAAsC;EACtC,mCAAmC;EACnC,kBAAkB;EAClB,cAAc;EACd,cAAc;EACd,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,YAAY;EACZ,iCAAiC;EACjC,OAAO;AACT","sourcesContent":[".timeline{flex-direction:column;gap:0}.item,.timeline{display:flex;position:relative}.item{gap:var(--ac-space-3);padding-bottom:var(--ac-space-4)}.item:last-child{padding-bottom:0}.item:not(:last-child):before{background-color:var(--ac-border);bottom:0;content:\"\";left:.5625rem;position:absolute;top:1.5rem;width:2px}.dot{background-color:var(--ac-background);border:2px solid var(--ac-primary);border-radius:50%;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.content{flex:1;min-width:0;padding-bottom:var(--ac-space-1)}",".timeline {\n  flex-direction: column;\n  gap: 0;\n}\n\n.item, .timeline {\n  display: flex;\n  position: relative;\n}\n\n.item {\n  gap: var(--ac-space-3);\n  padding-bottom: var(--ac-space-4);\n}\n\n.item:last-child {\n  padding-bottom: 0;\n}\n\n.item:not(:last-child):before {\n  background-color: var(--ac-border);\n  content: \"\";\n  width: 2px;\n  position: absolute;\n  top: 1.5rem;\n  bottom: 0;\n  left: .5625rem;\n}\n\n.dot {\n  background-color: var(--ac-background);\n  border: 2px solid var(--ac-primary);\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: .125rem;\n}\n\n.content {\n  min-width: 0;\n  padding-bottom: var(--ac-space-1);\n  flex: 1;\n}\n"],"sourceRoot":""}

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

@@ -1,13 +1,84 @@
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { type VariantProps } from "class-variance-authority";
+import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
 import * as React from "react";
-declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string>) & React.RefAttributes<HTMLDivElement>>;
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
+import { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant } from "./toggle";
+export interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggleGroup>, "className"> {
+    /**
+     * Additional CSS classes merged with the toggle-group root styles.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Shared visual variant inherited by descendant toggle items when not explicitly overridden.
+     * @default undefined
+     */
+    variant?: ToggleVariant;
+    /**
+     * Shared size inherited by descendant toggle items when not explicitly overridden.
+     * @default undefined
+     */
+    size?: ToggleSize;
+}
+/**
+ * Props for an individual toggle-group item.
+ *
+ * @remarks
+ * Inherits the shared toggle API except for pressed-state props, which are controlled
+ * by the surrounding {@link ToggleGroup}.
+ */
+export interface ToggleGroupItemProps extends Omit<ToggleProps, "pressed" | "defaultPressed" | "onPressedChange"> {
+}
+/**
+ * Groups related toggles into a single multi-select or single-select control.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Toggle Group primitives
+ * - Provides shared `size` and `variant` values to descendant items
+ *
+ * @example
+ * ```tsx
+ * <ToggleGroup
+ *   defaultValue={["bold"]}
+ *   toggleMultiple>
+ *   <ToggleGroupItem value='bold'>Bold</ToggleGroupItem>
+ *   <ToggleGroupItem value='italic'>Italic</ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}
+ */
+declare function ToggleGroup(props: Readonly<ToggleGroup.Props>): React.ReactElement;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+/**
+ * Renders an individual toggle item within a toggle group.
+ *
+ * @remarks
+ * - Renders a styled toggle button
+ * - Built on the shared `Toggle` component and Base UI Toggle Group state
+ * - Inherits `size` and `variant` from the nearest {@link ToggleGroup} when omitted
+ *
+ * @example
+ * ```tsx
+ * <ToggleGroup defaultValue={["left"]}>
+ *   <ToggleGroupItem value='left'>Left</ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}
+ */
+declare function ToggleGroupItem(props: Readonly<ToggleGroupItem.Props>): React.ReactElement;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+declare namespace ToggleGroup {
+    type Props = ToggleGroupProps;
+    type State = BaseToggleGroup.State;
+}
+declare namespace ToggleGroupItem {
+    type Props = ToggleGroupItemProps;
+    type State = Toggle.State;
+}
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,QAAA,MAAM,WAAW;;;0GAUf,CAAC;AAIH,QAAA,MAAM,eAAe;;;4GAoBnB,CAAC;AAIH,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAkB,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAC,MAAM,UAAU,CAAC;AAUvG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;CAAG;AAEpH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAkBnF;kBAlBQ,eAAe;;;AAqBxB,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,eAAe,CAAC;IACxB,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;CAClC;AAKD,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/ui/toggle-group.js

@@ -1,17 +1,24 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Item, Root } from "@radix-ui/react-toggle-group";
-import { createContext, forwardRef, useContext } from "react";
-import { toggleVariants } from "./toggle.js";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+import { useRender } from "@base-ui/react/use-render";
+import { createContext, useContext } from "react";
 import { cn } from "../../lib/utilities.js";
-const ToggleGroupContext = /*#__PURE__*/ createContext({
-    size: "default",
-    variant: "default"
-});
-const ToggleGroup = /*#__PURE__*/ forwardRef(({ className, variant, size, children, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        ref: ref,
-        className: cn("flex items-center justify-center gap-1", className),
-        ...props,
+import { Toggle, toggleVariants } from "./toggle.js";
+import toggle_group_module from "./toggle-group.module.js";
+const ToggleGroupContext = /*#__PURE__*/ createContext({});
+function toggle_group_ToggleGroup(props) {
+    const { className, children, render, size, variant, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(ToggleGroup, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(toggle_group_module.root, className)
+            }, {})
+        }),
         children: /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
             value: {
                 variant,
@@ -19,21 +26,23 @@ const ToggleGroup = /*#__PURE__*/ forwardRef(({ className, variant, size, childr
             },
             children: children
         })
-    }));
-ToggleGroup.displayName = Root.displayName;
-const ToggleGroupItem = /*#__PURE__*/ forwardRef(({ className, children, variant, size, ...props }, ref)=>{
+    });
+}
+function ToggleGroupItem(props) {
+    const { className, size, variant, ...otherProps } = props;
     const context = useContext(ToggleGroupContext);
-    return /*#__PURE__*/ jsx(Item, {
-        ref: ref,
+    return /*#__PURE__*/ jsx(Toggle, {
         className: cn(toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size
+            variant: variant ?? context.variant,
+            size: size ?? context.size
         }), className),
-        ...props,
-        children: children
+        size: size ?? context.size,
+        variant: variant ?? context.variant,
+        ...otherProps
     });
-});
-ToggleGroupItem.displayName = Item.displayName;
-export { ToggleGroup, ToggleGroupItem };
+}
+toggle_group_ToggleGroup.displayName = "ToggleGroup";
+ToggleGroupItem.displayName = "ToggleGroupItem";
+export { ToggleGroupItem, toggle_group_ToggleGroup as ToggleGroup };
 
 //# sourceMappingURL=toggle-group.js.map

package/dist/components/ui/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport {type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {toggleVariants} from \"@/components/ui/toggle\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\r\n  size: \"default\",\r\n  variant: \"default\",\r\n});\r\n\r\nconst ToggleGroup = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, children, ...props}, ref) => (\r\n  <ToggleGroupPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"flex items-center justify-center gap-1\", className)}\r\n    {...props}>\r\n    <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n  </ToggleGroupPrimitive.Root>\r\n));\r\n\r\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\r\n\r\nconst ToggleGroupItem = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\r\n>(({className, children, variant, size, ...props}, ref) => {\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <ToggleGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: context.variant || variant,\r\n          size: context.size || size,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n    </ToggleGroupPrimitive.Item>\r\n  );\r\n});\r\n\r\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;AASA,MAAMA,qBAAqB,WAArBA,GAAqBC,cAAyD;IAClF,MAAM;IACN,SAAS;AACX;AAEA,MAAMC,cAAc,WAAdA,GAAcD,WAGlB,CAAC,EAACE,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjD,IAACC,MAAyB;QACxB,KAAKD;QACL,WAAWE,GAAG,0CAA0CP;QACvD,GAAGI,KAAK;kBACT,kBAACP,mBAAmB,QAAQ;YAAC,OAAO;gBAACI;gBAASC;YAAI;sBAAIC;;;AAI1DJ,YAAY,WAAW,GAAGO,KAAAA,WAAqC;AAE/D,MAAME,kBAAkB,WAAlBA,GAAkBV,WAGtB,CAAC,EAACE,SAAS,EAAEG,QAAQ,EAAEF,OAAO,EAAEC,IAAI,EAAE,GAAGE,OAAM,EAAEC;IACjD,MAAMI,UAAUX,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACS,MAAyB;QACxB,KAAKD;QACL,WAAWE,GACTG,eAAe;YACb,SAASD,QAAQ,OAAO,IAAIR;YAC5B,MAAMQ,QAAQ,IAAI,IAAIP;QACxB,IACAF;QAED,GAAGI,KAAK;kBACRD;;AAGP;AAEAK,gBAAgB,WAAW,GAAGF,KAAAA,WAAqC"}
+{"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {ToggleGroup as BaseToggleGroup} from \"@base-ui/react/toggle-group\";\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 {Toggle, toggleVariants, type ToggleProps, type ToggleSize, type ToggleVariant} from \"./toggle\";\r\nimport styles from \"./toggle-group.module.css\";\r\n\r\ninterface ToggleGroupContextValue {\r\n  size?: ToggleSize;\r\n  variant?: ToggleVariant;\r\n}\r\n\r\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({});\r\n\r\nexport interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggleGroup>, \"className\"> {\r\n  /**\r\n   * Additional CSS classes merged with the toggle-group root styles.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Shared visual variant inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Shared size inherited by descendant toggle items when not explicitly overridden.\r\n   * @default undefined\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Props for an individual toggle-group item.\r\n *\r\n * @remarks\r\n * Inherits the shared toggle API except for pressed-state props, which are controlled\r\n * by the surrounding {@link ToggleGroup}.\r\n */\r\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"pressed\" | \"defaultPressed\" | \"onPressedChange\"> {}\r\n\r\n/**\r\n * Groups related toggles into a single multi-select or single-select control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toggle Group primitives\r\n * - Provides shared `size` and `variant` values to descendant items\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup\r\n *   defaultValue={[\"bold\"]}\r\n *   toggleMultiple>\r\n *   <ToggleGroupItem value='bold'>Bold</ToggleGroupItem>\r\n *   <ToggleGroupItem value='italic'>Italic</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nfunction ToggleGroup(props: Readonly<ToggleGroup.Props>): React.ReactElement {\r\n  const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToggleGroup\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n    </BaseToggleGroup>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders an individual toggle item within a toggle group.\r\n *\r\n * @remarks\r\n * - Renders a styled toggle button\r\n * - Built on the shared `Toggle` component and Base UI Toggle Group state\r\n * - Inherits `size` and `variant` from the nearest {@link ToggleGroup} when omitted\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleGroup defaultValue={[\"left\"]}>\r\n *   <ToggleGroupItem value='left'>Left</ToggleGroupItem>\r\n * </ToggleGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group Docs}\r\n */\r\nfunction ToggleGroupItem(props: Readonly<ToggleGroupItem.Props>): React.ReactElement {\r\n  const {className, size, variant, ...otherProps} = props;\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <Toggle\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: variant ?? context.variant,\r\n          size: size ?? context.size,\r\n        }),\r\n        className,\r\n      )}\r\n      size={size ?? context.size}\r\n      variant={variant ?? context.variant}\r\n      {...otherProps}\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 ToggleGroup {\r\n  export type Props = ToggleGroupProps;\r\n  export type State = BaseToggleGroup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToggleGroupItem {\r\n  export type Props = ToggleGroupItemProps;\r\n  export type State = Toggle.State;\r\n}\r\n\r\nToggleGroup.displayName = \"ToggleGroup\";\r\nToggleGroupItem.displayName = \"ToggleGroupItem\";\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","props","className","children","render","size","variant","otherProps","BaseToggleGroup","useRender","mergeProps","cn","styles","ToggleGroupItem","context","Toggle","toggleVariants"],"mappings":";;;;;;;;;AAgBA,MAAMA,qBAAqB,WAAHA,GAAGC,cAA6C,CAAC;AAiDzE,SAASC,yBAAYC,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGN;IAEpE,OAAO,WAAP,GACE,IAACO,aAAeA;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,IAAW,EAAEV;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACJ,mBAAmB,QAAQ;YAAC,OAAO;gBAACQ;gBAASD;YAAI;sBAAIF;;;AAG5D;AAmBA,SAASU,gBAAgBZ,KAAsC;IAC7D,MAAM,EAACC,SAAS,EAAEG,IAAI,EAAEC,OAAO,EAAE,GAAGC,YAAW,GAAGN;IAClD,MAAMa,UAAUf,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACiB,QAAMA;QACL,WAAWJ,GACTK,eAAe;YACb,SAASV,WAAWQ,QAAQ,OAAO;YACnC,MAAMT,QAAQS,QAAQ,IAAI;QAC5B,IACAZ;QAEF,MAAMG,QAAQS,QAAQ,IAAI;QAC1B,SAASR,WAAWQ,QAAQ,OAAO;QAClC,GAAGP,UAAU;;AAGpB;AAcAP,yBAAY,WAAW,GAAG;AAC1Ba,gBAAgB,WAAW,GAAG"}

package/dist/components/ui/toggle-group.module.js

@@ -0,0 +1,7 @@
+import "./toggle-group_module.css";
+const toggle_group_module = {
+    root: "root-rMX4ky"
+};
+export default toggle_group_module;
+
+//# sourceMappingURL=toggle-group.module.js.map

package/dist/components/ui/toggle-group.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/toggle-group.module.js","sources":["../../../src/components/ui/toggle-group.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./toggle-group_module.css\"\nexport default {\"root\":\"root-rMX4ky\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,MAAO;AAAa"}

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

@@ -0,0 +1,8 @@
+.root-rMX4ky {
+  align-items: center;
+  gap: var(--ac-space-1);
+  display: inline-flex;
+}
+
+
+/*# sourceMappingURL=toggle-group_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle-group.module.css","webpack://./src/components/ui/toggle-group.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;AACtB","sourcesContent":[".root{align-items:center;display:inline-flex;gap:var(--ac-space-1)}",".root {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n}\n"],"sourceRoot":""}

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

@@ -1,13 +1,62 @@
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "class-variance-authority";
+import { Toggle as BaseToggle } from "@base-ui/react/toggle";
 import * as React from "react";
-declare const toggleVariants: (props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
-export { Toggle, toggleVariants };
+export type ToggleVariant = "default" | "outline";
+export type ToggleSize = "default" | "sm" | "lg";
+export interface ToggleVariantOptions {
+    /**
+     * Controls the rendered visual variant.
+     * @default "default"
+     */
+    variant?: ToggleVariant;
+    /**
+     * Controls the rendered size variant.
+     * @default "default"
+     */
+    size?: ToggleSize;
+    /**
+     * Applies additional CSS classes to the component root element.
+     * @default undefined
+     */
+    className?: string;
+}
+/** Returns the CSS module classes used by the toggle wrapper. */
+export declare function toggleVariants({ variant, size, className }?: Readonly<ToggleVariantOptions>): string;
+export interface ToggleProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggle>, "className"> {
+    /**
+     * Applies additional CSS classes to the component root element.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Controls the rendered visual variant.
+     * @default "default"
+     */
+    variant?: ToggleVariant;
+    /**
+     * Controls the rendered size variant.
+     * @default "default"
+     */
+    size?: ToggleSize;
+}
+/**
+ * Renders the toggle control.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
+ * - Supports the `render` prop for element composition
+ *
+ * @example
+ * ```tsx
+ * <Toggle>Content</Toggle>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toggle | Base UI Documentation}
+ */
+declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare namespace Toggle {
+    type Props = ToggleProps;
+    type State = BaseToggle.State;
+}
+export { Toggle };
 //# sourceMappingURL=toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;iEAoBnB,CAAC;AAEF,QAAA,MAAM,MAAM;;;4GASV,CAAC;AAIH,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,wBAAgB,cAAc,CAAC,EAAC,OAAmB,EAAE,IAAgB,EAAE,SAAS,EAAC,GAAE,QAAQ,CAAC,oBAAoB,CAAM,GAAG,MAAM,CAK9H;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,EAAE,WAAW,CAAC;IACpG;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM,oGAiBX,CAAC;AAGF,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;CACtC;AAID,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/components/ui/toggle.js

@@ -1,36 +1,36 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Root } from "@radix-ui/react-toggle";
-import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Toggle } from "@base-ui/react/toggle";
+import { useRender } from "@base-ui/react/use-render";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50"
-        },
-        size: {
-            default: "h-9 px-2 min-w-9",
-            sm: "h-8 px-1.5 min-w-8",
-            lg: "h-10 px-2.5 min-w-10"
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default"
-    }
-});
-const Toggle = /*#__PURE__*/ forwardRef(({ className, variant, size, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+import toggle_module from "./toggle.module.js";
+function toggleVariants({ variant = "default", size = "default", className } = {}) {
+    const variantClass = "outline" === variant ? toggle_module.outline : toggle_module["default"];
+    const sizeClass = "sm" === size ? toggle_module.sizeSm : "lg" === size ? toggle_module.sizeLg : toggle_module.sizeDefault;
+    return cn(toggle_module.root, variantClass, sizeClass, className);
+}
+const toggle_Toggle = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, size, variant, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toggle, {
         ref: ref,
-        className: cn(toggleVariants({
-            variant,
-            size,
-            className
-        })),
-        ...props
-    }));
-Toggle.displayName = Root.displayName;
-export { Toggle, toggleVariants };
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: toggleVariants({
+                    variant,
+                    size,
+                    className
+                })
+            }, {})
+        }),
+        children: children
+    });
+});
+toggle_Toggle.displayName = "Toggle";
+export { toggleVariants, toggle_Toggle as Toggle };
 
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\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 toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline:\r\n          \"border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-2 min-w-9\",\r\n        sm: \"h-8 px-1.5 min-w-8\",\r\n        lg: \"h-10 px-2.5 min-w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst Toggle = React.forwardRef<\r\n  React.ComponentRef<typeof TogglePrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, ...props}, ref) => (\r\n  <TogglePrimitive.Root\r\n    ref={ref}\r\n    className={cn(toggleVariants({variant, size, className}))}\r\n    {...props}\r\n  />\r\n));\r\n\r\nToggle.displayName = TogglePrimitive.Root.displayName;\r\n\r\nexport {Toggle, toggleVariants};\r\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,6iBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvC,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAGV,eAAe;YAACK;YAASC;YAAMF;QAAS;QACrD,GAAGG,KAAK;;AAIbL,OAAO,WAAW,GAAGO,KAAAA,WAAgC"}
+{"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toggle as BaseToggle} from \"@base-ui/react/toggle\";\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 \"./toggle.module.css\";\r\n\r\nexport type ToggleVariant = \"default\" | \"outline\";\r\nexport type ToggleSize = \"default\" | \"sm\" | \"lg\";\r\n\r\nexport interface ToggleVariantOptions {\r\n  /**\r\n   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\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\r\n/** Returns the CSS module classes used by the toggle wrapper. */\r\nexport function toggleVariants({variant = \"default\", size = \"default\", className}: Readonly<ToggleVariantOptions> = {}): string {\r\n  const variantClass = variant === \"outline\" ? styles.outline : styles.default;\r\n  const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeDefault;\r\n\r\n  return cn(styles.root, variantClass, sizeClass, className);\r\n}\r\n\r\nexport interface ToggleProps extends Omit<React.ComponentPropsWithRef<typeof BaseToggle>, \"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   * Controls the rendered visual variant.\r\n   * @default \"default\"\r\n   */\r\n  variant?: ToggleVariant;\r\n  /**\r\n   * Controls the rendered size variant.\r\n   * @default \"default\"\r\n   */\r\n  size?: ToggleSize;\r\n}\r\n\r\n/**\r\n * Renders the toggle control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/toggle | Base UI Toggle}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toggle>Content</Toggle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toggle | Base UI Documentation}\r\n */\r\nconst Toggle = React.forwardRef<React.ComponentRef<typeof BaseToggle>, Toggle.Props>(\r\n  (props: Readonly<Toggle.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, size, variant, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseToggle\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: toggleVariants({variant, size, className})}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseToggle>\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 Toggle {\r\n  export type Props = ToggleProps;\r\n  export type State = BaseToggle.State;\r\n}\r\n\r\nToggle.displayName = \"Toggle\";\r\n\r\nexport {Toggle};\r\n"],"names":["toggleVariants","variant","size","className","variantClass","styles","sizeClass","cn","Toggle","React","props","ref","children","render","otherProps","BaseToggle","useRender","mergeProps"],"mappings":";;;;;;;;AAgCO,SAASA,eAAe,EAACC,UAAU,SAAS,EAAEC,OAAO,SAAS,EAAEC,SAAS,EAAiC,GAAG,CAAC,CAAC;IACpH,MAAMC,eAAeH,AAAY,cAAZA,UAAwBI,cAAAA,OAAc,GAAGA,aAAAA,CAAAA,UAAc;IAC5E,MAAMC,YAAYJ,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGH,AAAS,SAATA,OAAgBG,cAAAA,MAAa,GAAGA,cAAAA,WAAkB;IAEpG,OAAOE,GAAGF,cAAAA,IAAW,EAAED,cAAcE,WAAWH;AAClD;AAmCA,MAAMK,gBAAS,WAAHA,GAAGC,WACb,CAACC,OAA+BC;IAC9B,MAAM,EAACR,SAAS,EAAES,QAAQ,EAAEC,MAAM,EAAEX,IAAI,EAAED,OAAO,EAAE,GAAGa,YAAW,GAAGJ;IAEpE,OAAO,WAAP,GACE,IAACK,QAAUA;QACT,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWjB,eAAe;oBAACC;oBAASC;oBAAMC;gBAAS;YAAE,GAAG,CAAC;QAC9E;kBACCS;;AAGP;AASFJ,cAAO,WAAW,GAAG"}

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

@@ -0,0 +1,12 @@
+import "./toggle_module.css";
+const toggle_module = {
+    root: "root-_dVwoF",
+    default: "default-NBVN1k",
+    outline: "outline-PeBXQ5",
+    sizeDefault: "sizeDefault-P9jvGo",
+    sizeSm: "sizeSm-OUenVH",
+    sizeLg: "sizeLg-kfUHX1"
+};
+export default toggle_module;
+
+//# sourceMappingURL=toggle.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/toggle.module.js","sources":["../../../src/components/ui/toggle.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./toggle_module.css\"\nexport default {\"root\":\"root-_dVwoF\",\"default\":\"default-NBVN1k\",\"outline\":\"outline-PeBXQ5\",\"sizeDefault\":\"sizeDefault-P9jvGo\",\"sizeSm\":\"sizeSm-OUenVH\",\"sizeLg\":\"sizeLg-kfUHX1\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,MAAO;IAAc,SAAU;IAAiB,SAAU;IAAiB,aAAc;IAAqB,QAAS;IAAgB,QAAS;AAAe"}

package/dist/components/ui/toggle_module.css

@@ -0,0 +1,62 @@
+.root-_dVwoF {
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-foreground);
+  cursor: pointer;
+  font-size: var(--ac-text-sm);
+  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);
+  background-color: #0000;
+  border: 1px solid #0000;
+  outline: none;
+  justify-content: center;
+  font-weight: 500;
+  display: inline-flex;
+}
+
+.root-_dVwoF:focus-visible {
+  outline: 2px solid var(--ac-ring);
+  outline-offset: 2px;
+}
+
+.root-_dVwoF[data-disabled] {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.root-_dVwoF[data-pressed] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.default-NBVN1k {
+  background-color: #0000;
+}
+
+.outline-PeBXQ5 {
+  border-color: var(--ac-border);
+  box-shadow: 0 1px 2px #0000000a;
+}
+
+.sizeDefault-P9jvGo {
+  height: var(--ac-size-default);
+  min-width: var(--ac-size-default);
+}
+
+.sizeDefault-P9jvGo, .sizeSm-OUenVH {
+  padding: 0 var(--ac-space-2);
+}
+
+.sizeSm-OUenVH {
+  height: var(--ac-size-md);
+  min-width: var(--ac-size-md);
+}
+
+.sizeLg-kfUHX1 {
+  height: var(--ac-size-lg);
+  min-width: var(--ac-size-lg);
+  padding: 0 var(--ac-space-3);
+}
+
+
+/*# sourceMappingURL=toggle_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toggle.module.css","webpack://./src/components/ui/toggle.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6HAA6H;EAC7H,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;EAC9B,+BAA+B;AACjC;;AAEA;EACE,8BAA8B;EAC9B,iCAAiC;AACnC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,yBAAyB;EACzB,4BAA4B;AAC9B;;AAEA;EACE,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;AAC9B","sourcesContent":[".root{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-2);justify-content:center;outline:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),border-color var(--ac-transition-fast)}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.root[data-disabled]{opacity:.5;pointer-events:none}.root[data-pressed]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.default{background-color:transparent}.outline{border-color:var(--ac-border);box-shadow:0 1px 2px rgba(0,0,0,.04)}.sizeDefault{height:var(--ac-size-default);min-width:var(--ac-size-default)}.sizeDefault,.sizeSm{padding:0 var(--ac-space-2)}.sizeSm{height:var(--ac-size-md);min-width:var(--ac-size-md)}.sizeLg{height:var(--ac-size-lg);min-width:var(--ac-size-lg);padding:0 var(--ac-space-3)}",".root {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\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);\n  background-color: #0000;\n  border: 1px solid #0000;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  display: inline-flex;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.root[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.root[data-pressed] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.default {\n  background-color: #0000;\n}\n\n.outline {\n  border-color: var(--ac-border);\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.sizeDefault {\n  height: var(--ac-size-default);\n  min-width: var(--ac-size-default);\n}\n\n.sizeDefault, .sizeSm {\n  padding: 0 var(--ac-space-2);\n}\n\n.sizeSm {\n  height: var(--ac-size-md);\n  min-width: var(--ac-size-md);\n}\n\n.sizeLg {\n  height: var(--ac-size-lg);\n  min-width: var(--ac-size-lg);\n  padding: 0 var(--ac-space-3);\n}\n"],"sourceRoot":""}