@gunkin/uiify 0.0.1-alpha

package/dist/components/toast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/toast.d.ts

@@ -0,0 +1 @@
+export * from "./toast/index.js";

package/dist/components/toast.js

@@ -0,0 +1 @@
+export * from "./toast/index.js";

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { ToggleProps } from "./types.js";
+export declare function Toggle({ id, label, pressed, defaultPressed, disabled, className, }: ToggleProps): ReactElement;
+export declare namespace Toggle {
+    var displayName: string;
+}
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,KAAK,EACL,OAAO,EACP,cAAsB,EACtB,QAAgB,EAChB,SAAS,GACV,EAAE,WAAW,GAAG,YAAY,CAuB5B;yBA9Be,MAAM"}

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Toggle({
+  id,
+  label,
+  pressed,
+  defaultPressed = false,
+  disabled = false,
+  className
+}) {
+  const isControlled = pressed !== void 0;
+  const checked = isControlled ? pressed : void 0;
+  const labelId = `${id}-label`;
+  return /* @__PURE__ */ jsxs("div", { "data-disabled": disabled ? "" : void 0, "data-uiify-toggle": "", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        "aria-labelledby": labelId,
+        checked,
+        "data-disabled": disabled ? "" : void 0,
+        "data-state": isControlled ? pressed ? "on" : "off" : void 0,
+        defaultChecked: !isControlled ? defaultPressed : void 0,
+        disabled: disabled || void 0,
+        id,
+        type: "checkbox"
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { className, "data-part": "label", htmlFor: id, id: labelId, children: label })
+  ] });
+}
+Toggle.displayName = "Toggle";
+export {
+  Toggle
+};
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toggle/Toggle.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ToggleProps } from \"./types.js\";\n\nexport function Toggle({\n  id,\n  label,\n  pressed,\n  defaultPressed = false,\n  disabled = false,\n  className,\n}: ToggleProps): ReactElement {\n  const isControlled = pressed !== undefined;\n  const checked = isControlled ? pressed : undefined;\n\n  const labelId = `${id}-label`;\n\n  return (\n    <div data-disabled={disabled ? \"\" : undefined} data-uiify-toggle=\"\">\n      <input\n        aria-labelledby={labelId}\n        checked={checked}\n        data-disabled={disabled ? \"\" : undefined}\n        data-state={isControlled ? (pressed ? \"on\" : \"off\") : undefined}\n        defaultChecked={!isControlled ? defaultPressed : undefined}\n        disabled={disabled || undefined}\n        id={id}\n        type=\"checkbox\"\n      />\n      <label className={className} data-part=\"label\" htmlFor={id} id={labelId}>\n        {label}\n      </label>\n    </div>\n  );\n}\nToggle.displayName = \"Toggle\";\n"],"mappings":"AAiBI,SACE,KADF;AAdG,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AACF,GAA8B;AAC5B,QAAM,eAAe,YAAY;AACjC,QAAM,UAAU,eAAe,UAAU;AAEzC,QAAM,UAAU,GAAG,EAAE;AAErB,SACE,qBAAC,SAAI,iBAAe,WAAW,KAAK,QAAW,qBAAkB,IAC/D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAiB;AAAA,QACjB;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC/B,cAAY,eAAgB,UAAU,OAAO,QAAS;AAAA,QACtD,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,QACjD,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oBAAC,WAAM,WAAsB,aAAU,SAAQ,SAAS,IAAI,IAAI,SAC7D,iBACH;AAAA,KACF;AAEJ;AACA,OAAO,cAAc;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Toggle } from "./Toggle.js";
+export type { ToggleProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/toggle/index.js

@@ -0,0 +1,5 @@
+import { Toggle } from "./Toggle.js";
+export {
+  Toggle
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toggle/index.ts"],"sourcesContent":["export { Toggle } from \"./Toggle.js\";\nexport type { ToggleProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface ToggleProps {
+    readonly id: string;
+    readonly label: ReactNode;
+    readonly pressed?: boolean;
+    readonly defaultPressed?: boolean;
+    readonly disabled?: boolean;
+    readonly className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/toggle/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { ToggleGroupProps } from "./types.js";
+export declare function ToggleGroup({ id, items, type, defaultValue, disabled, orientation, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ToggleGroupProps): ReactElement;
+export declare namespace ToggleGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=ToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAe,EACf,YAAY,EACZ,QAAgB,EAChB,WAA0B,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,gBAAgB,GAAG,YAAY,CAwBjC;yBAlCe,WAAW"}

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

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { ChoiceGroup } from "../internal/choice-family/ChoiceGroup.js";
+function ToggleGroup({
+  id,
+  items,
+  type = "single",
+  defaultValue,
+  disabled = false,
+  orientation = "horizontal",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    disabled: disabled || item.disabled === true
+  }));
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items: resolvedItems,
+      isChecked: (item) => values.includes(item.value),
+      kind: type,
+      namespace: "toggle-group",
+      orientation,
+      rootAttributes: {
+        role: type === "single" ? "radiogroup" : "group",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-disabled": disabled ? "" : void 0
+      }
+    }
+  );
+}
+ToggleGroup.displayName = "ToggleGroup";
+export {
+  ToggleGroup
+};
+//# sourceMappingURL=ToggleGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n\nexport function ToggleGroup({\n  id,\n  items,\n  type = \"single\",\n  defaultValue,\n  disabled = false,\n  orientation = \"horizontal\",\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupProps): ReactElement {\n  const values = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<ToggleGroupItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => values.includes(item.value)}\n      kind={type}\n      namespace=\"toggle-group\"\n      orientation={orientation}\n      rootAttributes={{\n        role: type === \"single\" ? \"radiogroup\" : \"group\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n      }}\n    />\n  );\n}\nToggleGroup.displayName = \"ToggleGroup\";\n"],"mappings":"AAsBI;AArBJ,SAAS,mBAAmB;AAGrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAAmC;AACjC,QAAM,SAAS,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACzE,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,OAAO,SAAS,KAAK,KAAK;AAAA,MAC/C,MAAM;AAAA,MACN,WAAU;AAAA,MACV;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM,SAAS,WAAW,eAAe;AAAA,QACzC,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { ToggleGroupClientProps } from "../types.js";
+export declare function ToggleGroupClient({ id, items, type, value: controlledValue, defaultValue, onChange, disabled, orientation, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ToggleGroupClientProps): ReactElement;
+export declare namespace ToggleGroupClient {
+    var displayName: string;
+}
+//# sourceMappingURL=ToggleGroupClient.d.ts.map

package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupClient.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAmB,MAAM,aAAa,CAAC;AAU3E,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,IAAe,EACf,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,WAA0B,EAC1B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,sBAAsB,GAAG,YAAY,CAgCvC;yBA5Ce,iBAAiB"}

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

@@ -0,0 +1,151 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@gunkin/uiify/hooks";
+import { ChoiceGroup } from "../../internal/choice-family/ChoiceGroup.js";
+function normalizeSingle(value) {
+  return typeof value === "string" ? value : value?.[0];
+}
+function normalizeMultiple(value) {
+  return value === void 0 ? [] : typeof value === "string" ? [value] : value;
+}
+function ToggleGroupClient({
+  id,
+  items,
+  type = "single",
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  disabled = false,
+  orientation = "horizontal",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  if (type === "multiple") {
+    return /* @__PURE__ */ jsx(
+      MultipleToggleGroupClient,
+      {
+        ariaLabel,
+        ariaLabelledBy,
+        className,
+        controlledValue,
+        defaultValue,
+        disabled,
+        id,
+        items,
+        onChange,
+        orientation
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    SingleToggleGroupClient,
+    {
+      ariaLabel,
+      ariaLabelledBy,
+      className,
+      controlledValue,
+      defaultValue,
+      disabled,
+      id,
+      items,
+      onChange,
+      orientation
+    }
+  );
+}
+function SingleToggleGroupClient({
+  ariaLabel,
+  ariaLabelledBy,
+  className,
+  controlledValue,
+  defaultValue,
+  disabled,
+  id,
+  items,
+  onChange,
+  orientation
+}) {
+  const [selectedValue, setSelectedValue] = useControllableState({
+    defaultValue: normalizeSingle(defaultValue),
+    onChange: (nextValue) => {
+      if (nextValue !== void 0) onChange?.(nextValue);
+    },
+    value: normalizeSingle(controlledValue)
+  });
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    disabled: disabled || item.disabled === true
+  }));
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items: resolvedItems,
+      isChecked: (item) => item.value === selectedValue,
+      isControlled: controlledValue !== void 0,
+      kind: "single",
+      namespace: "toggle-group",
+      onItemChange: (item) => setSelectedValue(item.value),
+      orientation,
+      rootAttributes: {
+        role: "radiogroup",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-disabled": disabled ? "" : void 0
+      }
+    }
+  );
+}
+SingleToggleGroupClient.displayName = "SingleToggleGroupClient";
+function MultipleToggleGroupClient({
+  ariaLabel,
+  ariaLabelledBy,
+  className,
+  controlledValue,
+  defaultValue,
+  disabled,
+  id,
+  items,
+  onChange,
+  orientation
+}) {
+  const [selectedValues, setSelectedValues] = useControllableState({
+    defaultValue: normalizeMultiple(defaultValue),
+    onChange,
+    value: controlledValue === void 0 ? void 0 : normalizeMultiple(controlledValue)
+  });
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    disabled: disabled || item.disabled === true
+  }));
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items: resolvedItems,
+      isChecked: (item) => selectedValues.includes(item.value),
+      isControlled: controlledValue !== void 0,
+      kind: "multiple",
+      namespace: "toggle-group",
+      onItemChange: (item) => setSelectedValues(
+        (currentValues) => currentValues.includes(item.value) ? currentValues.filter((value) => value !== item.value) : [...currentValues, item.value]
+      ),
+      orientation,
+      rootAttributes: {
+        role: "group",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "data-disabled": disabled ? "" : void 0
+      }
+    }
+  );
+}
+MultipleToggleGroupClient.displayName = "MultipleToggleGroupClient";
+ToggleGroupClient.displayName = "ToggleGroupClient";
+export {
+  ToggleGroupClient
+};
+//# sourceMappingURL=ToggleGroupClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/toggle-group/client/ToggleGroupClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { ToggleGroupClientProps, ToggleGroupItem } from \"../types.js\";\n\nfunction normalizeSingle(value: string | readonly string[] | undefined): string | undefined {\n  return typeof value === \"string\" ? value : value?.[0];\n}\n\nfunction normalizeMultiple(value: string | readonly string[] | undefined): readonly string[] {\n  return value === undefined ? [] : typeof value === \"string\" ? [value] : value;\n}\n\nexport function ToggleGroupClient({\n  id,\n  items,\n  type = \"single\",\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  disabled = false,\n  orientation = \"horizontal\",\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: ToggleGroupClientProps): ReactElement {\n  if (type === \"multiple\") {\n    return (\n      <MultipleToggleGroupClient\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        className={className}\n        controlledValue={controlledValue}\n        defaultValue={defaultValue}\n        disabled={disabled}\n        id={id}\n        items={items}\n        onChange={onChange}\n        orientation={orientation}\n      />\n    );\n  }\n\n  return (\n    <SingleToggleGroupClient\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n      className={className}\n      controlledValue={controlledValue}\n      defaultValue={defaultValue}\n      disabled={disabled}\n      id={id}\n      items={items}\n      onChange={onChange}\n      orientation={orientation}\n    />\n  );\n}\n\ninterface ToggleGroupClientBranchProps {\n  readonly ariaLabel?: string | undefined;\n  readonly ariaLabelledBy?: string | undefined;\n  readonly className?: string | undefined;\n  readonly controlledValue?: string | readonly string[] | undefined;\n  readonly defaultValue?: string | readonly string[] | undefined;\n  readonly disabled: boolean;\n  readonly id: string;\n  readonly items: readonly ToggleGroupItem[];\n  readonly onChange?: ((value: string | readonly string[]) => void) | undefined;\n  readonly orientation: \"horizontal\" | \"vertical\";\n}\n\nfunction SingleToggleGroupClient({\n  ariaLabel,\n  ariaLabelledBy,\n  className,\n  controlledValue,\n  defaultValue,\n  disabled,\n  id,\n  items,\n  onChange,\n  orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n  const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n    defaultValue: normalizeSingle(defaultValue),\n    onChange: (nextValue) => {\n      if (nextValue !== undefined) onChange?.(nextValue);\n    },\n    value: normalizeSingle(controlledValue),\n  });\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<ToggleGroupItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => item.value === selectedValue}\n      isControlled={controlledValue !== undefined}\n      kind=\"single\"\n      namespace=\"toggle-group\"\n      onItemChange={(item) => setSelectedValue(item.value)}\n      orientation={orientation}\n      rootAttributes={{\n        role: \"radiogroup\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n      }}\n    />\n  );\n}\n\nSingleToggleGroupClient.displayName = \"SingleToggleGroupClient\";\n\nfunction MultipleToggleGroupClient({\n  ariaLabel,\n  ariaLabelledBy,\n  className,\n  controlledValue,\n  defaultValue,\n  disabled,\n  id,\n  items,\n  onChange,\n  orientation,\n}: ToggleGroupClientBranchProps): ReactElement {\n  const [selectedValues, setSelectedValues] = useControllableState<readonly string[]>({\n    defaultValue: normalizeMultiple(defaultValue),\n    onChange,\n    value: controlledValue === undefined ? undefined : normalizeMultiple(controlledValue),\n  });\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<ToggleGroupItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => selectedValues.includes(item.value)}\n      isControlled={controlledValue !== undefined}\n      kind=\"multiple\"\n      namespace=\"toggle-group\"\n      onItemChange={(item) =>\n        setSelectedValues((currentValues) =>\n          currentValues.includes(item.value)\n            ? currentValues.filter((value) => value !== item.value)\n            : [...currentValues, item.value],\n        )\n      }\n      orientation={orientation}\n      rootAttributes={{\n        role: \"group\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n      }}\n    />\n  );\n}\n\nMultipleToggleGroupClient.displayName = \"MultipleToggleGroupClient\";\nToggleGroupClient.displayName = \"ToggleGroupClient\";\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,3 @@
+export { ToggleGroupClient } from "./ToggleGroupClient.js";
+export type { ToggleGroupClientProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toggle-group/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-group/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+import { ToggleGroupClient } from "./ToggleGroupClient.js";
+export {
+  ToggleGroupClient
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/toggle-group/client/index.ts"],"sourcesContent":["export { ToggleGroupClient } from \"./ToggleGroupClient.js\";\nexport type { ToggleGroupClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,yBAAyB;","names":[]}

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

@@ -0,0 +1 @@
+export * from "./client/index.js";

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

@@ -0,0 +1 @@
+export * from "./client/index.js";

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

@@ -0,0 +1,3 @@
+export { ToggleGroup } from "./ToggleGroup.js";
+export type { ToggleGroupClientProps, ToggleGroupItem, ToggleGroupProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+import { ToggleGroup } from "./ToggleGroup.js";
+export {
+  ToggleGroup
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toggle-group/index.ts"],"sourcesContent":["export { ToggleGroup } from \"./ToggleGroup.js\";\nexport type { ToggleGroupClientProps, ToggleGroupItem, ToggleGroupProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

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

@@ -0,0 +1,19 @@
+import type { ChoiceItem, ChoiceOrientation } from "../internal/choice-family/types.js";
+export interface ToggleGroupItem extends ChoiceItem {
+}
+export interface ToggleGroupProps {
+    readonly id: string;
+    readonly type?: "single" | "multiple";
+    readonly items: readonly ToggleGroupItem[];
+    readonly defaultValue?: string | readonly string[];
+    readonly disabled?: boolean;
+    readonly orientation?: ChoiceOrientation;
+    readonly className?: string;
+    readonly "aria-label"?: string;
+    readonly "aria-labelledby"?: string;
+}
+export interface ToggleGroupClientProps extends ToggleGroupProps {
+    readonly value?: string | readonly string[];
+    readonly onChange?: (value: string | readonly string[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,eAAgB,SAAQ,UAAU;CAAG;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;CACjE"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1 @@
+export * from "./toggle-group/index.js";

package/dist/components/toggle-group.js

@@ -0,0 +1 @@
+export * from "./toggle-group/index.js";

package/dist/components/toggle.d.ts

@@ -0,0 +1 @@
+export * from "./toggle/index.js";

package/dist/components/toggle.js

@@ -0,0 +1 @@
+export * from "./toggle/index.js";

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

@@ -0,0 +1,40 @@
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+import type { Direction } from "@gunkin/uiify/core/direction";
+import type { RovingFocusOrientation } from "@gunkin/uiify/core/roving-focus";
+import type { ToolbarButtonProps, ToolbarLinkProps, ToolbarSeparatorProps, ToolbarToggleGroupProps } from "./types.js";
+interface ToolbarRootClientProps extends HTMLAttributes<HTMLDivElement> {
+    readonly children?: ReactNode;
+    readonly dir?: Direction;
+    readonly loop?: boolean;
+    readonly orientation?: RovingFocusOrientation;
+}
+export declare function ToolbarRootClient({ children, className, dir, loop, orientation, ...consumerProps }: ToolbarRootClientProps): ReactElement;
+export declare namespace ToolbarRootClient {
+    var displayName: string;
+}
+export declare const ToolbarRoot: typeof ToolbarRootClient;
+export declare function ToolbarButton(props: ToolbarButtonProps): ReactElement | null;
+export declare namespace ToolbarButton {
+    var displayName: string;
+}
+export declare function ToolbarLink(props: ToolbarLinkProps): ReactElement | null;
+export declare namespace ToolbarLink {
+    var displayName: string;
+}
+export declare function ToolbarSeparator(props: ToolbarSeparatorProps): ReactElement | null;
+export declare namespace ToolbarSeparator {
+    var displayName: string;
+}
+export declare function ToolbarToggleGroup(props: ToolbarToggleGroupProps): ReactElement | null;
+export declare namespace ToolbarToggleGroup {
+    var displayName: string;
+}
+export declare const Toolbar: {
+    Button: typeof ToolbarButton;
+    Link: typeof ToolbarLink;
+    Root: typeof ToolbarRootClient;
+    Separator: typeof ToolbarSeparator;
+    ToggleGroup: typeof ToolbarToggleGroup;
+};
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAQ9E,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAqCD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAW,EACX,WAA0B,EAC1B,GAAG,aAAa,EACjB,EAAE,sBAAsB,GAAG,YAAY,CA8EvC;yBArFe,iBAAiB;;;AAwFjC,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAE5E;yBAFe,aAAa;;;AAK7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAElF;yBAFe,gBAAgB;;;AAKhC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEtF;yBAFe,kBAAkB;;;AAKlC,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

package/dist/components/toolbar/Toolbar.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import {
+  ToolbarButton as ServerToolbarButton,
+  ToolbarLink as ServerToolbarLink,
+  ToolbarSeparator as ServerToolbarSeparator,
+  ToolbarToggleGroup as ServerToolbarToggleGroup
+} from "./ToolbarShell.js";
+function getToolbarItems(root) {
+  return Array.from(root.querySelectorAll("[data-uiify-toolbar-item]"));
+}
+function isDisabledItem(item) {
+  return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled");
+}
+function syncTabStops(root, current) {
+  const items = getToolbarItems(root);
+  const enabled = items.filter((item) => !isDisabledItem(item));
+  if (enabled.length === 0) return null;
+  const nextCurrent = current && enabled.includes(current) ? current : enabled[0] ?? null;
+  for (const item of items) {
+    item.tabIndex = nextCurrent === item ? 0 : -1;
+  }
+  return nextCurrent;
+}
+function moveIndex(currentIndex, offset, length, loop) {
+  if (length === 0) return null;
+  if (loop) return (currentIndex + offset + length) % length;
+  const nextIndex = currentIndex + offset;
+  if (nextIndex < 0 || nextIndex >= length) return null;
+  return nextIndex;
+}
+function ToolbarRootClient({
+  children,
+  className,
+  dir,
+  loop = true,
+  orientation = "horizontal",
+  ...consumerProps
+}) {
+  const rootRef = useRef(null);
+  const currentRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    currentRef.current = syncTabStops(root, currentRef.current);
+  });
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const handleFocusIn = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement)) return;
+      const item = target.closest("[data-uiify-toolbar-item]");
+      if (!item || !root.contains(item) || isDisabledItem(item)) return;
+      currentRef.current = syncTabStops(root, item);
+    };
+    const handleKeyDown = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement)) return;
+      const item = target.closest("[data-uiify-toolbar-item]");
+      if (!item || !root.contains(item)) return;
+      const enabled = getToolbarItems(root).filter((entry) => !isDisabledItem(entry));
+      const currentIndex = enabled.indexOf(item);
+      if (currentIndex === -1) return;
+      let nextIndex = null;
+      if (event.key === "Home") nextIndex = 0;
+      if (event.key === "End") nextIndex = enabled.length - 1;
+      if (orientation !== "vertical" && event.key === "ArrowRight") {
+        nextIndex = moveIndex(currentIndex, dir === "rtl" ? -1 : 1, enabled.length, loop);
+      }
+      if (orientation !== "vertical" && event.key === "ArrowLeft") {
+        nextIndex = moveIndex(currentIndex, dir === "rtl" ? 1 : -1, enabled.length, loop);
+      }
+      if (orientation !== "horizontal" && event.key === "ArrowDown") {
+        nextIndex = moveIndex(currentIndex, 1, enabled.length, loop);
+      }
+      if (orientation !== "horizontal" && event.key === "ArrowUp") {
+        nextIndex = moveIndex(currentIndex, -1, enabled.length, loop);
+      }
+      if (nextIndex === null) return;
+      event.preventDefault();
+      const nextItem = enabled[nextIndex];
+      if (!nextItem) return;
+      currentRef.current = syncTabStops(root, nextItem);
+      nextItem.focus();
+    };
+    root.addEventListener("focusin", handleFocusIn);
+    root.addEventListener("keydown", handleKeyDown);
+    return () => {
+      root.removeEventListener("focusin", handleFocusIn);
+      root.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [dir, loop, orientation]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...consumerProps,
+      className,
+      "data-orientation": orientation,
+      dir,
+      ref: rootRef,
+      role: "toolbar",
+      children
+    }
+  );
+}
+ToolbarRootClient.displayName = "ToolbarRootClient";
+const ToolbarRoot = ToolbarRootClient;
+function ToolbarButton(props) {
+  return /* @__PURE__ */ jsx(ServerToolbarButton, { ...props });
+}
+ToolbarButton.displayName = "ToolbarButton";
+function ToolbarLink(props) {
+  return /* @__PURE__ */ jsx(ServerToolbarLink, { ...props });
+}
+ToolbarLink.displayName = "ToolbarLink";
+function ToolbarSeparator(props) {
+  return /* @__PURE__ */ jsx(ServerToolbarSeparator, { ...props });
+}
+ToolbarSeparator.displayName = "ToolbarSeparator";
+function ToolbarToggleGroup(props) {
+  return /* @__PURE__ */ jsx(ServerToolbarToggleGroup, { ...props });
+}
+ToolbarToggleGroup.displayName = "ToolbarToggleGroup";
+const Toolbar = {
+  Button: ToolbarButton,
+  Link: ToolbarLink,
+  Root: ToolbarRoot,
+  Separator: ToolbarSeparator,
+  ToggleGroup: ToolbarToggleGroup
+};
+export {
+  Toolbar,
+  ToolbarButton,
+  ToolbarLink,
+  ToolbarRoot,
+  ToolbarRootClient,
+  ToolbarSeparator,
+  ToolbarToggleGroup
+};
+//# sourceMappingURL=Toolbar.js.map