@gunkin/uiify 0.0.25-alpha → 0.0.26-alpha

package/dist/components/internal/choice-family/ChoiceGroup.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { mergeRepeatedSlotProps, resolveRepeatedSlotProps } from "../../../core/slot-props.js";
+import { cn } from "../../../core/class-names.js";
+import { resolveRepeatedSlotProps } from "../../../core/slot-props.js";
 import {
   ChoiceGroup as ElementChoiceGroup,
   ChoiceItem as ElementChoiceItem
@@ -23,8 +24,6 @@ function ChoiceGroup(props) {
     rootAttributes,
     labelAttributes,
     itemInputClassName,
-    itemProps,
-    itemSlotProps,
     slotProps,
     onItemChange,
     renderPanel,
@@ -36,53 +35,21 @@ function ChoiceGroup(props) {
   return /* @__PURE__ */ jsxs(
     ElementChoiceGroup,
     {
-      ...rootProps,
+      ...{ [`data-uiify-${namespace}`]: "" },
       ...rootAttributes,
+      ...rootProps,
       className,
       id,
       kind,
       orientation,
-      ...{ [`data-uiify-${namespace}`]: "" },
       children: [
         items.map((item) => {
-          const panel = renderPanel ? renderPanel(item) : void 0;
-          const itemSlots = itemSlotProps?.(item);
-          const inputSlotProps = mergeRepeatedSlotProps(
-            resolveRepeatedSlotProps(slotProps?.input, item.value, ["data-part", "data-uiify-radio"]),
-            itemSlots?.input
-          );
-          const controlClassName = [inputSlotProps.className, itemInputClassName?.(item)].filter(Boolean).join(" ");
-          const itemPropsForValue = mergeRepeatedSlotProps(
-            resolveRepeatedSlotProps(slotProps?.item, item.value, [
-              "checked",
-              "defaultChecked",
-              "disabled",
-              "groupId",
-              "kind",
-              "label",
-              "labelPart",
-              "name",
-              "onValueChange",
-              "panel",
-              "part",
-              "slotProps",
-              "value"
-            ]),
-            itemProps?.(item)
-          );
-          const labelPropsForValue = mergeRepeatedSlotProps(
-            resolveRepeatedSlotProps(slotProps?.label, item.value),
-            itemSlots?.label
-          );
-          const panelPropsForValue = mergeRepeatedSlotProps(
-            resolveRepeatedSlotProps(slotProps?.panel, item.value),
-            itemSlots?.panel
-          );
+          const inputSlotProps = resolveRepeatedSlotProps(slotProps?.input, item.value);
           return /* @__PURE__ */ createElement(
             ElementChoiceItem,
             {
-              ...itemPropsForValue,
-              ...panel === void 0 ? {} : { panel },
+              ...resolveRepeatedSlotProps(slotProps?.item, item.value),
+              ...renderPanel ? { panel: renderPanel(item) } : {},
               ...isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) },
               disabled: item.disabled ?? false,
               groupId: id,
@@ -91,21 +58,17 @@ function ChoiceGroup(props) {
               label: renderLabel ? renderLabel(item) : item.label,
               labelPart: labelPart ? "trigger" : "label",
               slotProps: {
-                ...itemSlots,
                 input: {
-                  ...inputSlotProps,
-                  ...controlClassName ? { className: controlClassName } : {},
                   "data-part": "control",
-                  ...kind === "single" ? { "data-uiify-radio": "" } : {}
+                  ...kind === "single" ? { "data-uiify-radio": "" } : {},
+                  ...inputSlotProps,
+                  className: cn(inputSlotProps.className, itemInputClassName?.(item))
                 },
                 label: {
-                  ...labelPropsForValue,
-                  ...labelAttributes
+                  ...labelAttributes,
+                  ...resolveRepeatedSlotProps(slotProps?.label, item.value)
                 },
-                panel: {
-                  ...panelPropsForValue,
-                  "data-part": "panel"
-                }
+                panel: resolveRepeatedSlotProps(slotProps?.panel, item.value)
               },
               name: groupName,
               ...onItemChange ? { onValueChange: () => onItemChange(item) } : {},
@@ -114,7 +77,7 @@ function ChoiceGroup(props) {
             }
           );
         }),
-        append ? /* @__PURE__ */ jsx("div", { ...appendProps, "data-part": "append", children: append }) : null
+        append ? /* @__PURE__ */ jsx("div", { "data-part": "append", ...appendProps, children: append }) : null
       ]
     }
   );

package/dist/components/internal/choice-family/ChoiceGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { mergeRepeatedSlotProps, resolveRepeatedSlotProps } from \"../../../core/slot-props.js\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceItemSlotProps } from \"../../../elements/choice/types.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    rootProps,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    labelAttributes,\n    itemInputClassName,\n    itemProps,\n    itemSlotProps,\n    slotProps,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n    appendProps,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...rootProps}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        const itemSlots = itemSlotProps?.(item);\n        const inputSlotProps = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.input, item.value, [\"data-part\", \"data-uiify-radio\"]),\n          itemSlots?.input,\n        );\n        const controlClassName = [inputSlotProps.className, itemInputClassName?.(item)]\n          .filter(Boolean)\n          .join(\" \");\n        const itemPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.item, item.value, [\n            \"checked\",\n            \"defaultChecked\",\n            \"disabled\",\n            \"groupId\",\n            \"kind\",\n            \"label\",\n            \"labelPart\",\n            \"name\",\n            \"onValueChange\",\n            \"panel\",\n            \"part\",\n            \"slotProps\",\n            \"value\",\n          ]),\n          itemProps?.(item),\n        );\n        const labelPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.label, item.value),\n          itemSlots?.label,\n        );\n        const panelPropsForValue = mergeRepeatedSlotProps(\n          resolveRepeatedSlotProps(slotProps?.panel, item.value),\n          itemSlots?.panel,\n        );\n        return (\n          <ElementChoiceItem\n            {...itemPropsForValue}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={labelPart ? \"trigger\" : \"label\"}\n            slotProps={{\n              ...itemSlots,\n              input: {\n                ...inputSlotProps,\n                ...(controlClassName ? { className: controlClassName } : {}),\n                \"data-part\": \"control\",\n                ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n              } as unknown as NonNullable<ChoiceItemSlotProps[\"input\"]>,\n              label: {\n                ...labelPropsForValue,\n                ...labelAttributes,\n              } as NonNullable<ChoiceItemSlotProps[\"label\"]>,\n              panel: {\n                ...panelPropsForValue,\n                \"data-part\": \"panel\",\n              } as NonNullable<ChoiceItemSlotProps[\"panel\"]>,\n            }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? (\n        <div {...appendProps} data-part=\"append\">\n          {append}\n        </div>\n      ) : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { cn } from \"../../../core/class-names.js\";\nimport { resolveRepeatedSlotProps } from \"../../../core/slot-props.js\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` with canonical `data-part` anatomy.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    rootProps,\n    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    labelAttributes,\n    itemInputClassName,\n    slotProps,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n    appendProps,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      {...rootProps}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const inputSlotProps = resolveRepeatedSlotProps(slotProps?.input, item.value);\n        return (\n          <ElementChoiceItem\n            {...resolveRepeatedSlotProps(slotProps?.item, item.value)}\n            {...(renderPanel ? { panel: renderPanel(item) } : {})}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={labelPart ? \"trigger\" : \"label\"}\n            slotProps={{\n              input: {\n                \"data-part\": \"control\",\n                ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n                ...inputSlotProps,\n                className: cn(inputSlotProps.className, itemInputClassName?.(item)),\n              },\n              label: {\n                ...labelAttributes,\n                ...resolveRepeatedSlotProps(slotProps?.label, item.value),\n              },\n              panel: resolveRepeatedSlotProps(slotProps?.panel, item.value),\n            }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? (\n        <div data-part=\"append\" {...appendProps}>\n          {append}\n        </div>\n      ) : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AA4CI,SA2CI,KA3CJ;AAYM;AAvDV,SAAS,UAAU;AACnB,SAAS,gCAAgC;AACzC;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,OACT;AACP,SAAS,0BAA0B;AAQ5B,SAAS,YACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,QAAQ,mBAAmB,IAAI,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,EAAE,CAAC,cAAc,SAAS,EAAE,GAAG,GAAG;AAAA,MACrC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,iBAAiB,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAC5E,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,yBAAyB,WAAW,MAAM,KAAK,KAAK;AAAA,cACvD,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,EAAE,IAAI,CAAC;AAAA,cAClD,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW,YAAY,YAAY;AAAA,cACnC,WAAW;AAAA,gBACT,OAAO;AAAA,kBACL,aAAa;AAAA,kBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,kBACtD,GAAG;AAAA,kBACH,WAAW,GAAG,eAAe,WAAW,qBAAqB,IAAI,CAAC;AAAA,gBACpE;AAAA,gBACA,OAAO;AAAA,kBACL,GAAG;AAAA,kBACH,GAAG,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,gBAC1D;AAAA,gBACA,OAAO,yBAAyB,WAAW,OAAO,KAAK,KAAK;AAAA,cAC9D;AAAA,cACA,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SACC,oBAAC,SAAI,aAAU,UAAU,GAAG,aACzB,kBACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/internal/choice-family/types.d.ts

@@ -1,40 +1,12 @@
 import type { ComponentPropsWithRef, ReactNode } from "react";
-import type { ConsumerDataAttributes } from "../../../core/slot-props.js";
-import type { ChoiceInputSlotProps, ChoiceItemOwnProps, ChoiceItemSlotProps, ChoiceLabelSlotProps, ChoicePanelSlotProps } from "../../../elements/choice/types.js";
-type ChoiceItemWrapperSlotProps = Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-choice"> & {
-    readonly "data-part"?: never;
-    readonly "data-uiify-choice"?: never;
-} & ConsumerDataAttributes;
-type ChoiceInputProtectedProps = {
-    readonly "aria-labelledby"?: never;
-    readonly checked?: never;
-    readonly defaultChecked?: never;
-    readonly disabled?: never;
-    readonly id?: never;
-    readonly name?: never;
-    readonly type?: never;
-    readonly value?: never;
-    readonly "data-part"?: never;
-    readonly "data-uiify-choice"?: never;
-    readonly "data-uiify-radio"?: never;
-};
-type ChoiceLabelProtectedProps = {
-    readonly htmlFor?: never;
-    readonly id?: never;
-    readonly "data-part"?: never;
-};
-type ChoicePanelProtectedProps = {
-    readonly id?: never;
-    readonly "data-part"?: never;
-};
-type ChoiceRepeatedSlotProps<TProps extends object, TProtected extends object> = TProps & TProtected & {
-    readonly byItemValue?: Readonly<Record<string, TProps & TProtected>>;
-};
+import type { ConsumerDataAttributes, RepeatedSlotProps, SlotProps } from "../../../core/slot-props.js";
+import type { ChoiceInputSlotProps, ChoiceItemOwnProps, ChoiceLabelSlotProps, ChoicePanelSlotProps } from "../../../elements/choice/types.js";
+type ChoiceItemWrapperSlotProps = Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
 export interface ChoiceGroupSlotProps {
-    readonly item?: ChoiceRepeatedSlotProps<ChoiceItemWrapperSlotProps, Pick<ChoiceItemWrapperSlotProps, "data-part" | "data-uiify-choice">>;
-    readonly input?: ChoiceRepeatedSlotProps<ChoiceInputSlotProps, ChoiceInputProtectedProps>;
-    readonly label?: ChoiceRepeatedSlotProps<ChoiceLabelSlotProps, ChoiceLabelProtectedProps>;
-    readonly panel?: ChoiceRepeatedSlotProps<ChoicePanelSlotProps, ChoicePanelProtectedProps>;
+    readonly item?: RepeatedSlotProps<ChoiceItemWrapperSlotProps> | undefined;
+    readonly input?: RepeatedSlotProps<ChoiceInputSlotProps> | undefined;
+    readonly label?: RepeatedSlotProps<ChoiceLabelSlotProps> | undefined;
+    readonly panel?: RepeatedSlotProps<ChoicePanelSlotProps> | undefined;
 }
 export type ChoiceOptionSlotProps = Omit<ChoiceGroupSlotProps, "panel">;
 export interface ChoiceItem {
@@ -73,10 +45,6 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly labelAttributes?: Record<string, string>;
     /** Per-item `className` hook for the input, e.g. RadioGroup's `item.className`. */
     readonly itemInputClassName?: (item: TItem) => string | undefined;
-    /** Native props for each generated Choice.Item wrapper. */
-    readonly itemProps?: (item: TItem) => Omit<ComponentPropsWithRef<"div">, keyof ChoiceItemOwnProps | "children">;
-    /** Native props for generated Choice.Item subparts. */
-    readonly itemSlotProps?: (item: TItem) => ChoiceItemSlotProps;
     /** Props for generated item parts. Repeated values can target one item by value. */
     readonly slotProps?: ChoiceGroupSlotProps;
     /** Fires on the input's native `change` event, e.g. a client wrapper syncing
@@ -89,7 +57,7 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     /** Trailing content rendered inside the root after the mapped items, e.g. Tabs' `append`. */
     readonly append?: ReactNode;
     /** Props for the generated append wrapper. */
-    readonly appendProps?: Omit<ComponentPropsWithRef<"div">, "children" | "data-part">;
+    readonly appendProps?: SlotProps<"div">;
 }
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/internal/choice-family/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"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"}

package/dist/components/internal/control-size/types.d.ts

@@ -0,0 +1,3 @@
+/** Height and text scale shared by form controls; `md` is the default. */
+export type ControlSize = "sm" | "md" | "lg";
+//# sourceMappingURL=types.d.ts.map

package/dist/components/internal/control-size/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/control-size/types.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/internal/control-size/types.js

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

package/dist/components/internal/control-size/types.js.map

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

package/dist/components/internal/live-chart/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, RefObject } from "react";
+import type { CSSProperties, ReactNode, RefObject } from "react";
 import type { VirtualScrollHandle, VirtualScrollRangeChange } from "../../virtual-scroll/types.js";
 export interface LiveChartAxisLabel {
     readonly label: ReactNode;
@@ -16,6 +16,8 @@ export interface UseLiveChartWindowOptions {
     readonly figureHeight: number | undefined;
     /** Custom property that receives the scroll offset, e.g. `--candle-scroll-x`. */
     readonly scrollVariable: `--${string}`;
+    /** Native root styles override the computed scroll custom property, including removal. */
+    readonly consumerStyle?: CSSProperties | undefined;
 }
 export interface UseLiveChartWindowResult {
     readonly live: boolean;

package/dist/components/internal/live-chart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/live-chart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEnG,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,iFAAiF;IACjF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,sDAAsD;IACtD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,iFAAiF;IACjF,QAAQ,CAAC,cAAc,EAAE,KAAK,MAAM,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC1D,wFAAwF;IACxF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,yDAAyD;IACzD,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClE,wFAAwF;IACxF,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/live-chart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEnG,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,iFAAiF;IACjF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,sDAAsD;IACtD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,iFAAiF;IACjF,QAAQ,CAAC,cAAc,EAAE,KAAK,MAAM,EAAE,CAAC;IACvC,0FAA0F;IAC1F,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC1D,wFAAwF;IACxF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,yDAAyD;IACzD,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClE,wFAAwF;IACxF,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/internal/live-chart/use-live-chart-window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-live-chart-window.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/live-chart/use-live-chart-window.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAQpB;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EACnD,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,GACnB,kBAAkB,EAAE,CAYtB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,wBAAwB,CAqE/F"}
+{"version":3,"file":"use-live-chart-window.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/live-chart/use-live-chart-window.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAQpB;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EACnD,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,GACnB,kBAAkB,EAAE,CAYtB;AAiBD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,wBAAwB,CA4E/F"}

package/dist/components/internal/live-chart/use-live-chart-window.js

@@ -17,8 +17,24 @@ function liveTimeAxis(data, start, end, visibleCount) {
   }
   return labels;
 }
+function writeScrollVariable(chart, scrollVariable, offset, consumerStyle) {
+  const style = {
+    [scrollVariable]: `${offset}px`,
+    ...consumerStyle
+  };
+  const value = style[scrollVariable];
+  if (value === void 0) chart.style.removeProperty(scrollVariable);
+  else chart.style.setProperty(scrollVariable, String(value));
+}
 function useLiveChartWindow(options) {
-  const { count, visibleCount = 0, itemWidth, figureHeight, scrollVariable } = options;
+  const {
+    count,
+    visibleCount = 0,
+    itemWidth,
+    figureHeight,
+    scrollVariable,
+    consumerStyle
+  } = options;
   const live = visibleCount > 0;
   const scrollRef = useRef(null);
   const chartRef = useRef(null);
@@ -26,8 +42,8 @@ function useLiveChartWindow(options) {
   const [following, setFollowing] = useState(true);
   const contentSize = count * itemWidth;
   const viewportWidth = itemWidth * visibleCount;
-  const layoutRef = useRef({ contentSize, itemWidth, viewportWidth });
-  layoutRef.current = { contentSize, itemWidth, viewportWidth };
+  const layoutRef = useRef({ contentSize, itemWidth, viewportWidth, consumerStyle });
+  layoutRef.current = { contentSize, itemWidth, viewportWidth, consumerStyle };
   useEffect(() => {
     if (!live) return;
     const element = scrollRef.current?.element;
@@ -35,8 +51,8 @@ function useLiveChartWindow(options) {
     if (!element || !chart) return;
     const onScroll = () => {
       const offset = element.scrollLeft;
-      chart.style.setProperty(scrollVariable, `${offset}px`);
       const layout = layoutRef.current;
+      writeScrollVariable(chart, scrollVariable, offset, layout.consumerStyle);
       setFollowing(
         offset + layout.viewportWidth >= layout.contentSize - Math.max(1, layout.itemWidth)
       );
@@ -51,7 +67,7 @@ function useLiveChartWindow(options) {
     if (!element || !chart) return;
     const end = Math.max(0, contentSize - viewportWidth);
     element.scrollLeft = end;
-    chart.style.setProperty(scrollVariable, `${end}px`);
+    writeScrollVariable(chart, scrollVariable, end, layoutRef.current.consumerStyle);
   }, [live, following, contentSize, viewportWidth, scrollVariable]);
   const tail = following || !visibleRange;
   const sliceStart = tail ? Math.max(0, count - visibleCount) : Math.min(visibleRange.startIndex, Math.max(0, count - 1));

package/dist/components/internal/live-chart/use-live-chart-window.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/live-chart/use-live-chart-window.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport type { VirtualScrollHandle, VirtualScrollRangeChange } from \"../../virtual-scroll/types.js\";\nimport type {\n  LiveChartAxisLabel,\n  UseLiveChartWindowOptions,\n  UseLiveChartWindowResult,\n} from \"./types.js\";\n\n/** The plot's 1.5rem time-axis row below the item viewport (candle-chart.css, line-chart.css). */\nconst TIME_AXIS_ROW_HEIGHT = 24;\n/** The item viewport's 18rem minimum block size, used until the figure is measured. */\nconst MIN_PLOT_HEIGHT = 288;\nconst LIVE_TIME_TICKS = 4;\n\n/**\n * Time ticks pinned to absolute item indices and positioned at slot centers\n * across the whole scrolled content, so labels scroll with their items. Only\n * ticks near the visible slice are returned.\n */\nexport function liveTimeAxis(\n  data: readonly { readonly time: string | number }[],\n  start: number,\n  end: number,\n  visibleCount: number,\n): LiveChartAxisLabel[] {\n  const step = Math.max(1, Math.ceil(visibleCount / LIVE_TIME_TICKS));\n  const labels: LiveChartAxisLabel[] = [];\n  const first = Math.max(0, Math.floor(start / step) - 1) * step;\n  const last = Math.min(data.length, end + step);\n  for (let index = first; index < last; index += step) {\n    labels.push({\n      label: String(data[index]?.time),\n      position: ((index + 0.5) / data.length) * 100,\n    });\n  }\n  return labels;\n}\n\n/**\n * Live chart window over a horizontal VirtualScroll: follows appends while the\n * reader is at the newest item, leaves a scrolled-back reader in place, and\n * reports the visible slice. The chart pins the scroll position itself rather\n * than using VirtualScroll's `anchor`, and publishes the offset as a CSS\n * variable so axes and crosshairs scroll without re-rendering.\n */\nexport function useLiveChartWindow(options: UseLiveChartWindowOptions): UseLiveChartWindowResult {\n  const { count, visibleCount = 0, itemWidth, figureHeight, scrollVariable } = options;\n  const live = visibleCount > 0;\n  const scrollRef = useRef<VirtualScrollHandle>(null);\n  const chartRef = useRef<HTMLElement | null>(null);\n  const [visibleRange, setVisibleRange] = useState<VirtualScrollRangeChange | null>(null);\n  // True while the reader sits at the newest item; appends then keep it in view.\n  const [following, setFollowing] = useState(true);\n  const contentSize = count * itemWidth;\n  const viewportWidth = itemWidth * visibleCount;\n  const layoutRef = useRef({ contentSize, itemWidth, viewportWidth });\n  layoutRef.current = { contentSize, itemWidth, viewportWidth };\n\n  // Publish the scroll offset (a CSS variable, so scrolling re-renders nothing)\n  // and track whether the reader is at the end.\n  useEffect(() => {\n    if (!live) return;\n    const element = scrollRef.current?.element;\n    const chart = chartRef.current;\n    if (!element || !chart) return;\n    const onScroll = (): void => {\n      const offset = element.scrollLeft; // banned-read-ok: scroll position drives the axis offset.\n      chart.style.setProperty(scrollVariable, `${offset}px`);\n      const layout = layoutRef.current;\n      // Within one item of the end counts: an item appended while the reader\n      // scrolls there moves the end by exactly one item width.\n      setFollowing(\n        offset + layout.viewportWidth >= layout.contentSize - Math.max(1, layout.itemWidth),\n      );\n    };\n    element.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => element.removeEventListener(\"scroll\", onScroll);\n  }, [live, scrollVariable]);\n\n  // Keep the newest item in view while following: on appends, resizes, and once measured.\n  useIsomorphicLayoutEffect(() => {\n    if (!live || !following) return;\n    const element = scrollRef.current?.element;\n    const chart = chartRef.current;\n    if (!element || !chart) return;\n    const end = Math.max(0, contentSize - viewportWidth);\n    element.scrollLeft = end; // banned-read-ok: pin the newest item before paint.\n    chart.style.setProperty(scrollVariable, `${end}px`);\n  }, [live, following, contentSize, viewportWidth, scrollVariable]);\n\n  // While following, the slice is the tail, so an append rescales in the same\n  // commit that adds the item.\n  const tail = following || !visibleRange;\n  const sliceStart = tail\n    ? Math.max(0, count - visibleCount)\n    : Math.min(visibleRange.startIndex, Math.max(0, count - 1));\n  const sliceEnd = tail\n    ? count\n    : Math.min(count, Math.max(sliceStart + 1, visibleRange.endIndex + 1));\n  const plotHeight =\n    figureHeight === undefined\n      ? MIN_PLOT_HEIGHT\n      : Math.max(MIN_PLOT_HEIGHT, figureHeight - TIME_AXIS_ROW_HEIGHT);\n\n  return {\n    live,\n    scrollRef,\n    chartRef,\n    onRangeChange: setVisibleRange,\n    sliceStart,\n    sliceEnd,\n    contentSize,\n    plotHeight,\n  };\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,iCAAiC;AAS1C,MAAM,uBAAuB;AAE7B,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AAOjB,SAAS,aACd,MACA,OACA,KACA,cACsB;AACtB,QAAM,OAAO,KAAK,IAAI,GAAG,KAAK,KAAK,eAAe,eAAe,CAAC;AAClE,QAAM,SAA+B,CAAC;AACtC,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,IAAI;AAC1D,QAAM,OAAO,KAAK,IAAI,KAAK,QAAQ,MAAM,IAAI;AAC7C,WAAS,QAAQ,OAAO,QAAQ,MAAM,SAAS,MAAM;AACnD,WAAO,KAAK;AAAA,MACV,OAAO,OAAO,KAAK,KAAK,GAAG,IAAI;AAAA,MAC/B,WAAY,QAAQ,OAAO,KAAK,SAAU;AAAA,IAC5C,CAAC;AAAA,EACH;AACA,SAAO;AACT;AASO,SAAS,mBAAmB,SAA8D;AAC/F,QAAM,EAAE,OAAO,eAAe,GAAG,WAAW,cAAc,eAAe,IAAI;AAC7E,QAAM,OAAO,eAAe;AAC5B,QAAM,YAAY,OAA4B,IAAI;AAClD,QAAM,WAAW,OAA2B,IAAI;AAChD,QAAM,CAAC,cAAc,eAAe,IAAI,SAA0C,IAAI;AAEtF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,cAAc,QAAQ;AAC5B,QAAM,gBAAgB,YAAY;AAClC,QAAM,YAAY,OAAO,EAAE,aAAa,WAAW,cAAc,CAAC;AAClE,YAAU,UAAU,EAAE,aAAa,WAAW,cAAc;AAI5D,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,UAAU,SAAS;AACnC,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,WAAW,CAAC,MAAO;AACxB,UAAM,WAAW,MAAY;AAC3B,YAAM,SAAS,QAAQ;AACvB,YAAM,MAAM,YAAY,gBAAgB,GAAG,MAAM,IAAI;AACrD,YAAM,SAAS,UAAU;AAGzB;AAAA,QACE,SAAS,OAAO,iBAAiB,OAAO,cAAc,KAAK,IAAI,GAAG,OAAO,SAAS;AAAA,MACpF;AAAA,IACF;AACA,YAAQ,iBAAiB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;AAC9D,WAAO,MAAM,QAAQ,oBAAoB,UAAU,QAAQ;AAAA,EAC7D,GAAG,CAAC,MAAM,cAAc,CAAC;AAGzB,4BAA0B,MAAM;AAC9B,QAAI,CAAC,QAAQ,CAAC,UAAW;AACzB,UAAM,UAAU,UAAU,SAAS;AACnC,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,WAAW,CAAC,MAAO;AACxB,UAAM,MAAM,KAAK,IAAI,GAAG,cAAc,aAAa;AACnD,YAAQ,aAAa;AACrB,UAAM,MAAM,YAAY,gBAAgB,GAAG,GAAG,IAAI;AAAA,EACpD,GAAG,CAAC,MAAM,WAAW,aAAa,eAAe,cAAc,CAAC;AAIhE,QAAM,OAAO,aAAa,CAAC;AAC3B,QAAM,aAAa,OACf,KAAK,IAAI,GAAG,QAAQ,YAAY,IAChC,KAAK,IAAI,aAAa,YAAY,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;AAC5D,QAAM,WAAW,OACb,QACA,KAAK,IAAI,OAAO,KAAK,IAAI,aAAa,GAAG,aAAa,WAAW,CAAC,CAAC;AACvE,QAAM,aACJ,iBAAiB,SACb,kBACA,KAAK,IAAI,iBAAiB,eAAe,oBAAoB;AAEnE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/live-chart/use-live-chart-window.ts"],"sourcesContent":["\"use client\";\n\nimport type { CSSProperties } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport type { VirtualScrollHandle, VirtualScrollRangeChange } from \"../../virtual-scroll/types.js\";\nimport type {\n  LiveChartAxisLabel,\n  UseLiveChartWindowOptions,\n  UseLiveChartWindowResult,\n} from \"./types.js\";\n\n/** The plot's 1.5rem time-axis row below the item viewport (candle-chart.css, line-chart.css). */\nconst TIME_AXIS_ROW_HEIGHT = 24;\n/** The item viewport's 18rem minimum block size, used until the figure is measured. */\nconst MIN_PLOT_HEIGHT = 288;\nconst LIVE_TIME_TICKS = 4;\n\n/**\n * Time ticks pinned to absolute item indices and positioned at slot centers\n * across the whole scrolled content, so labels scroll with their items. Only\n * ticks near the visible slice are returned.\n */\nexport function liveTimeAxis(\n  data: readonly { readonly time: string | number }[],\n  start: number,\n  end: number,\n  visibleCount: number,\n): LiveChartAxisLabel[] {\n  const step = Math.max(1, Math.ceil(visibleCount / LIVE_TIME_TICKS));\n  const labels: LiveChartAxisLabel[] = [];\n  const first = Math.max(0, Math.floor(start / step) - 1) * step;\n  const last = Math.min(data.length, end + step);\n  for (let index = first; index < last; index += step) {\n    labels.push({\n      label: String(data[index]?.time),\n      position: ((index + 0.5) / data.length) * 100,\n    });\n  }\n  return labels;\n}\n\nfunction writeScrollVariable(\n  chart: HTMLElement,\n  scrollVariable: `--${string}`,\n  offset: number,\n  consumerStyle: CSSProperties | undefined,\n): void {\n  const style: CSSProperties & Record<`--${string}`, string | number | undefined> = {\n    [scrollVariable]: `${offset}px`,\n    ...consumerStyle,\n  };\n  const value = style[scrollVariable];\n  if (value === undefined) chart.style.removeProperty(scrollVariable);\n  else chart.style.setProperty(scrollVariable, String(value));\n}\n\n/**\n * Live chart window over a horizontal VirtualScroll: follows appends while the\n * reader is at the newest item, leaves a scrolled-back reader in place, and\n * reports the visible slice. The chart pins the scroll position itself rather\n * than using VirtualScroll's `anchor`, and publishes the offset as a CSS\n * variable so axes and crosshairs scroll without re-rendering.\n */\nexport function useLiveChartWindow(options: UseLiveChartWindowOptions): UseLiveChartWindowResult {\n  const {\n    count,\n    visibleCount = 0,\n    itemWidth,\n    figureHeight,\n    scrollVariable,\n    consumerStyle,\n  } = options;\n  const live = visibleCount > 0;\n  const scrollRef = useRef<VirtualScrollHandle>(null);\n  const chartRef = useRef<HTMLElement | null>(null);\n  const [visibleRange, setVisibleRange] = useState<VirtualScrollRangeChange | null>(null);\n  // True while the reader sits at the newest item; appends then keep it in view.\n  const [following, setFollowing] = useState(true);\n  const contentSize = count * itemWidth;\n  const viewportWidth = itemWidth * visibleCount;\n  const layoutRef = useRef({ contentSize, itemWidth, viewportWidth, consumerStyle });\n  layoutRef.current = { contentSize, itemWidth, viewportWidth, consumerStyle };\n\n  // Publish the scroll offset (a CSS variable, so scrolling re-renders nothing)\n  // and track whether the reader is at the end.\n  useEffect(() => {\n    if (!live) return;\n    const element = scrollRef.current?.element;\n    const chart = chartRef.current;\n    if (!element || !chart) return;\n    const onScroll = (): void => {\n      const offset = element.scrollLeft; // banned-read-ok: scroll position drives the axis offset.\n      const layout = layoutRef.current;\n      writeScrollVariable(chart, scrollVariable, offset, layout.consumerStyle);\n      // Within one item of the end counts: an item appended while the reader\n      // scrolls there moves the end by exactly one item width.\n      setFollowing(\n        offset + layout.viewportWidth >= layout.contentSize - Math.max(1, layout.itemWidth),\n      );\n    };\n    element.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => element.removeEventListener(\"scroll\", onScroll);\n  }, [live, scrollVariable]);\n\n  // Keep the newest item in view while following: on appends, resizes, and once measured.\n  useIsomorphicLayoutEffect(() => {\n    if (!live || !following) return;\n    const element = scrollRef.current?.element;\n    const chart = chartRef.current;\n    if (!element || !chart) return;\n    const end = Math.max(0, contentSize - viewportWidth);\n    element.scrollLeft = end; // banned-read-ok: pin the newest item before paint.\n    writeScrollVariable(chart, scrollVariable, end, layoutRef.current.consumerStyle);\n  }, [live, following, contentSize, viewportWidth, scrollVariable]);\n\n  // While following, the slice is the tail, so an append rescales in the same\n  // commit that adds the item.\n  const tail = following || !visibleRange;\n  const sliceStart = tail\n    ? Math.max(0, count - visibleCount)\n    : Math.min(visibleRange.startIndex, Math.max(0, count - 1));\n  const sliceEnd = tail\n    ? count\n    : Math.min(count, Math.max(sliceStart + 1, visibleRange.endIndex + 1));\n  const plotHeight =\n    figureHeight === undefined\n      ? MIN_PLOT_HEIGHT\n      : Math.max(MIN_PLOT_HEIGHT, figureHeight - TIME_AXIS_ROW_HEIGHT);\n\n  return {\n    live,\n    scrollRef,\n    chartRef,\n    onRangeChange: setVisibleRange,\n    sliceStart,\n    sliceEnd,\n    contentSize,\n    plotHeight,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/components/internal/menu/menu-parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-parts.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/menu-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAsCrF,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AAED,wBAAgB,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC3D,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAErB"}
+{"version":3,"file":"menu-parts.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/menu/menu-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAkCrF,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AACD,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AACD,wBAAgB,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC3D,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAErB"}

package/dist/components/internal/menu/menu-parts.js

@@ -6,11 +6,11 @@ function useMenuPart(props, options) {
     defaultTag: options.defaultTag,
     render,
     props: {
-      ...consumerProps,
       ...className ? { className } : {},
-      children,
       role: options.role,
-      "data-part": options.part
+      "data-part": options.part,
+      ...consumerProps,
+      children
     },
     state: {}
   });

package/dist/components/internal/menu/menu-parts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/menu/menu-parts.tsx"],"sourcesContent":["import type { ElementType, ReactElement, ReactNode } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { MenuGroupProps, MenuLabelProps, MenuSeparatorProps } from \"./types.js\";\n\ninterface MenuPartOptions {\n  readonly defaultTag: ElementType;\n  readonly part: string;\n  readonly role: string;\n}\n\ninterface MenuPartValues {\n  readonly as?: ElementType | undefined;\n  readonly children?: ReactNode;\n  readonly className?: string;\n  readonly render?:\n    | ((props: Record<string, unknown>, state: Record<string, never>) => ReactElement | null)\n    | undefined;\n  readonly [key: string]: unknown;\n}\n\nfunction useMenuPart<TAs extends ElementType>(\n  props: MenuGroupProps<TAs> | MenuLabelProps<TAs> | MenuSeparatorProps<TAs>,\n  options: MenuPartOptions,\n): ReactElement | null {\n  const { as, render, children, className, ...consumerProps } = props as MenuPartValues;\n  return useRenderElement({\n    as,\n    defaultTag: options.defaultTag,\n    render,\n    props: {\n      ...consumerProps,\n      ...(className ? { className } : {}),\n      children,\n      role: options.role,\n      \"data-part\": options.part,\n    },\n    state: {},\n  });\n}\n\nexport function MenuGroup<TAs extends ElementType = \"div\">(\n  props: MenuGroupProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"group\", role: \"group\" });\n}\n\nexport function MenuLabel<TAs extends ElementType = \"div\">(\n  props: MenuLabelProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"label\", role: \"presentation\" });\n}\n\nexport function MenuSeparator<TAs extends ElementType = \"div\">(\n  props: MenuSeparatorProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"separator\", role: \"separator\" });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAmBjC,SAAS,YACP,OACA,SACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,WAAW,GAAG,cAAc,IAAI;AAC9D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA,MAAM,QAAQ;AAAA,MACd,aAAa,QAAQ;AAAA,IACvB;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,UACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,SAAS,MAAM,QAAQ,CAAC;AAC/E;AAEO,SAAS,UACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,SAAS,MAAM,eAAe,CAAC;AACtF;AAEO,SAAS,cACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,aAAa,MAAM,YAAY,CAAC;AACvF;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/menu/menu-parts.tsx"],"sourcesContent":["import type { ElementType, ReactElement, ReactNode } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PartName } from \"../../../core/part-names.js\";\nimport type { MenuGroupProps, MenuLabelProps, MenuSeparatorProps } from \"./types.js\";\ninterface MenuPartOptions {\n  readonly defaultTag: ElementType;\n  readonly part: PartName;\n  readonly role: string;\n}\ninterface MenuPartValues {\n  readonly as?: ElementType | undefined;\n  readonly children?: ReactNode;\n  readonly className?: string;\n  readonly render?:\n    | ((props: Record<string, unknown>, state: Record<string, never>) => ReactElement | null)\n    | undefined;\n  readonly [key: string]: unknown;\n}\nfunction useMenuPart<TAs extends ElementType>(\n  props: MenuGroupProps<TAs> | MenuLabelProps<TAs> | MenuSeparatorProps<TAs>,\n  options: MenuPartOptions,\n): ReactElement | null {\n  const { as, render, children, className, ...consumerProps } = props as MenuPartValues;\n  return useRenderElement({\n    as,\n    defaultTag: options.defaultTag,\n    render,\n    props: {\n      ...(className ? { className } : {}),\n      role: options.role,\n      \"data-part\": options.part,\n      ...consumerProps,\n      children,\n    },\n    state: {},\n  });\n}\nexport function MenuGroup<TAs extends ElementType = \"div\">(\n  props: MenuGroupProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"group\", role: \"group\" });\n}\nexport function MenuLabel<TAs extends ElementType = \"div\">(\n  props: MenuLabelProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"label\", role: \"presentation\" });\n}\nexport function MenuSeparator<TAs extends ElementType = \"div\">(\n  props: MenuSeparatorProps<TAs>,\n): ReactElement | null {\n  return useMenuPart(props, { defaultTag: \"div\", part: \"separator\", role: \"separator\" });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAiBjC,SAAS,YACP,OACA,SACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,WAAW,GAAG,cAAc,IAAI;AAC9D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,MACL,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,MAAM,QAAQ;AAAA,MACd,aAAa,QAAQ;AAAA,MACrB,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,SAAS,UACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,SAAS,MAAM,QAAQ,CAAC;AAC/E;AACO,SAAS,UACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,SAAS,MAAM,eAAe,CAAC;AACtF;AACO,SAAS,cACd,OACqB;AACrB,SAAO,YAAY,OAAO,EAAE,YAAY,OAAO,MAAM,aAAa,MAAM,YAAY,CAAC;AACvF;","names":[]}

package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeCheckControl.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CA+F/E;yBA/Fe,kBAAkB"}
+{"version":3,"file":"NativeCheckControl.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAuE/E;yBAvEe,kBAAkB"}

package/dist/components/internal/native-check-control/NativeCheckControl.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useMergedRefs } from "@gunkin/uiify/hooks";
 import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
-import { mergeRepeatedSlotProps, omitProps } from "../../../core/slot-props.js";
+import { mergeRepeatedSlotProps } from "../../../core/slot-props.js";
 function NativeCheckControl(props) {
   const {
     checked,
@@ -21,32 +21,8 @@ function NativeCheckControl(props) {
   const isControlled = checked !== void 0;
   const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);
   const inputRef = useRef(null);
-  const inputProps = omitProps(slotProps?.input, [
-    "aria-checked",
-    "aria-label",
-    "aria-labelledby",
-    "checked",
-    "children",
-    "dangerouslySetInnerHTML",
-    "data-disabled",
-    "data-part",
-    "data-state",
-    "data-uiify-checkbox",
-    "defaultChecked",
-    "defaultValue",
-    "disabled",
-    "id",
-    "name",
-    "type",
-    "value"
-  ]);
-  const labelProps = omitProps(mergeRepeatedSlotProps({ className }, slotProps?.label), [
-    "children",
-    "dangerouslySetInnerHTML",
-    "data-uiify-checkbox",
-    "htmlFor",
-    "id"
-  ]);
+  const inputProps = slotProps?.input ?? {};
+  const labelProps = mergeRepeatedSlotProps({ className }, slotProps?.label);
   const mergedInputRef = useMergedRefs(inputProps.ref, inputRef);
   const checkedValue = isControlled ? checked === true : uncontrolledChecked;
   useEffect(() => {
@@ -62,7 +38,6 @@ function NativeCheckControl(props) {
   const input = /* @__PURE__ */ jsx(
     "input",
     {
-      ...inputProps,
       "aria-checked": checked === "indeterminate" ? "mixed" : void 0,
       "aria-label": label === void 0 ? ariaLabel : void 0,
       "aria-labelledby": label !== void 0 ? `${id}-label` : void 0,
@@ -73,14 +48,15 @@ function NativeCheckControl(props) {
       disabled: disabled || void 0,
       id,
       name,
-      onChange: composeEventHandlers(inputProps.onChange, handleChange),
-      ref: mergedInputRef,
       type: "checkbox",
       value,
-      ...label === void 0 ? { "data-uiify-checkbox": "" } : { "data-part": "control" }
+      ...label === void 0 ? { "data-uiify-checkbox": "" } : { "data-part": "control" },
+      ...inputProps,
+      onChange: composeEventHandlers(inputProps.onChange, handleChange),
+      ref: mergedInputRef
     }
   );
-  return label === void 0 ? input : /* @__PURE__ */ jsxs("label", { ...labelProps, "data-uiify-checkbox": "", id: `${id}-label`, children: [
+  return label === void 0 ? input : /* @__PURE__ */ jsxs("label", { "data-uiify-checkbox": "", id: `${id}-label`, ...labelProps, children: [
     input,
     label
   ] });

package/dist/components/internal/native-check-control/NativeCheckControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ChangeEvent, ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { mergeRepeatedSlotProps, omitProps } from \"../../../core/slot-props.js\";\nimport type { NativeCheckControlProps } from \"./types.js\";\n\nexport function NativeCheckControl(props: NativeCheckControlProps): ReactElement {\n  const {\n    checked,\n    defaultChecked,\n    disabled = false,\n    id,\n    label,\n    name,\n    onCheckedChange,\n    className,\n    slotProps,\n    value,\n    \"aria-label\": ariaLabel,\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const inputProps = omitProps(slotProps?.input, [\n    \"aria-checked\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"checked\",\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-disabled\",\n    \"data-part\",\n    \"data-state\",\n    \"data-uiify-checkbox\",\n    \"defaultChecked\",\n    \"defaultValue\",\n    \"disabled\",\n    \"id\",\n    \"name\",\n    \"type\",\n    \"value\",\n  ]);\n  const labelProps = omitProps(mergeRepeatedSlotProps({ className }, slotProps?.label), [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"data-uiify-checkbox\",\n    \"htmlFor\",\n    \"id\",\n  ]);\n  const mergedInputRef = useMergedRefs(inputProps.ref, inputRef);\n  const checkedValue = isControlled ? checked === true : uncontrolledChecked;\n\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = checked === \"indeterminate\";\n  }, [checked]);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (checked === \"indeterminate\" && inputRef.current) {\n      inputRef.current.indeterminate = true;\n    }\n    if (!isControlled) setUncontrolledChecked(event.currentTarget.checked);\n    onCheckedChange?.(event.currentTarget.checked);\n  };\n\n  const input = (\n    <input\n      {...inputProps}\n      aria-checked={checked === \"indeterminate\" ? \"mixed\" : undefined}\n      aria-label={label === undefined ? ariaLabel : undefined}\n      aria-labelledby={label !== undefined ? `${id}-label` : undefined}\n      checked={isControlled ? checkedValue : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-state={\n        isControlled\n          ? checked === \"indeterminate\"\n            ? \"indeterminate\"\n            : checkedValue\n              ? \"checked\"\n              : \"unchecked\"\n          : undefined\n      }\n      defaultChecked={!isControlled ? defaultChecked : undefined}\n      disabled={disabled || undefined}\n      id={id}\n      name={name}\n      onChange={composeEventHandlers(inputProps.onChange, handleChange)}\n      ref={mergedInputRef}\n      type=\"checkbox\"\n      value={value}\n      {...(label === undefined ? { \"data-uiify-checkbox\": \"\" } : { \"data-part\": \"control\" })}\n    />\n  );\n\n  return label === undefined ? (\n    input\n  ) : (\n    <label {...labelProps} data-uiify-checkbox=\"\" id={`${id}-label`}>\n      {input}\n      {label}\n    </label>\n  );\n}\nNativeCheckControl.displayName = \"NativeCheckControl\";\n"],"mappings":";AAoEI,cA+BA,YA/BA;AAlEJ,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB,iBAAiB;AAG3C,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AACJ,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,kBAAkB,KAAK;AACtF,QAAM,WAAW,OAAgC,IAAI;AACrD,QAAM,aAAa,UAAU,WAAW,OAAO;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,UAAU,uBAAuB,EAAE,UAAU,GAAG,WAAW,KAAK,GAAG;AAAA,IACpF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,iBAAiB,cAAc,WAAW,KAAK,QAAQ;AAC7D,QAAM,eAAe,eAAe,YAAY,OAAO;AAEvD,YAAU,MAAM;AACd,QAAI,SAAS,QAAS,UAAS,QAAQ,gBAAgB,YAAY;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,YAAY,mBAAmB,SAAS,SAAS;AACnD,eAAS,QAAQ,gBAAgB;AAAA,IACnC;AACA,QAAI,CAAC,aAAc,wBAAuB,MAAM,cAAc,OAAO;AACrE,sBAAkB,MAAM,cAAc,OAAO;AAAA,EAC/C;AAEA,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAc,YAAY,kBAAkB,UAAU;AAAA,MACtD,cAAY,UAAU,SAAY,YAAY;AAAA,MAC9C,mBAAiB,UAAU,SAAY,GAAG,EAAE,WAAW;AAAA,MACvD,SAAS,eAAe,eAAe;AAAA,MACvC,iBAAe,WAAW,KAAK;AAAA,MAC/B,cACE,eACI,YAAY,kBACV,kBACA,eACE,YACA,cACJ;AAAA,MAEN,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,MACjD,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,MACA,UAAU,qBAAqB,WAAW,UAAU,YAAY;AAAA,MAChE,KAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACC,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,IAAI,EAAE,aAAa,UAAU;AAAA;AAAA,EACtF;AAGF,SAAO,UAAU,SACf,QAEA,qBAAC,WAAO,GAAG,YAAY,uBAAoB,IAAG,IAAI,GAAG,EAAE,UACpD;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/native-check-control/NativeCheckControl.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ChangeEvent, ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { mergeRepeatedSlotProps } from \"../../../core/slot-props.js\";\nimport type { NativeCheckControlProps } from \"./types.js\";\n\nexport function NativeCheckControl(props: NativeCheckControlProps): ReactElement {\n  const {\n    checked,\n    defaultChecked,\n    disabled = false,\n    id,\n    label,\n    name,\n    onCheckedChange,\n    className,\n    slotProps,\n    value,\n    \"aria-label\": ariaLabel,\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const inputProps = slotProps?.input ?? {};\n  const labelProps = mergeRepeatedSlotProps({ className }, slotProps?.label);\n  const mergedInputRef = useMergedRefs(inputProps.ref, inputRef);\n  const checkedValue = isControlled ? checked === true : uncontrolledChecked;\n\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = checked === \"indeterminate\";\n  }, [checked]);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (checked === \"indeterminate\" && inputRef.current) {\n      inputRef.current.indeterminate = true;\n    }\n    if (!isControlled) setUncontrolledChecked(event.currentTarget.checked);\n    onCheckedChange?.(event.currentTarget.checked);\n  };\n\n  const input = (\n    <input\n      aria-checked={checked === \"indeterminate\" ? \"mixed\" : undefined}\n      aria-label={label === undefined ? ariaLabel : undefined}\n      aria-labelledby={label !== undefined ? `${id}-label` : undefined}\n      checked={isControlled ? checkedValue : undefined}\n      data-disabled={disabled ? \"\" : undefined}\n      data-state={\n        isControlled\n          ? checked === \"indeterminate\"\n            ? \"indeterminate\"\n            : checkedValue\n              ? \"checked\"\n              : \"unchecked\"\n          : undefined\n      }\n      defaultChecked={!isControlled ? defaultChecked : undefined}\n      disabled={disabled || undefined}\n      id={id}\n      name={name}\n      type=\"checkbox\"\n      value={value}\n      {...(label === undefined ? { \"data-uiify-checkbox\": \"\" } : { \"data-part\": \"control\" })}\n      {...inputProps}\n      onChange={composeEventHandlers(inputProps.onChange, handleChange)}\n      ref={mergedInputRef}\n    />\n  );\n\n  return label === undefined ? (\n    input\n  ) : (\n    <label data-uiify-checkbox=\"\" id={`${id}-label`} {...labelProps}>\n      {input}\n      {label}\n    </label>\n  );\n}\nNativeCheckControl.displayName = \"NativeCheckControl\";\n"],"mappings":";AA4CI,cA+BA,YA/BA;AA1CJ,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAGhC,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI;AACJ,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,kBAAkB,KAAK;AACtF,QAAM,WAAW,OAAgC,IAAI;AACrD,QAAM,aAAa,WAAW,SAAS,CAAC;AACxC,QAAM,aAAa,uBAAuB,EAAE,UAAU,GAAG,WAAW,KAAK;AACzE,QAAM,iBAAiB,cAAc,WAAW,KAAK,QAAQ;AAC7D,QAAM,eAAe,eAAe,YAAY,OAAO;AAEvD,YAAU,MAAM;AACd,QAAI,SAAS,QAAS,UAAS,QAAQ,gBAAgB,YAAY;AAAA,EACrE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,YAAY,mBAAmB,SAAS,SAAS;AACnD,eAAS,QAAQ,gBAAgB;AAAA,IACnC;AACA,QAAI,CAAC,aAAc,wBAAuB,MAAM,cAAc,OAAO;AACrE,sBAAkB,MAAM,cAAc,OAAO;AAAA,EAC/C;AAEA,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,YAAY,kBAAkB,UAAU;AAAA,MACtD,cAAY,UAAU,SAAY,YAAY;AAAA,MAC9C,mBAAiB,UAAU,SAAY,GAAG,EAAE,WAAW;AAAA,MACvD,SAAS,eAAe,eAAe;AAAA,MACvC,iBAAe,WAAW,KAAK;AAAA,MAC/B,cACE,eACI,YAAY,kBACV,kBACA,eACE,YACA,cACJ;AAAA,MAEN,gBAAgB,CAAC,eAAe,iBAAiB;AAAA,MACjD,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACC,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,IAAI,EAAE,aAAa,UAAU;AAAA,MACnF,GAAG;AAAA,MACJ,UAAU,qBAAqB,WAAW,UAAU,YAAY;AAAA,MAChE,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,UAAU,SACf,QAEA,qBAAC,WAAM,uBAAoB,IAAG,IAAI,GAAG,EAAE,UAAW,GAAG,YAClD;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}

package/dist/components/internal/native-check-control/types.d.ts

@@ -1,22 +1,9 @@
-import type { ComponentPropsWithRef, ReactNode } from "react";
-import type { ConsumerDataAttributes } from "../../../core/slot-props.js";
+import type { ReactNode } from "react";
+import type { SlotProps } from "../../../core/slot-props.js";
 export type CheckedState = boolean | "indeterminate";
-type NativeCheckControlInputOwnedAttributes = {
-    readonly "aria-checked"?: never;
-    readonly "aria-label"?: never;
-    readonly "aria-labelledby"?: never;
-    readonly "data-disabled"?: never;
-    readonly "data-part"?: never;
-    readonly "data-state"?: never;
-    readonly "data-uiify-checkbox"?: never;
-};
-type NativeCheckControlLabelOwnedAttributes = {
-    readonly "data-uiify-checkbox"?: never;
-    readonly id?: never;
-};
 export interface NativeCheckControlSlotProps {
-    readonly input?: Omit<ComponentPropsWithRef<"input">, "aria-checked" | "aria-label" | "aria-labelledby" | "checked" | "children" | "defaultChecked" | "defaultValue" | "disabled" | "dangerouslySetInnerHTML" | "id" | "name" | "type" | "value" | "data-disabled" | "data-part" | "data-state" | "data-uiify-checkbox"> & ConsumerDataAttributes & NativeCheckControlInputOwnedAttributes;
-    readonly label?: Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML" | "htmlFor" | "id" | "data-uiify-checkbox"> & ConsumerDataAttributes & NativeCheckControlLabelOwnedAttributes;
+    readonly input?: SlotProps<"input">;
+    readonly label?: SlotProps<"label">;
 }
 export interface NativeCheckControlProps {
     readonly id: string;
@@ -31,5 +18,4 @@ export interface NativeCheckControlProps {
     readonly slotProps?: NativeCheckControlSlotProps;
     readonly "aria-label"?: string;
 }
-export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/internal/native-check-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,KAAK,sCAAsC,GAAG;IAC5C,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACnC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC;IAC9B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC;CACxC,CAAC;AAEF,KAAK,sCAAsC,GAAG;IAC5C,QAAQ,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CACnB,qBAAqB,CAAC,OAAO,CAAC,EAC5B,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,yBAAyB,GACzB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,eAAe,GACf,WAAW,GACX,YAAY,GACZ,qBAAqB,CACxB,GACC,sBAAsB,GACtB,sCAAsC,CAAC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CACnB,qBAAqB,CAAC,OAAO,CAAC,EAC9B,UAAU,GAAG,yBAAyB,GAAG,SAAS,GAAG,IAAI,GAAG,qBAAqB,CAClF,GACC,sBAAsB,GACtB,sCAAsC,CAAC;CAC1C;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}

package/dist/components/line-chart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA+B,YAAY,EAAO,MAAM,OAAO,CAAC;AAiBzF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAsB,MAAM,YAAY,CAAC;AAyC1F,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EAAE,GAAG,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAmEpC;yBAnFe,cAAc;;;AAsF9B,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC1D,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAqOrB;yBAvOe,SAAS"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA+B,YAAY,EAAO,MAAM,OAAO,CAAC;AAkBzF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAsB,MAAM,YAAY,CAAC;AA2B1F,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EAAE,GAAG,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAgDpC;yBAhEe,cAAc;;;AAmE9B,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC1D,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA8MrB;yBAhNe,SAAS"}