jaci-ui 0.1.0

package/dist/components/toggle-group/toggle-group.cjs

@@ -0,0 +1,52 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_toggle_group = require("../../styled-system/recipes/toggle-group.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_toggle = require("@base-ui/react/toggle");
+let _base_ui_react_toggle_group = require("@base-ui/react/toggle-group");
+//#region src/components/toggle-group/toggle-group.tsx
+const ToggleGroupRoot = (0, react.forwardRef)(function ToggleGroupRoot({ children, className, onValueChange, orientation = "horizontal", size = "md", variant = "outline", ...props }, ref) {
+	const styles = require_toggle_group.toggleGroup({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toggle_group.ToggleGroup, {
+		...props,
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-jaci-component": "toggle-group",
+		"data-orientation": orientation,
+		"data-slot": "toggle-group",
+		onValueChange: (value) => onValueChange?.(value),
+		orientation,
+		children
+	});
+});
+const ToggleGroupItem = (0, react.forwardRef)(function ToggleGroupItem({ children, className, onPressedChange, size = "md", value, variant = "outline", ...props }, ref) {
+	const styles = require_toggle_group.toggleGroup({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toggle.Toggle, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.item, className),
+		"data-jaci-component": "toggle-group",
+		"data-slot": "toggle-group-item",
+		onPressedChange: (pressed) => onPressedChange?.(pressed),
+		value,
+		children
+	});
+});
+const ToggleGroup = {
+	Root: ToggleGroupRoot,
+	Item: ToggleGroupItem
+};
+//#endregion
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+exports.ToggleGroupRoot = ToggleGroupRoot;
+
+//# sourceMappingURL=toggle-group.cjs.map

package/dist/components/toggle-group/toggle-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.cjs","names":["toggleGroup","BaseToggleGroup","cx","BaseToggle","withRecipeClassName"],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ToggleGroup as BaseToggleGroupType } from \"@base-ui/react/toggle-group\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleGroup } from \"../../styled-system/recipes\";\nimport type { ToggleProps, ToggleSize, ToggleVariant } from \"../toggle\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface ToggleGroupRootProps\n  extends Omit<BaseToggleGroupType.Props<string>, \"children\" | \"className\" | \"onValueChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onValueChange?: (value: string[]) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToggleGroupRoot = forwardRef<HTMLDivElement, ToggleGroupRootProps>(\n  function ToggleGroupRoot(\n    {\n      children,\n      className,\n      onValueChange,\n      orientation = \"horizontal\",\n      size = \"md\",\n      variant = \"outline\",\n      ...props\n    },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggleGroup\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"toggle-group\"\n        data-orientation={orientation}\n        data-slot=\"toggle-group\"\n        onValueChange={(value) => onValueChange?.(value)}\n        orientation={orientation}\n      >\n        {children}\n      </BaseToggleGroup>\n    );\n  },\n);\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"className\"> {\n  className?: string;\n  value: string;\n}\n\nexport const ToggleGroupItem = forwardRef<HTMLButtonElement, ToggleGroupItemProps>(\n  function ToggleGroupItem(\n    { children, className, onPressedChange, size = \"md\", value, variant = \"outline\", ...props },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggle\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.item, className)}\n        data-jaci-component=\"toggle-group\"\n        data-slot=\"toggle-group-item\"\n        onPressedChange={(pressed) => onPressedChange?.(pressed)}\n        value={value}\n      >\n        {children}\n      </BaseToggle>\n    );\n  },\n);\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot,\n  Item: ToggleGroupItem,\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBACP,EACE,UACA,WACA,eACA,cAAc,cACd,OAAO,MACP,UAAU,WACV,GAAG,SAEL,KACA;CACA,MAAM,SAASA,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,aAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACV,gBAAgB,UAAU,gBAAgB,KAAK;EAClC;EAEZ;CACc,CAAA;AAErB,CACF;AAOA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBACP,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SACpF,KACA;CACA,MAAM,SAASF,qBAAAA,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAChD;EAEN;CACS,CAAA;AAEhB,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;AACR"}

package/dist/components/toggle-group/toggle-group.d.cts

@@ -0,0 +1,25 @@
+import { ToggleProps, ToggleSize, ToggleVariant } from "../toggle/toggle.cjs";
+import "../toggle/index.cjs";
+import { ReactNode } from "react";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/toggle-group/toggle-group.d.ts
+interface ToggleGroupRootProps extends Omit<ToggleGroup.Props<string>, "children" | "className" | "onValueChange"> {
+  children?: ReactNode;
+  className?: string;
+  onValueChange?: (value: string[]) => void;
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const ToggleGroupRoot: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToggleGroupItemProps extends Omit<ToggleProps, "className"> {
+  className?: string;
+  value: string;
+}
+declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroup$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps };
+//# sourceMappingURL=toggle-group.d.cts.map

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

@@ -0,0 +1,25 @@
+import { ToggleProps, ToggleSize, ToggleVariant } from "../toggle/toggle.js";
+import "../toggle/index.js";
+import { ReactNode } from "react";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/toggle-group/toggle-group.d.ts
+interface ToggleGroupRootProps extends Omit<ToggleGroup.Props<string>, "children" | "className" | "onValueChange"> {
+  children?: ReactNode;
+  className?: string;
+  onValueChange?: (value: string[]) => void;
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const ToggleGroupRoot: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToggleGroupItemProps extends Omit<ToggleProps, "className"> {
+  className?: string;
+  value: string;
+}
+declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroup$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps };
+//# sourceMappingURL=toggle-group.d.ts.map

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

@@ -0,0 +1,50 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { toggleGroup } from "../../styled-system/recipes/toggle-group.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/toggle-group/toggle-group.tsx
+const ToggleGroupRoot = forwardRef(function ToggleGroupRoot({ children, className, onValueChange, orientation = "horizontal", size = "md", variant = "outline", ...props }, ref) {
+	const styles = toggleGroup({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		...props,
+		ref,
+		className: cx(styles.root, className),
+		"data-jaci-component": "toggle-group",
+		"data-orientation": orientation,
+		"data-slot": "toggle-group",
+		onValueChange: (value) => onValueChange?.(value),
+		orientation,
+		children
+	});
+});
+const ToggleGroupItem = forwardRef(function ToggleGroupItem({ children, className, onPressedChange, size = "md", value, variant = "outline", ...props }, ref) {
+	const styles = toggleGroup({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.item, className),
+		"data-jaci-component": "toggle-group",
+		"data-slot": "toggle-group-item",
+		onPressedChange: (pressed) => onPressedChange?.(pressed),
+		value,
+		children
+	});
+});
+const ToggleGroup$1 = {
+	Root: ToggleGroupRoot,
+	Item: ToggleGroupItem
+};
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem, ToggleGroupRoot };
+
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["BaseToggleGroup","BaseToggle","ToggleGroup"],"sources":["../../../src/components/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup } from \"@base-ui/react/toggle-group\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ToggleGroup as BaseToggleGroupType } from \"@base-ui/react/toggle-group\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleGroup } from \"../../styled-system/recipes\";\nimport type { ToggleProps, ToggleSize, ToggleVariant } from \"../toggle\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface ToggleGroupRootProps\n  extends Omit<BaseToggleGroupType.Props<string>, \"children\" | \"className\" | \"onValueChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onValueChange?: (value: string[]) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToggleGroupRoot = forwardRef<HTMLDivElement, ToggleGroupRootProps>(\n  function ToggleGroupRoot(\n    {\n      children,\n      className,\n      onValueChange,\n      orientation = \"horizontal\",\n      size = \"md\",\n      variant = \"outline\",\n      ...props\n    },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggleGroup\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"toggle-group\"\n        data-orientation={orientation}\n        data-slot=\"toggle-group\"\n        onValueChange={(value) => onValueChange?.(value)}\n        orientation={orientation}\n      >\n        {children}\n      </BaseToggleGroup>\n    );\n  },\n);\n\nexport interface ToggleGroupItemProps extends Omit<ToggleProps, \"className\"> {\n  className?: string;\n  value: string;\n}\n\nexport const ToggleGroupItem = forwardRef<HTMLButtonElement, ToggleGroupItemProps>(\n  function ToggleGroupItem(\n    { children, className, onPressedChange, size = \"md\", value, variant = \"outline\", ...props },\n    ref,\n  ) {\n    const styles = toggleGroup({ size, variant });\n\n    return (\n      <BaseToggle\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.item, className)}\n        data-jaci-component=\"toggle-group\"\n        data-slot=\"toggle-group-item\"\n        onPressedChange={(pressed) => onPressedChange?.(pressed)}\n        value={value}\n      >\n        {children}\n      </BaseToggle>\n    );\n  },\n);\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot,\n  Item: ToggleGroupItem,\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,UACA,WACA,eACA,cAAc,cACd,OAAO,MACP,UAAU,WACV,GAAG,SAEL,KACA;CACA,MAAM,SAAS,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,oBAACA,aAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACV,gBAAgB,UAAU,gBAAgB,KAAK;EAClC;EAEZ;CACc,CAAA;AAErB,CACF;AAOA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,OAAO,UAAU,WAAW,GAAG,SACpF,KACA;CACA,MAAM,SAAS,YAAY;EAAE;EAAM;CAAQ,CAAC;CAE5C,OACE,oBAACC,QAAD;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAChD;EAEN;CACS,CAAA;AAEhB,CACF;AAEA,MAAaC,gBAAc;CACzB,MAAM;CACN,MAAM;AACR"}

package/dist/components/toolbar/index.d.cts

@@ -0,0 +1,2 @@
+import { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps } from "./toolbar.cjs";
+export { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps };

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+import { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps } from "./toolbar.js";
+export { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps };

package/dist/components/toolbar/toolbar.cjs

@@ -0,0 +1,85 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_toolbar = require("../../styled-system/recipes/toolbar.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_toolbar = require("@base-ui/react/toolbar");
+//#region src/components/toolbar/toolbar.tsx
+const ToolbarRoot = (0, react.forwardRef)(function ToolbarRoot({ className, orientation = "horizontal", ...props }, ref) {
+	const styles = require_toolbar.toolbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Root, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.root, className),
+		"data-jaci-component": "toolbar",
+		"data-orientation": orientation,
+		"data-slot": "toolbar",
+		orientation
+	});
+});
+const ToolbarGroup = (0, react.forwardRef)(function ToolbarGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Group, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toolbar.toolbar().group, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-group"
+	});
+});
+const ToolbarButton = (0, react.forwardRef)(function ToolbarButton({ className, size = "md", variant = "ghost", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Button, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toolbar.toolbar({
+			size,
+			variant
+		}).button, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-button"
+	});
+});
+const ToolbarLink = (0, react.forwardRef)(function ToolbarLink({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Link, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toolbar.toolbar().link, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-link"
+	});
+});
+const ToolbarInput = (0, react.forwardRef)(function ToolbarInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Input, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toolbar.toolbar().input, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-input"
+	});
+});
+const ToolbarSeparator = (0, react.forwardRef)(function ToolbarSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Separator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toolbar.toolbar().separator, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-separator"
+	});
+});
+const Toolbar = {
+	Root: ToolbarRoot,
+	Group: ToolbarGroup,
+	Button: ToolbarButton,
+	Link: ToolbarLink,
+	Input: ToolbarInput,
+	Separator: ToolbarSeparator
+};
+//#endregion
+exports.Toolbar = Toolbar;
+exports.ToolbarButton = ToolbarButton;
+exports.ToolbarGroup = ToolbarGroup;
+exports.ToolbarInput = ToolbarInput;
+exports.ToolbarLink = ToolbarLink;
+exports.ToolbarRoot = ToolbarRoot;
+exports.ToolbarSeparator = ToolbarSeparator;
+
+//# sourceMappingURL=toolbar.cjs.map

package/dist/components/toolbar/toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.cjs","names":["toolbar","BaseToolbar","withRecipeClassName"],"sources":["../../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { toolbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { ToggleSize, ToggleVariant } from \"../toggle\";\n\nexport type ToolbarOrientation = \"horizontal\" | \"vertical\";\n\nexport interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Root> {\n  orientation?: ToolbarOrientation;\n}\n\nexport const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(function ToolbarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = toolbar();\n\n  return (\n    <BaseToolbar.Root\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"toolbar\"\n      data-orientation={orientation}\n      data-slot=\"toolbar\"\n      orientation={orientation}\n    />\n  );\n});\n\nexport type ToolbarGroupProps = ComponentPropsWithoutRef<typeof BaseToolbar.Group>;\n\nexport const ToolbarGroup = forwardRef<HTMLDivElement, ToolbarGroupProps>(function ToolbarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().group, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-group\"\n    />\n  );\n});\n\nexport interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Button> {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ className, size = \"md\", variant = \"ghost\", ...props }, ref) {\n    return (\n      <BaseToolbar.Button\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar({ size, variant }).button, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-button\"\n      />\n    );\n  },\n);\n\nexport type ToolbarLinkProps = ComponentPropsWithoutRef<typeof BaseToolbar.Link>;\n\nexport const ToolbarLink = forwardRef<HTMLAnchorElement, ToolbarLinkProps>(function ToolbarLink(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Link\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().link, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-link\"\n    />\n  );\n});\n\nexport type ToolbarInputProps = ComponentPropsWithoutRef<typeof BaseToolbar.Input>;\n\nexport const ToolbarInput = forwardRef<HTMLInputElement, ToolbarInputProps>(function ToolbarInput(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Input\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().input, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-input\"\n    />\n  );\n});\n\nexport type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof BaseToolbar.Separator>;\n\nexport const ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  function ToolbarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseToolbar.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar().separator, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-separator\"\n      />\n    );\n  },\n);\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Input: ToolbarInput,\n  Separator: ToolbarSeparator,\n};\n"],"mappings":";;;;;;;AAgBA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,MAAM,SAASA,gBAAAA,QAAQ;CAEvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,iBAAA,GAAA,MAAA,WAAA,CACX,SAAS,cAAc,EAAE,WAAW,OAAO,MAAM,UAAU,SAAS,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,QAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ;GAAE;GAAM;EAAQ,CAAC,CAAC,CAAC,QAAQ,SAAS;EAC3E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA8D,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,MAAM,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,aACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,QAAY,WAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,gBAAAA,QAAQ,CAAC,CAAC,WAAW,SAAS;EAC7D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,WAAW;AACb"}

package/dist/components/toolbar/toolbar.d.cts

@@ -0,0 +1,34 @@
+import { ToggleSize, ToggleVariant } from "../toggle/toggle.cjs";
+import "../toggle/index.cjs";
+import { ComponentPropsWithoutRef } from "react";
+import { Toolbar } from "@base-ui/react/toolbar";
+//#region src/components/toolbar/toolbar.d.ts
+type ToolbarOrientation = "horizontal" | "vertical";
+interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof Toolbar.Root> {
+  orientation?: ToolbarOrientation;
+}
+declare const ToolbarRoot: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type ToolbarGroupProps = ComponentPropsWithoutRef<typeof Toolbar.Group>;
+declare const ToolbarGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof Toolbar.Button> {
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const ToolbarButton: import("react").ForwardRefExoticComponent<ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+type ToolbarLinkProps = ComponentPropsWithoutRef<typeof Toolbar.Link>;
+declare const ToolbarLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type ToolbarInputProps = ComponentPropsWithoutRef<typeof Toolbar.Input>;
+declare const ToolbarInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof Toolbar.Separator>;
+declare const ToolbarSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Toolbar$1: {
+  Root: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Button: import("react").ForwardRefExoticComponent<ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Toolbar$1 as Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps };
+//# sourceMappingURL=toolbar.d.cts.map

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,34 @@
+import { ToggleSize, ToggleVariant } from "../toggle/toggle.js";
+import "../toggle/index.js";
+import { ComponentPropsWithoutRef } from "react";
+import { Toolbar } from "@base-ui/react/toolbar";
+//#region src/components/toolbar/toolbar.d.ts
+type ToolbarOrientation = "horizontal" | "vertical";
+interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof Toolbar.Root> {
+  orientation?: ToolbarOrientation;
+}
+declare const ToolbarRoot: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type ToolbarGroupProps = ComponentPropsWithoutRef<typeof Toolbar.Group>;
+declare const ToolbarGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof Toolbar.Button> {
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const ToolbarButton: import("react").ForwardRefExoticComponent<ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+type ToolbarLinkProps = ComponentPropsWithoutRef<typeof Toolbar.Link>;
+declare const ToolbarLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type ToolbarInputProps = ComponentPropsWithoutRef<typeof Toolbar.Input>;
+declare const ToolbarInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof Toolbar.Separator>;
+declare const ToolbarSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Toolbar$1: {
+  Root: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Button: import("react").ForwardRefExoticComponent<ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToolbarSeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Toolbar$1 as Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarOrientation, ToolbarRoot, ToolbarRootProps, ToolbarSeparator, ToolbarSeparatorProps };
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1,79 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { toolbar } from "../../styled-system/recipes/toolbar.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toolbar } from "@base-ui/react/toolbar";
+//#region src/components/toolbar/toolbar.tsx
+const ToolbarRoot = forwardRef(function ToolbarRoot({ className, orientation = "horizontal", ...props }, ref) {
+	const styles = toolbar();
+	return /* @__PURE__ */ jsx(Toolbar.Root, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.root, className),
+		"data-jaci-component": "toolbar",
+		"data-orientation": orientation,
+		"data-slot": "toolbar",
+		orientation
+	});
+});
+const ToolbarGroup = forwardRef(function ToolbarGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toolbar.Group, {
+		...props,
+		ref,
+		className: withRecipeClassName(toolbar().group, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-group"
+	});
+});
+const ToolbarButton = forwardRef(function ToolbarButton({ className, size = "md", variant = "ghost", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		...props,
+		ref,
+		className: withRecipeClassName(toolbar({
+			size,
+			variant
+		}).button, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-button"
+	});
+});
+const ToolbarLink = forwardRef(function ToolbarLink({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toolbar.Link, {
+		...props,
+		ref,
+		className: withRecipeClassName(toolbar().link, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-link"
+	});
+});
+const ToolbarInput = forwardRef(function ToolbarInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toolbar.Input, {
+		...props,
+		ref,
+		className: withRecipeClassName(toolbar().input, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-input"
+	});
+});
+const ToolbarSeparator = forwardRef(function ToolbarSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toolbar.Separator, {
+		...props,
+		ref,
+		className: withRecipeClassName(toolbar().separator, className),
+		"data-jaci-component": "toolbar",
+		"data-slot": "toolbar-separator"
+	});
+});
+const Toolbar$1 = {
+	Root: ToolbarRoot,
+	Group: ToolbarGroup,
+	Button: ToolbarButton,
+	Link: ToolbarLink,
+	Input: ToolbarInput,
+	Separator: ToolbarSeparator
+};
+//#endregion
+export { Toolbar$1 as Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":["BaseToolbar","Toolbar"],"sources":["../../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { toolbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { ToggleSize, ToggleVariant } from \"../toggle\";\n\nexport type ToolbarOrientation = \"horizontal\" | \"vertical\";\n\nexport interface ToolbarRootProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Root> {\n  orientation?: ToolbarOrientation;\n}\n\nexport const ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(function ToolbarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = toolbar();\n\n  return (\n    <BaseToolbar.Root\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"toolbar\"\n      data-orientation={orientation}\n      data-slot=\"toolbar\"\n      orientation={orientation}\n    />\n  );\n});\n\nexport type ToolbarGroupProps = ComponentPropsWithoutRef<typeof BaseToolbar.Group>;\n\nexport const ToolbarGroup = forwardRef<HTMLDivElement, ToolbarGroupProps>(function ToolbarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().group, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-group\"\n    />\n  );\n});\n\nexport interface ToolbarButtonProps extends ComponentPropsWithoutRef<typeof BaseToolbar.Button> {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ className, size = \"md\", variant = \"ghost\", ...props }, ref) {\n    return (\n      <BaseToolbar.Button\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar({ size, variant }).button, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-button\"\n      />\n    );\n  },\n);\n\nexport type ToolbarLinkProps = ComponentPropsWithoutRef<typeof BaseToolbar.Link>;\n\nexport const ToolbarLink = forwardRef<HTMLAnchorElement, ToolbarLinkProps>(function ToolbarLink(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Link\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().link, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-link\"\n    />\n  );\n});\n\nexport type ToolbarInputProps = ComponentPropsWithoutRef<typeof BaseToolbar.Input>;\n\nexport const ToolbarInput = forwardRef<HTMLInputElement, ToolbarInputProps>(function ToolbarInput(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToolbar.Input\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toolbar().input, className)}\n      data-jaci-component=\"toolbar\"\n      data-slot=\"toolbar-input\"\n    />\n  );\n});\n\nexport type ToolbarSeparatorProps = ComponentPropsWithoutRef<typeof BaseToolbar.Separator>;\n\nexport const ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  function ToolbarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseToolbar.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toolbar().separator, className)}\n        data-jaci-component=\"toolbar\"\n        data-slot=\"toolbar-separator\"\n      />\n    );\n  },\n);\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Link: ToolbarLink,\n  Input: ToolbarInput,\n  Separator: ToolbarSeparator,\n};\n"],"mappings":";;;;;;;AAgBA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,MAAM,SAAS,QAAQ;CAEvB,OACE,oBAACA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,gBAAgB,WAC3B,SAAS,cAAc,EAAE,WAAW,OAAO,MAAM,UAAU,SAAS,GAAG,SAAS,KAAK;CACnF,OACE,oBAACA,QAAY,QAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ;GAAE;GAAM;EAAQ,CAAC,CAAC,CAAC,QAAQ,SAAS;EAC3E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,MAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,MAAM,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAAgD,SAAS,aACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,QAAY,WAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,WAAW,SAAS;EAC7D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaC,YAAU;CACrB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,WAAW;AACb"}

package/dist/components/tooltip/index.d.cts

@@ -0,0 +1,2 @@
+import { Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPortal, TooltipPositioner, TooltipPositionerProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps } from "./tooltip.cjs";
+export { Tooltip, TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPortal, TooltipPositioner, type TooltipPositionerProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPortal, TooltipPositioner, TooltipPositionerProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps } from "./tooltip.js";
+export { Tooltip, TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPortal, TooltipPositioner, type TooltipPositionerProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip/tooltip.cjs

@@ -0,0 +1,65 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_tooltip = require("../../styled-system/recipes/tooltip.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
+//#region src/components/tooltip/tooltip.tsx
+function TooltipRoot(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Root, { ...props });
+}
+const TooltipTrigger = (0, react.forwardRef)(function TooltipTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_tooltip.tooltip().trigger, className),
+		"data-jaci-component": "tooltip",
+		"data-slot": "tooltip-trigger"
+	});
+});
+/** Preserves Base UI's optional portal container and mount controls. */
+const TooltipPortal = _base_ui_react_tooltip.Tooltip.Portal;
+const TooltipPositioner = (0, react.forwardRef)(function TooltipPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Positioner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_tooltip.tooltip().positioner, className),
+		"data-slot": "tooltip-positioner"
+	});
+});
+const TooltipPopup = (0, react.forwardRef)(function TooltipPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_tooltip.tooltip().popup, className),
+		"data-jaci-component": "tooltip",
+		"data-slot": "tooltip-popup"
+	});
+});
+const TooltipArrow = (0, react.forwardRef)(function TooltipArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tooltip.Tooltip.Arrow, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_tooltip.tooltip().arrow, className),
+		"data-slot": "tooltip-arrow"
+	});
+});
+const Tooltip = {
+	Root: TooltipRoot,
+	Trigger: TooltipTrigger,
+	Portal: TooltipPortal,
+	Positioner: TooltipPositioner,
+	Popup: TooltipPopup,
+	Arrow: TooltipArrow,
+	createHandle: _base_ui_react_tooltip.Tooltip.createHandle
+};
+//#endregion
+exports.Tooltip = Tooltip;
+exports.TooltipArrow = TooltipArrow;
+exports.TooltipPopup = TooltipPopup;
+exports.TooltipPortal = TooltipPortal;
+exports.TooltipPositioner = TooltipPositioner;
+exports.TooltipRoot = TooltipRoot;
+exports.TooltipTrigger = TooltipTrigger;
+
+//# sourceMappingURL=tooltip.cjs.map

package/dist/components/tooltip/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs","names":["BaseTooltip","withRecipeClassName","tooltip"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { TooltipRoot as BaseTooltipRoot } from \"@base-ui/react/tooltip\";\n\nimport { tooltip } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type TooltipRootProps<Payload = unknown> = BaseTooltipRoot.Props<Payload>;\n\nexport function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>) {\n  return <BaseTooltip.Root {...props} />;\n}\n\nexport type TooltipTriggerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Trigger>;\n\nexport const TooltipTrigger = forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  function TooltipTrigger({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().trigger, className)}\n        data-jaci-component=\"tooltip\"\n        data-slot=\"tooltip-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const TooltipPortal: typeof BaseTooltip.Portal = BaseTooltip.Portal;\n\nexport type TooltipPositionerProps = ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>;\n\nexport const TooltipPositioner = forwardRef<HTMLDivElement, TooltipPositionerProps>(\n  function TooltipPositioner({ className, ...props }, ref) {\n    return (\n      <BaseTooltip.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(tooltip().positioner, className)}\n        data-slot=\"tooltip-positioner\"\n      />\n    );\n  },\n);\n\nexport type TooltipPopupProps = ComponentPropsWithoutRef<typeof BaseTooltip.Popup>;\n\nexport const TooltipPopup = forwardRef<HTMLDivElement, TooltipPopupProps>(function TooltipPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().popup, className)}\n      data-jaci-component=\"tooltip\"\n      data-slot=\"tooltip-popup\"\n    />\n  );\n});\n\nexport type TooltipArrowProps = ComponentPropsWithoutRef<typeof BaseTooltip.Arrow>;\n\nexport const TooltipArrow = forwardRef<HTMLDivElement, TooltipArrowProps>(function TooltipArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseTooltip.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(tooltip().arrow, className)}\n      data-slot=\"tooltip-arrow\"\n    />\n  );\n});\n\nexport const Tooltip = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Portal: TooltipPortal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n  createHandle: BaseTooltip.createHandle,\n};\n"],"mappings":";;;;;;;AAaA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,MAAa,gBAA2CF,uBAAAA,QAAY;AAIpE,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}

package/dist/components/tooltip/tooltip.d.cts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Tooltip, TooltipRoot } from "@base-ui/react/tooltip";
+//#region src/components/tooltip/tooltip.d.ts
+/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */
+type TooltipRootProps<Payload = unknown> = TooltipRoot.Props<Payload>;
+declare function TooltipRoot$1<Payload = unknown>(props: TooltipRootProps<Payload>): import("react").JSX.Element;
+type TooltipTriggerProps = ComponentPropsWithoutRef<typeof Tooltip.Trigger>;
+declare const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Preserves Base UI's optional portal container and mount controls. */
+declare const TooltipPortal: typeof Tooltip.Portal;
+type TooltipPositionerProps = ComponentPropsWithoutRef<typeof Tooltip.Positioner>;
+declare const TooltipPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type TooltipPopupProps = ComponentPropsWithoutRef<typeof Tooltip.Popup>;
+declare const TooltipPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type TooltipArrowProps = ComponentPropsWithoutRef<typeof Tooltip.Arrow>;
+declare const TooltipArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Tooltip$1: {
+  Root: typeof TooltipRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  createHandle: typeof Tooltip.createHandle;
+};
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPortal, TooltipPositioner, TooltipPositionerProps, TooltipRoot$1 as TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };
+//# sourceMappingURL=tooltip.d.cts.map

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Tooltip, TooltipRoot } from "@base-ui/react/tooltip";
+//#region src/components/tooltip/tooltip.d.ts
+/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */
+type TooltipRootProps<Payload = unknown> = TooltipRoot.Props<Payload>;
+declare function TooltipRoot$1<Payload = unknown>(props: TooltipRootProps<Payload>): import("react").JSX.Element;
+type TooltipTriggerProps = ComponentPropsWithoutRef<typeof Tooltip.Trigger>;
+declare const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Preserves Base UI's optional portal container and mount controls. */
+declare const TooltipPortal: typeof Tooltip.Portal;
+type TooltipPositionerProps = ComponentPropsWithoutRef<typeof Tooltip.Positioner>;
+declare const TooltipPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type TooltipPopupProps = ComponentPropsWithoutRef<typeof Tooltip.Popup>;
+declare const TooltipPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type TooltipArrowProps = ComponentPropsWithoutRef<typeof Tooltip.Arrow>;
+declare const TooltipArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Tooltip$1: {
+  Root: typeof TooltipRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.Trigger.Props<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  createHandle: typeof Tooltip.createHandle;
+};
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPortal, TooltipPositioner, TooltipPositionerProps, TooltipRoot$1 as TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };
+//# sourceMappingURL=tooltip.d.ts.map