@arun-dev/headless 4.13.0 → 4.15.0

package/dist/toolbar/index.js

@@ -0,0 +1,152 @@
+import {
+  RovingGroupContext,
+  useRovingGroup,
+  useRovingItem
+} from "../chunk-36N5DD5K.js";
+import "../chunk-2S4XG4VD.js";
+import {
+  __export,
+  useRender
+} from "../chunk-OQTWWZ4B.js";
+
+// src/toolbar/index.parts.ts
+var index_parts_exports = {};
+__export(index_parts_exports, {
+  Button: () => ToolbarButton,
+  Group: () => ToolbarGroup,
+  Input: () => ToolbarInput,
+  Link: () => ToolbarLink,
+  Root: () => ToolbarRoot,
+  Separator: () => ToolbarSeparator
+});
+
+// src/toolbar/ToolbarRoot.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ToolbarContext = createContext(null);
+function useToolbarContext(part) {
+  const context = useContext(ToolbarContext);
+  if (!context) throw new Error(`<Toolbar.${part}> must be rendered inside <Toolbar.Root>.`);
+  return context;
+}
+function ToolbarRoot({
+  orientation = "horizontal",
+  className,
+  children,
+  render,
+  ...rest
+}) {
+  const roving = useRovingGroup({ orientation });
+  const element = useRender({
+    render,
+    defaultTagName: "div",
+    props: {
+      role: "toolbar",
+      "aria-orientation": orientation,
+      "data-orientation": orientation,
+      className,
+      children,
+      onKeyDown: roving.onKeyDown
+    },
+    consumerProps: rest
+  });
+  return /* @__PURE__ */ jsx(ToolbarContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx(RovingGroupContext.Provider, { value: roving.context, children: element }) });
+}
+
+// src/toolbar/ToolbarButton.tsx
+import { useRef } from "react";
+function ToolbarButton({
+  disabled = false,
+  className,
+  render,
+  ...rest
+}) {
+  useToolbarContext("Button");
+  const elementRef = useRef(null);
+  const roving = useRovingItem(elementRef, disabled);
+  return useRender({
+    render,
+    defaultTagName: "button",
+    props: {
+      type: "button",
+      disabled: disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      tabIndex: roving.tabIndex,
+      className,
+      ref: elementRef,
+      onFocus: roving.onFocus
+    },
+    consumerProps: rest
+  });
+}
+
+// src/toolbar/ToolbarLink.tsx
+import { useRef as useRef2 } from "react";
+function ToolbarLink({ className, render, ...rest }) {
+  useToolbarContext("Link");
+  const elementRef = useRef2(null);
+  const roving = useRovingItem(elementRef, false);
+  return useRender({
+    render,
+    defaultTagName: "a",
+    props: {
+      tabIndex: roving.tabIndex,
+      className,
+      ref: elementRef,
+      onFocus: roving.onFocus
+    },
+    consumerProps: rest
+  });
+}
+
+// src/toolbar/ToolbarInput.tsx
+import { useRef as useRef3 } from "react";
+function ToolbarInput({ disabled = false, className, render, ...rest }) {
+  useToolbarContext("Input");
+  const elementRef = useRef3(null);
+  const roving = useRovingItem(elementRef, disabled);
+  return useRender({
+    render,
+    defaultTagName: "input",
+    props: {
+      disabled: disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      tabIndex: roving.tabIndex,
+      className,
+      ref: elementRef,
+      onFocus: roving.onFocus
+    },
+    consumerProps: rest
+  });
+}
+
+// src/toolbar/ToolbarGroup.tsx
+function ToolbarGroup({ className, render, ...rest }) {
+  useToolbarContext("Group");
+  return useRender({
+    render,
+    defaultTagName: "div",
+    props: { role: "group", className },
+    consumerProps: rest
+  });
+}
+
+// src/toolbar/ToolbarSeparator.tsx
+function ToolbarSeparator({ className, render, ...rest }) {
+  const { orientation } = useToolbarContext("Separator");
+  const own = orientation === "horizontal" ? "vertical" : "horizontal";
+  return useRender({
+    render,
+    defaultTagName: "div",
+    props: {
+      role: "separator",
+      "aria-orientation": own,
+      "data-orientation": own,
+      className
+    },
+    consumerProps: rest
+  });
+}
+export {
+  index_parts_exports as Toolbar
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arun-dev/headless",
-  "version": "4.13.0",
+  "version": "4.15.0",
   "description": "Unstyled React behaviour primitives — render engine, controlled/uncontrolled state, and data-* state projection. Ships no CSS and no class names.",
   "license": "MIT",
   "type": "module",
@@ -124,6 +124,46 @@
         "default": "./dist/toast/index.cjs"
       }
     },
+    "./avatar": {
+      "import": {
+        "types": "./dist/avatar/index.d.ts",
+        "default": "./dist/avatar/index.js"
+      },
+      "require": {
+        "types": "./dist/avatar/index.d.cts",
+        "default": "./dist/avatar/index.cjs"
+      }
+    },
+    "./toggle": {
+      "import": {
+        "types": "./dist/toggle/index.d.ts",
+        "default": "./dist/toggle/index.js"
+      },
+      "require": {
+        "types": "./dist/toggle/index.d.cts",
+        "default": "./dist/toggle/index.cjs"
+      }
+    },
+    "./toggle-group": {
+      "import": {
+        "types": "./dist/toggle-group/index.d.ts",
+        "default": "./dist/toggle-group/index.js"
+      },
+      "require": {
+        "types": "./dist/toggle-group/index.d.cts",
+        "default": "./dist/toggle-group/index.cjs"
+      }
+    },
+    "./toolbar": {
+      "import": {
+        "types": "./dist/toolbar/index.d.ts",
+        "default": "./dist/toolbar/index.js"
+      },
+      "require": {
+        "types": "./dist/toolbar/index.d.cts",
+        "default": "./dist/toolbar/index.cjs"
+      }
+    },
     "./switch": {
       "import": {
         "types": "./dist/switch/index.d.ts",