@enadhq/enad-react-sdk 1.0.2 → 1.2.0

package/dist/client/ui/stepper.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { cn } from "./utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/ui/stepper.tsx
+const StepperContext = React$1.createContext({
+	activeStep: 0,
+	orientation: "horizontal"
+});
+function useStepper() {
+	return React$1.useContext(StepperContext);
+}
+function Stepper({ activeStep = 0, orientation = "horizontal", className, children, ...props }) {
+	const value = React$1.useMemo(() => ({
+		activeStep,
+		orientation
+	}), [activeStep, orientation]);
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper",
+			"data-orientation": orientation,
+			className: cn("flex gap-2", orientation === "vertical" ? "flex-col" : "flex-row items-center", className),
+			role: "list",
+			...props,
+			children
+		})
+	});
+}
+function StepperItem({ step, className, children, ...props }) {
+	const { activeStep, orientation } = useStepper();
+	const status = step < activeStep ? "completed" : step === activeStep ? "active" : "upcoming";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "stepper-item",
+		"data-status": status,
+		"data-orientation": orientation,
+		className: cn("flex items-center gap-2", orientation === "vertical" && "flex-col items-start", orientation === "horizontal" && "flex-1", className),
+		role: "listitem",
+		"aria-current": status === "active" ? "step" : void 0,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper-indicator",
+			className: cn("flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors", status === "completed" && "border-primary bg-primary text-primary-foreground", status === "active" && "border-primary text-primary", status === "upcoming" && "border-muted-foreground/30 text-muted-foreground"),
+			children: status === "completed" ? /* @__PURE__ */ jsx("svg", {
+				className: "size-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					d: "M5 13l4 4L19 7"
+				})
+			}) : step + 1
+		}), children && /* @__PURE__ */ jsx("div", {
+			"data-slot": "stepper-content",
+			className: "flex flex-col gap-0.5",
+			children
+		})]
+	});
+}
+function StepperTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+function StepperDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-description",
+		className: cn("text-xs text-muted-foreground", className),
+		...props
+	});
+}
+function StepperSeparator({ className, ...props }) {
+	const { orientation } = useStepper();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "stepper-separator",
+		"data-orientation": orientation,
+		className: cn("bg-muted-foreground/30 transition-colors data-[status=completed]:bg-primary", orientation === "horizontal" ? "h-0.5 flex-1" : "ml-4 w-0.5 min-h-4", className),
+		role: "separator",
+		...props
+	});
+}
+//#endregion
+export { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle };
+
+//# sourceMappingURL=stepper.mjs.map

package/dist/client/ui/stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.mjs","names":["React"],"sources":["../../../src/client/ui/stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\ntype StepperOrientation = \"horizontal\" | \"vertical\";\n\ninterface StepperContextValue {\n  activeStep: number;\n  orientation: StepperOrientation;\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  orientation: \"horizontal\",\n});\n\nfunction useStepper() {\n  return React.useContext(StepperContext);\n}\n\nfunction Stepper({\n  activeStep = 0,\n  orientation = \"horizontal\",\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  activeStep?: number;\n  orientation?: StepperOrientation;\n}) {\n  const value = React.useMemo(() => ({ activeStep, orientation }), [activeStep, orientation]);\n\n  return (\n    <StepperContext.Provider value={value}>\n      <div\n        data-slot=\"stepper\"\n        data-orientation={orientation}\n        className={cn(\n          \"flex gap-2\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row items-center\",\n          className,\n        )}\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  );\n}\n\nfunction StepperItem({\n  step,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & { step: number }) {\n  const { activeStep, orientation } = useStepper();\n  const status = step < activeStep ? \"completed\" : step === activeStep ? \"active\" : \"upcoming\";\n\n  return (\n    <div\n      data-slot=\"stepper-item\"\n      data-status={status}\n      data-orientation={orientation}\n      className={cn(\n        \"flex items-center gap-2\",\n        orientation === \"vertical\" && \"flex-col items-start\",\n        orientation === \"horizontal\" && \"flex-1\",\n        className,\n      )}\n      role=\"listitem\"\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      {...props}\n    >\n      <div\n        data-slot=\"stepper-indicator\"\n        className={cn(\n          \"flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors\",\n          status === \"completed\" && \"border-primary bg-primary text-primary-foreground\",\n          status === \"active\" && \"border-primary text-primary\",\n          status === \"upcoming\" && \"border-muted-foreground/30 text-muted-foreground\",\n        )}\n      >\n        {status === \"completed\" ? (\n          <svg\n            className=\"size-4\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth={3}\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n          </svg>\n        ) : (\n          step + 1\n        )}\n      </div>\n      {children && (\n        <div data-slot=\"stepper-content\" className=\"flex flex-col gap-0.5\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StepperTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span data-slot=\"stepper-title\" className={cn(\"text-sm font-medium\", className)} {...props} />\n  );\n}\n\nfunction StepperDescription({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"stepper-description\"\n      className={cn(\"text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction StepperSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useStepper();\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-orientation={orientation}\n      className={cn(\n        \"bg-muted-foreground/30 transition-colors data-[status=completed]:bg-primary\",\n        orientation === \"horizontal\" ? \"h-0.5 flex-1\" : \"ml-4 w-0.5 min-h-4\",\n        className,\n      )}\n      role=\"separator\"\n      {...props}\n    />\n  );\n}\n\nexport { Stepper, StepperItem, StepperTitle, StepperDescription, StepperSeparator };\n"],"mappings":";;;;;AAaA,MAAM,iBAAiBA,QAAM,cAAmC;CAC9D,YAAY;CACZ,aAAa;CACd,CAAC;AAEF,SAAS,aAAa;AACpB,QAAOA,QAAM,WAAW,eAAe;;AAGzC,SAAS,QAAQ,EACf,aAAa,GACb,cAAc,cACd,WACA,UACA,GAAG,SAIF;CACD,MAAM,QAAQA,QAAM,eAAe;EAAE;EAAY;EAAa,GAAG,CAAC,YAAY,YAAY,CAAC;AAE3F,QACE,oBAAC,eAAe,UAAhB;EAAgC;YAC9B,oBAAC,OAAD;GACE,aAAU;GACV,oBAAkB;GAClB,WAAW,GACT,cACA,gBAAgB,aAAa,aAAa,yBAC1C,UACD;GACD,MAAK;GACL,GAAI;GAEH;GACG,CAAA;EACkB,CAAA;;AAI9B,SAAS,YAAY,EACnB,MACA,WACA,UACA,GAAG,SAC8C;CACjD,MAAM,EAAE,YAAY,gBAAgB,YAAY;CAChD,MAAM,SAAS,OAAO,aAAa,cAAc,SAAS,aAAa,WAAW;AAElF,QACE,qBAAC,OAAD;EACE,aAAU;EACV,eAAa;EACb,oBAAkB;EAClB,WAAW,GACT,2BACA,gBAAgB,cAAc,wBAC9B,gBAAgB,gBAAgB,UAChC,UACD;EACD,MAAK;EACL,gBAAc,WAAW,WAAW,SAAS,KAAA;EAC7C,GAAI;YAZN,CAcE,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,gHACA,WAAW,eAAe,qDAC1B,WAAW,YAAY,+BACvB,WAAW,cAAc,mDAC1B;aAEA,WAAW,cACV,oBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,SAAQ;IACR,QAAO;IACP,aAAa;cAEb,oBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,GAAE;KAAmB,CAAA;IACpE,CAAA,GAEN,OAAO;GAEL,CAAA,EACL,YACC,oBAAC,OAAD;GAAK,aAAU;GAAkB,WAAU;GACxC;GACG,CAAA,CAEJ;;;AAIV,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAAC,QAAD;EAAM,aAAU;EAAgB,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIlG,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;AACjF,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,MAAM,EAAE,gBAAgB,YAAY;AAEpC,QACE,oBAAC,OAAD;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,+EACA,gBAAgB,eAAe,iBAAiB,sBAChD,UACD;EACD,MAAK;EACL,GAAI;EACJ,CAAA"}

package/dist/client/ui/tabs.d.ts

@@ -0,0 +1,34 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "radix-ui";
+
+//#region src/client/ui/tabs.d.ts
+declare const tabsRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "trigger" | "content" | "list", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  trigger: string;
+  content: string;
+  list: string;
+};
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsRecipe };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/client/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/client/ui/tabs.tsx"],"mappings":";;;;;cAQM,UAAA,GAAU,KAAA;EAAA;;cASd,OAAA,CAAA,MAAA;AAAA;;;;;;iBAIO,IAAA,CAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU7E,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tabs.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "radix-ui";
+//#region src/client/ui/tabs.tsx
+const tabsRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"list",
+		"trigger",
+		"content"
+	],
+	base: {
+		root: "flex flex-col gap-2",
+		list: "inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground",
+		trigger: "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		content: "flex-1 outline-none"
+	}
+});
+const defaultClasses = tabsRecipe();
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Root, {
+		"data-slot": "tabs",
+		className: cn(defaultClasses.root, className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.List, {
+		"data-slot": "tabs-list",
+		className: cn(defaultClasses.list, className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn(defaultClasses.trigger, className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Content, {
+		"data-slot": "tabs-content",
+		className: cn(defaultClasses.content, className),
+		...props
+	});
+}
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsRecipe };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/client/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["TabsPrimitive"],"sources":["../../../src/client/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst tabsRecipe = defineSlotRecipe({\n  slots: [\"root\", \"list\", \"trigger\", \"content\"] as const,\n  base: {\n    root: \"flex flex-col gap-2\",\n    list: \"inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground\",\n    trigger:\n      \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    content: \"flex-1 outline-none\",\n  },\n});\n\nconst defaultClasses = tabsRecipe();\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(defaultClasses.root, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(defaultClasses.list, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(defaultClasses.trigger, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(defaultClasses.content, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,aAAa,iBAAiB;CAClC,OAAO;EAAC;EAAQ;EAAQ;EAAW;EAAU;CAC7C,MAAM;EACJ,MAAM;EACN,MAAM;EACN,SACE;EACF,SAAS;EACV;CACF,CAAC;AAEF,MAAM,iBAAiB,YAAY;AAEnC,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA"}

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

@@ -1,10 +1,30 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { toggleVariants } from "./toggle";
-declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
-    spacing?: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+
+//#region src/client/ui/toggle-group.d.ts
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroup$1.Root> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
+  spacing?: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof ToggleGroup$1.Item> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/client/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAYzC,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,2CAmBF;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAuBpC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/client/ui/toggle-group.tsx"],"mappings":";;;;;iBAgBS,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;EAClD,OAAA;EACA,IAAA;EACA,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBQ,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;EAClD,OAAA;EACA,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/toggle-group.mjs

@@ -1,69 +1,49 @@
+import { cn } from "./utils.mjs";
+import { toggleVariants } from "./toggle.mjs";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { cn } from "./utils";
-import { toggleVariants } from "./toggle";
-const ToggleGroupContext = React.createContext({
-  size: "default",
-  variant: "default",
-  spacing: 0
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+//#region src/client/ui/toggle-group.tsx
+const ToggleGroupContext = React$1.createContext({
+	size: "md",
+	variant: "plain",
+	spacing: 0
 });
-function ToggleGroup({
-  className,
-  variant,
-  size,
-  spacing = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Root,
-    {
-      "data-slot": "toggle-group",
-      "data-variant": variant,
-      "data-size": size,
-      "data-spacing": spacing,
-      style: { "--gap": spacing },
-      className: cn(
-        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
-    }
-  );
+function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outlined]:shadow-xs", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing
+			},
+			children
+		})
+	});
 }
-function ToggleGroupItem({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}) {
-  const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      "data-slot": "toggle-group-item",
-      "data-variant": context.variant || variant,
-      "data-size": context.size || size,
-      "data-spacing": context.spacing,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
-        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = React$1.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.spacing,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outlined]:border-l-0 data-[spacing=0]:data-[variant=outlined]:first:border-l", className),
+		...props,
+		children
+	});
 }
-export {
-  ToggleGroup,
-  ToggleGroupItem
-};
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+
 //# sourceMappingURL=toggle-group.mjs.map

package/dist/client/ui/toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/toggle-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\nimport { toggleVariants } from \"./toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":"AAyCM;AAzCN,YAAY,WAAW;AAEvB,SAAS,eAAe,4BAA4B;AAEpD,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,MAAM,qBAAqB,MAAM,cAI/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAED,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAGK;AACH,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,OAAO,EAAE,SAAS,QAAQ;AAAA,MAC1B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,QAAQ,GAC1D,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,QAAM,UAAU,MAAM,WAAW,kBAAkB;AAEnD,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,QAAQ,WAAW;AAAA,MACjC,aAAW,QAAQ,QAAQ;AAAA,MAC3B,gBAAc,QAAQ;AAAA,MACtB,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"file":"toggle-group.mjs","names":["React","ToggleGroupPrimitive"],"sources":["../../../src/client/ui/toggle-group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\nimport { toggleVariants } from \"./toggle\";\n\nconst ToggleGroupContext = React.createContext<{\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  spacing?: number;\n}>({\n  size: \"md\",\n  variant: \"plain\",\n  spacing: 0,\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  spacing?: number;\n}) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outlined]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n}) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outlined]:border-l-0 data-[spacing=0]:data-[variant=outlined]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;AAMA,MAAM,qBAAqBA,QAAM,cAI9B;CACD,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAKF;AACD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,WAAW,GACT,8IACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAS;GAC3D;GAC2B,CAAA;EACJ,CAAA;;AAIhC,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAIF;CACD,MAAM,UAAUD,QAAM,WAAW,mBAAmB;AAEpD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,8DACA,iPACA,UACD;EACD,GAAI;EAEH;EACyB,CAAA"}

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

@@ -1,10 +1,29 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { Toggle as TogglePrimitive } from "radix-ui";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "radix-ui";
+
+//#region src/client/ui/toggle.d.ts
+declare const toggleRecipe: (props?: ({
+  variant?: "outlined" | "plain" | undefined;
+  size?: "sm" | "md" | "lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof Toggle$1.Root> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
+}): react_jsx_runtime0.JSX.Element;
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-export { Toggle, toggleVariants };
+  variant?: "outlined" | "plain" | undefined;
+  size?: "sm" | "md" | "lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+//#endregion
+export { Toggle, toggleRecipe, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/client/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAIpD,QAAA,MAAM,cAAc;;;8EAoBnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../../src/client/ui/toggle.tsx"],"mappings":";;;;;cAMM,YAAA,GAAY,KAAA;;;;;;iBAoBT,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA;EAC7C,OAAA;EACA,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaK,cAAA,GAAc,KAAA"}

package/dist/client/ui/toggle.mjs

@@ -1,44 +1,40 @@
+import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Toggle as TogglePrimitive } from "radix-ui";
-import { cn } from "./utils";
-const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground"
-      },
-      size: {
-        default: "h-9 min-w-9 px-2",
-        sm: "h-8 min-w-8 px-1.5",
-        lg: "h-10 min-w-10 px-2.5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TogglePrimitive.Root,
-    {
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className })),
-      ...props
-    }
-  );
+import { Toggle as Toggle$1 } from "radix-ui";
+//#region src/client/ui/toggle.tsx
+const toggleRecipe = defineRecipe({
+	base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	variants: {
+		variant: {
+			plain: "bg-transparent",
+			outlined: "border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground"
+		},
+		size: {
+			sm: "h-8 min-w-8 px-1.5",
+			md: "h-9 min-w-9 px-2",
+			lg: "h-10 min-w-10 px-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "plain",
+		size: "md"
+	}
+});
+function Toggle({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle$1.Root, {
+		"data-slot": "toggle",
+		className: cn(toggleRecipe({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
 }
-export {
-  Toggle,
-  toggleVariants
-};
+const toggleVariants = toggleRecipe;
+//#endregion
+export { Toggle, toggleRecipe, toggleVariants };
+
 //# sourceMappingURL=toggle.mjs.map

package/dist/client/ui/toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground\",\n      },\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        sm: \"h-8 min-w-8 px-1.5\",\n        lg: \"h-10 min-w-10 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":"AAoCI;AAnCJ,SAAS,WAA8B;AACvC,SAAS,UAAU,uBAAuB;AAE1C,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"file":"toggle.mjs","names":["TogglePrimitive"],"sources":["../../../src/client/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst toggleRecipe = defineRecipe({\n  base: \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      plain: \"bg-transparent\",\n      outlined:\n        \"border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground\",\n    },\n    size: {\n      sm: \"h-8 min-w-8 px-1.5\",\n      md: \"h-9 min-w-9 px-2\",\n      lg: \"h-10 min-w-10 px-2.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"plain\",\n    size: \"md\",\n  },\n});\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n}) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleRecipe({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleRecipe };\n\n// Backward compat\nconst toggleVariants = toggleRecipe;\nexport { toggleVariants };\n"],"mappings":";;;;;;AAMA,MAAM,eAAe,aAAa;CAChC,MAAM;CACN,UAAU;EACR,SAAS;GACP,OAAO;GACP,UACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SAIF;AACD,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EACzD,GAAI;EACJ,CAAA;;AAON,MAAM,iBAAiB"}

package/dist/client/ui/tooltip.d.ts

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+
+//#region src/client/ui/tooltip.d.ts
+declare const tooltipContentRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime0.JSX.Element;
+declare function Tooltip({
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentRecipe };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/client/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/client/ui/tooltip.tsx"],"mappings":";;;;;cAQM,oBAAA,GAAoB,KAAA;EAAA;;;;iBAIjB,eAAA,CAAA;EACP,aAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhD,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQxE,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIlF,cAAA,CAAA;EACP,SAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tooltip.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+//#region src/client/ui/tooltip.tsx
+const tooltipContentRecipe = defineRecipe({ base: "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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" });
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 4, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn(tooltipContentRecipe({ className })),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentRecipe };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/client/ui/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":["TooltipPrimitive"],"sources":["../../../src/client/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst tooltipContentRecipe = defineRecipe({\n  base: \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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\",\n});\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentRecipe({ className }))}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,uBAAuB,aAAa,EACxC,MAAM,sbACP,CAAC;AAEF,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;AACzD,QACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACJ,CAAA;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;AACxD,QACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GAAG,qBAAqB,EAAE,WAAW,CAAC,CAAC;EAClD,GAAI;YAJN,CAMG,UACD,oBAACA,UAAiB,OAAlB,EAAwB,WAAU,qFAAsF,CAAA,CAC/F;KACH,CAAA"}