@gunkin/uiify 0.0.12-alpha → 0.0.13-alpha

package/dist/components/hover-card/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\", \"data-uiify-button\": \"\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/index.d.ts

@@ -34,7 +34,6 @@ export * from "./form/index.js";
 export * from "./tags-input/index.js";
 export * from "./file-upload/index.js";
 export * from "./color-picker/index.js";
-export * from "./stepper/index.js";
 export * from "./carousel/index.js";
 export * from "./candle-chart/index.js";
 export * from "./line-chart/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -34,7 +34,6 @@ export * from "./form/index.js";
 export * from "./tags-input/index.js";
 export * from "./file-upload/index.js";
 export * from "./color-picker/index.js";
-export * from "./stepper/index.js";
 export * from "./carousel/index.js";
 export * from "./candle-chart/index.js";
 export * from "./line-chart/index.js";

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// @gunkin/uiify/components — root barrel export.\n// Each component task appends one line here:\n//   export * from \"./<name>/index.js\";\n\nexport * from \"./button/index.js\";\nexport * from \"./checkbox/index.js\";\nexport * from \"./modal/index.js\";\nexport * from \"./dropdown-menu/index.js\";\nexport * from \"./hover-card/index.js\";\nexport * from \"./input/index.js\";\nexport * from \"./popup/index.js\";\nexport * from \"./radio-group/index.js\";\nexport * from \"./slider/index.js\";\nexport * from \"./switch/index.js\";\nexport * from \"./tabs/index.js\";\nexport * from \"./textarea/index.js\";\nexport * from \"./toggle-group/index.js\";\nexport * from \"./toolbar/index.js\";\nexport * from \"./toggle/index.js\";\nexport * from \"./tooltip/index.js\";\nexport * from \"./accordion/index.js\";\nexport * from \"./alert-modal/index.js\";\nexport * from \"./combobox/index.js\";\nexport * from \"./toast/index.js\";\nexport * from \"./select/index.js\";\nexport * from \"./spinner/index.js\";\nexport * from \"./skeleton/index.js\";\nexport * from \"./collapsible/index.js\";\nexport * from \"./breadcrumb/index.js\";\nexport * from \"./pagination/index.js\";\nexport * from \"./table/index.js\";\nexport * from \"./number-field/index.js\";\nexport * from \"./otp-input/index.js\";\nexport * from \"./segmented-control/index.js\";\nexport * from \"./rating/index.js\";\nexport * from \"./field/index.js\";\nexport * from \"./form/index.js\";\nexport * from \"./tags-input/index.js\";\nexport * from \"./file-upload/index.js\";\nexport * from \"./color-picker/index.js\";\nexport * from \"./stepper/index.js\";\nexport * from \"./carousel/index.js\";\nexport * from \"./candle-chart/index.js\";\nexport * from \"./line-chart/index.js\";\nexport * from \"./drawer/index.js\";\nexport * from \"./context-menu/index.js\";\nexport * from \"./header/index.js\";\nexport * from \"./virtual-scroll/index.js\";\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// @gunkin/uiify/components — root barrel export.\n// Each component task appends one line here:\n//   export * from \"./<name>/index.js\";\n\nexport * from \"./button/index.js\";\nexport * from \"./checkbox/index.js\";\nexport * from \"./modal/index.js\";\nexport * from \"./dropdown-menu/index.js\";\nexport * from \"./hover-card/index.js\";\nexport * from \"./input/index.js\";\nexport * from \"./popup/index.js\";\nexport * from \"./radio-group/index.js\";\nexport * from \"./slider/index.js\";\nexport * from \"./switch/index.js\";\nexport * from \"./tabs/index.js\";\nexport * from \"./textarea/index.js\";\nexport * from \"./toggle-group/index.js\";\nexport * from \"./toolbar/index.js\";\nexport * from \"./toggle/index.js\";\nexport * from \"./tooltip/index.js\";\nexport * from \"./accordion/index.js\";\nexport * from \"./alert-modal/index.js\";\nexport * from \"./combobox/index.js\";\nexport * from \"./toast/index.js\";\nexport * from \"./select/index.js\";\nexport * from \"./spinner/index.js\";\nexport * from \"./skeleton/index.js\";\nexport * from \"./collapsible/index.js\";\nexport * from \"./breadcrumb/index.js\";\nexport * from \"./pagination/index.js\";\nexport * from \"./table/index.js\";\nexport * from \"./number-field/index.js\";\nexport * from \"./otp-input/index.js\";\nexport * from \"./segmented-control/index.js\";\nexport * from \"./rating/index.js\";\nexport * from \"./field/index.js\";\nexport * from \"./form/index.js\";\nexport * from \"./tags-input/index.js\";\nexport * from \"./file-upload/index.js\";\nexport * from \"./color-picker/index.js\";\nexport * from \"./carousel/index.js\";\nexport * from \"./candle-chart/index.js\";\nexport * from \"./line-chart/index.js\";\nexport * from \"./drawer/index.js\";\nexport * from \"./context-menu/index.js\";\nexport * from \"./header/index.js\";\nexport * from \"./virtual-scroll/index.js\";\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACrD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA2CrB"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACrD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA6CrB"}

package/dist/components/input/Input.js

@@ -29,7 +29,7 @@ function Input(props) {
       "data-invalid": invalid ? "" : void 0,
       disabled: disabled || void 0,
       readOnly: readOnly || void 0,
-      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      onChange: onValueChange ? composeEventHandlers(consumerOnChange, handleChange) : consumerOnChange,
       ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
     },
     render,

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputProps } from \"./types.js\";\n\nexport function Input<TAs extends ElementType = \"input\">(\n  props: InputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    ...consumerProps\n  } = props as InputProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-input\": \"\",\n      \"aria-invalid\": invalid || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,qBAAqB,kBAAkB,YAAY;AAAA,MAC7D,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputProps } from \"./types.js\";\n\nexport function Input<TAs extends ElementType = \"input\">(\n  props: InputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    ...consumerProps\n  } = props as InputProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-input\": \"\",\n      \"aria-invalid\": invalid || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: onValueChange\n        ? composeEventHandlers(consumerOnChange, handleChange)\n        : consumerOnChange,\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,gBACN,qBAAqB,kBAAkB,YAAY,IACnD;AAAA,MACJ,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC;AACH;","names":[]}

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

@@ -58,7 +58,7 @@ function ChoiceGroup(props) {
               labelPart: false,
               labelProps: { "data-part": labelPart ? "trigger" : "label" },
               name: groupName,
-              ...onItemChange ? { onChange: () => onItemChange(item) } : {},
+              ...onItemChange ? { onValueChange: () => onItemChange(item) } : {},
               panelProps: { "data-part": "panel" },
               part: itemPart,
               value: item.value

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 {\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    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    itemWrapperAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...itemWrapperAttributes?.(item)}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              \"data-part\": \"control\",\n              ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={false}\n            labelProps={{ \"data-part\": labelPart ? \"trigger\" : \"label\" }}\n            name={groupName}\n            {...(onItemChange ? { onChange: () => onItemChange(item) } : {})}\n            panelProps={{ \"data-part\": \"panel\" }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AAuCI,SAmCY,KAnCZ;AAWM;AAjDV;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,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;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,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,wBAAwB,IAAI;AAAA,cAC/B,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,aAAa;AAAA,gBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW;AAAA,cACX,YAAY,EAAE,aAAa,YAAY,YAAY,QAAQ;AAAA,cAC3D,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,UAAU,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cAC9D,YAAY,EAAE,aAAa,QAAQ;AAAA,cACnC,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\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    itemPart = \"item\",\n    labelPart = false,\n    rootAttributes,\n    itemWrapperAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...itemWrapperAttributes?.(item)}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              \"data-part\": \"control\",\n              ...(kind === \"single\" ? { \"data-uiify-radio\": \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={false}\n            labelProps={{ \"data-part\": labelPart ? \"trigger\" : \"label\" }}\n            name={groupName}\n            {...(onItemChange ? { onValueChange: () => onItemChange(item) } : {})}\n            panelProps={{ \"data-part\": \"panel\" }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AAuCI,SAmCY,KAnCZ;AAWM;AAjDV;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,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;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,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,wBAAwB,IAAI;AAAA,cAC/B,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,aAAa;AAAA,gBACb,GAAI,SAAS,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C,WAAW;AAAA,cACX,YAAY,EAAE,aAAa,YAAY,YAAY,QAAQ;AAAA,cAC3D,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,eAAe,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cACnE,YAAY,EAAE,aAAa,QAAQ;AAAA,cACnC,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}

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

@@ -22,13 +22,13 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly name?: string;
     readonly orientation: ChoiceOrientation;
     readonly className?: string;
-    /** Part name for each item's wrapper div. Defaults to "item" (Stepper uses "step"). */
+    /** Part name for each item's wrapper div. Defaults to "item". */
     readonly itemPart?: string;
     /** Adds `data-part="label"` to the label. */
     readonly labelPart?: boolean;
     /** Extra attributes spread onto the root, e.g. `data-full-width`, `aria-label`. */
     readonly rootAttributes?: Record<string, string | undefined>;
-    /** Extra attributes spread onto each item's wrapper div, e.g. Stepper's `data-complete`. */
+    /** Extra attributes spread onto each item's wrapper div, such as consumer state markers. */
     readonly itemWrapperAttributes?: (item: TItem) => Record<string, string | undefined>;
     /** Per-item `className` hook for the input, e.g. RadioGroup's `item.className`. */
     readonly itemInputClassName?: (item: TItem) => string | undefined;
@@ -37,7 +37,7 @@ export interface ChoiceGroupProps<TItem extends ChoiceItem = ChoiceItem> {
     readonly onItemChange?: (item: TItem) => void;
     /** Renders the panel content and its wrapper when given; omitted entirely otherwise. */
     readonly renderPanel?: (item: TItem) => ReactNode;
-    /** Overrides the default `item.label` content, e.g. Stepper's label + description. */
+    /** Overrides the default `item.label` content, such as a label with a description. */
     readonly renderLabel?: (item: TItem) => ReactNode;
     /** Trailing content rendered inside the root after the mapped items, e.g. Tabs' `append`. */
     readonly append?: ReactNode;

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;+EAC+E;AAC/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7D,4FAA4F;IAC5F,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACrF,mFAAmF;IACnF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE;8EAC0E;IAC1E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,wFAAwF;IACxF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,sFAAsF;IACtF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D;+EAC+E;AAC/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC7D,4FAA4F;IAC5F,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACrF,mFAAmF;IACnF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC;IAClE;8EAC0E;IAC1E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9C,wFAAwF;IACxF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,sFAAsF;IACtF,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAClD,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B"}

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { NativeCheckControlProps } from "./types.js";
+export declare function NativeCheckControl(props: NativeCheckControlProps): ReactElement;
+export declare namespace NativeCheckControl {
+    var displayName: string;
+}
+//# sourceMappingURL=NativeCheckControl.d.ts.map

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

@@ -0,0 +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;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CA8D/E;yBA9De,kBAAkB"}

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+function NativeCheckControl(props) {
+  const {
+    checked,
+    defaultChecked,
+    disabled = false,
+    id,
+    label,
+    onCheckedChange,
+    className,
+    "aria-label": ariaLabel
+  } = props;
+  const isControlled = checked !== void 0;
+  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked ?? false);
+  const inputRef = useRef(null);
+  const checkedValue = isControlled ? checked === true : uncontrolledChecked;
+  useEffect(() => {
+    if (inputRef.current) inputRef.current.indeterminate = checked === "indeterminate";
+  }, [checked]);
+  const handleChange = (event) => {
+    if (checked === "indeterminate" && inputRef.current) {
+      inputRef.current.indeterminate = true;
+    }
+    if (!isControlled) setUncontrolledChecked(event.currentTarget.checked);
+    onCheckedChange?.(event.currentTarget.checked);
+  };
+  const input = /* @__PURE__ */ jsx(
+    "input",
+    {
+      "aria-checked": checked === "indeterminate" ? "mixed" : void 0,
+      "aria-label": label === void 0 ? ariaLabel : void 0,
+      "aria-labelledby": label !== void 0 ? `${id}-label` : void 0,
+      checked: isControlled ? checkedValue : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-state": isControlled ? checked === "indeterminate" ? "indeterminate" : checkedValue ? "checked" : "unchecked" : void 0,
+      defaultChecked: !isControlled ? defaultChecked : void 0,
+      disabled: disabled || void 0,
+      id,
+      onChange: handleChange,
+      ref: inputRef,
+      type: "checkbox",
+      ...label === void 0 ? { "data-uiify-checkbox": "" } : { "data-part": "control" }
+    }
+  );
+  return label === void 0 ? input : /* @__PURE__ */ jsxs("label", { className, "data-uiify-checkbox": "", id: `${id}-label`, children: [
+    input,
+    label
+  ] });
+}
+NativeCheckControl.displayName = "NativeCheckControl";
+export {
+  NativeCheckControl
+};
+//# sourceMappingURL=NativeCheckControl.js.map

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

@@ -0,0 +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 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    onCheckedChange,\n    className,\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 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      onChange={handleChange}\n      ref={inputRef}\n      type=\"checkbox\"\n      {...(label === undefined ? { \"data-uiify-checkbox\": \"\" } : { \"data-part\": \"control\" })}\n    />\n  );\n\n  return label === undefined ? (\n    input\n  ) : (\n    <label className={className} data-uiify-checkbox=\"\" id={`${id}-label`}>\n      {input}\n      {label}\n    </label>\n  );\n}\nNativeCheckControl.displayName = \"NativeCheckControl\";\n"],"mappings":";AAmCI,cA4BA,YA5BA;AAjCJ,SAAS,WAAW,QAAQ,gBAAgB;AAIrC,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;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,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,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAK;AAAA,MACJ,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,IAAI,EAAE,aAAa,UAAU;AAAA;AAAA,EACtF;AAGF,SAAO,UAAU,SACf,QAEA,qBAAC,WAAM,WAAsB,uBAAoB,IAAG,IAAI,GAAG,EAAE,UAC1D;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export type CheckedState = boolean | "indeterminate";
+export interface NativeCheckControlProps {
+    readonly id: string;
+    readonly label?: ReactNode;
+    readonly checked?: CheckedState;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly "aria-label"?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAEvC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}

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

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

package/dist/components/number-field/NumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,WAAW,EAGhB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EACzB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAKpB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAoIrB;yBAtIe,eAAe;;;AAyI/B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAWrB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAChE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAsFrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAiCrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAiCrB;AAED,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,WAAW,EAGhB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EACzB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAKpB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAoIrB;yBAtIe,eAAe;;;AAyI/B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAWrB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAChE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAwFrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAiCrB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACrE,KAAK,EAAE,yBAAyB,CAAC,GAAG,CAAC,GACpC,YAAY,GAAG,IAAI,CAiCrB;AAED,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}

package/dist/components/number-field/NumberField.js

@@ -10,7 +10,14 @@ import { useControllableState, useId } from "@gunkin/uiify/hooks";
 import { createPartContext } from "@gunkin/uiify/core";
 import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
 import { useRenderElement } from "@gunkin/uiify/core/render";
-import { clampNumber, createFormatter, formatNumber, parseNumber, stepNumber } from "./format.js";
+import {
+  clampNumber,
+  createFormatter,
+  formatNumber,
+  isNumberInput,
+  parseNumber,
+  stepNumber
+} from "./format.js";
 import { usePressRepeat } from "./use-press-repeat.js";
 const [NumberFieldProvider, useNumberFieldContext] = createPartContext("NumberField");
 function NumberFieldRoot(props) {
@@ -151,6 +158,7 @@ function NumberFieldInput(props) {
     decrement,
     disabled,
     displayValue,
+    formatter,
     increment,
     inputId,
     inputRef,
@@ -220,7 +228,8 @@ function NumberFieldInput(props) {
       onChange: composeEventHandlers(
         consumerProps.onChange,
         (event) => {
-          setDisplayValue(event.currentTarget.value);
+          if (isNumberInput(event.currentTarget.value, formatter))
+            setDisplayValue(event.currentTarget.value);
         }
       ),
       onKeyDown: composeEventHandlers(consumerProps.onKeyDown, onKeyDown)

package/dist/components/number-field/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/number-field/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ElementType,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useId } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement, type PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport { clampNumber, createFormatter, formatNumber, parseNumber, stepNumber } from \"./format.js\";\nimport { usePressRepeat } from \"./use-press-repeat.js\";\nimport type {\n  NumberFieldContextValue,\n  NumberFieldRootProps,\n  NumberFieldGroupProps,\n  NumberFieldInputProps,\n  NumberFieldIncrementProps,\n  NumberFieldDecrementProps,\n} from \"./types.js\";\n\nexport type {\n  NumberFieldDecrementProps,\n  NumberFieldGroupProps,\n  NumberFieldIncrementProps,\n  NumberFieldInputProps,\n  NumberFieldRootOwnProps,\n  NumberFieldRootProps,\n} from \"./types.js\";\n\nconst [NumberFieldProvider, useNumberFieldContext] =\n  createPartContext<NumberFieldContextValue>(\"NumberField\");\n\nexport function NumberFieldRoot<TAs extends ElementType = \"div\">(\n  props: NumberFieldRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    min,\n    max,\n    step = 1,\n    formatOptions,\n    clampValueOnBlur = true,\n    disabled = false,\n    readOnly = false,\n    required = false,\n    ...consumerProps\n  } = props as NumberFieldRootProps<ElementType>;\n\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const formatter = useMemo(() => createFormatter(formatOptions), [formatOptions]);\n  const [value, setValue] = useControllableState<number | undefined>({\n    value: controlledValue,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  const [editing, setEditing] = useState(false);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value === undefined ? \"\" : formatNumber(value, formatter),\n  );\n\n  const syncDisplay = useCallback(\n    (next: number | undefined) => {\n      setDisplayValue(next === undefined ? \"\" : formatNumber(next, formatter));\n    },\n    [formatter],\n  );\n\n  const applyValue = useCallback(\n    (next: number | undefined) => {\n      const clamped =\n        next === undefined ? undefined : clampValueOnBlur ? clampNumber(next, min, max) : next;\n      setValue(clamped);\n      syncDisplay(clamped);\n    },\n    [clampValueOnBlur, max, min, setValue, syncDisplay],\n  );\n\n  const increment = useCallback(\n    (multiplier = 1) => {\n      if (disabled || readOnly) return;\n      const base = value ?? min ?? 0;\n      applyValue(stepNumber(base, multiplier, step, min, max));\n    },\n    [applyValue, disabled, max, min, readOnly, step, value],\n  );\n\n  const decrement = useCallback(\n    (multiplier = 1) => {\n      increment(-multiplier);\n    },\n    [increment],\n  );\n\n  const commitInput = useCallback(\n    (raw: string) => {\n      const parsed = parseNumber(raw, formatter);\n      if (parsed === undefined) {\n        syncDisplay(value);\n        return;\n      }\n      applyValue(parsed);\n    },\n    [applyValue, formatter, syncDisplay, value],\n  );\n\n  const contextValue = useMemo<NumberFieldContextValue>(\n    () => ({\n      clampValueOnBlur,\n      commitInput,\n      decrement,\n      disabled,\n      displayValue: editing\n        ? displayValue\n        : value === undefined\n          ? \"\"\n          : formatNumber(value, formatter),\n      formatter,\n      increment,\n      inputId,\n      inputRef,\n      max,\n      min,\n      numericValue: value,\n      readOnly,\n      required,\n      setDisplayValue,\n      setEditing,\n      step,\n    }),\n    [\n      clampValueOnBlur,\n      commitInput,\n      decrement,\n      disabled,\n      displayValue,\n      editing,\n      formatter,\n      increment,\n      inputId,\n      max,\n      min,\n      readOnly,\n      required,\n      step,\n      value,\n    ],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-uiify-number-field\": \"\",\n    },\n    render,\n    state: { disabled, readOnly, required },\n  });\n\n  return <NumberFieldProvider value={contextValue}>{element}</NumberFieldProvider>;\n}\nNumberFieldRoot.displayName = \"NumberFieldRoot\";\n\nexport function NumberFieldGroup<TAs extends ElementType = \"div\">(\n  props: NumberFieldGroupProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as NumberFieldGroupProps<ElementType>;\n  const { disabled } = useNumberFieldContext(\"Group\");\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, \"data-disabled\": disabled ? \"\" : undefined },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function NumberFieldInput<TAs extends ElementType = \"input\">(\n  props: NumberFieldInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as NumberFieldInputProps<\"input\">;\n  const {\n    commitInput,\n    decrement,\n    disabled,\n    displayValue,\n    increment,\n    inputId,\n    inputRef,\n    max,\n    min,\n    numericValue,\n    readOnly,\n    required,\n    setDisplayValue,\n    setEditing,\n  } = useNumberFieldContext(\"Input\");\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        increment();\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        decrement();\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        increment(10);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        decrement(10);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        if (min !== undefined) commitInput(String(min));\n        break;\n      case \"End\":\n        event.preventDefault();\n        if (max !== undefined) commitInput(String(max));\n        break;\n      default:\n        break;\n    }\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      ref: inputRef,\n      role: \"spinbutton\",\n      inputMode: \"decimal\",\n      \"aria-valuenow\": numericValue,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-required\": required || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      required: required || undefined,\n      value: displayValue,\n      onFocus: composeEventHandlers(consumerProps.onFocus, () => setEditing(true)),\n      onBlur: composeEventHandlers(consumerProps.onBlur, (event: FocusEvent<HTMLInputElement>) => {\n        setEditing(false);\n        commitInput(event.currentTarget.value);\n      }),\n      onChange: composeEventHandlers(\n        consumerProps.onChange,\n        (event: SyntheticEvent<HTMLInputElement>) => {\n          setDisplayValue(event.currentTarget.value);\n        },\n      ),\n      onKeyDown: composeEventHandlers(consumerProps.onKeyDown, onKeyDown),\n    },\n    render,\n    state: { disabled, readOnly, required },\n  });\n}\n\nexport function NumberFieldIncrement<TAs extends ElementType = \"button\">(\n  props: NumberFieldIncrementProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PolymorphicProps<\n    \"button\",\n    { readonly children?: ReactNode }\n  >;\n  const { disabled, increment, readOnly } = useNumberFieldContext(\"Increment\");\n  const inactive = disabled || readOnly;\n  const repeatProps = usePressRepeat(() => increment(), inactive);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      tabIndex: -1,\n      \"data-disabled\": inactive ? \"\" : undefined,\n      disabled: inactive || undefined,\n      onClick: composeEventHandlers(consumerProps.onClick, () => increment()),\n      onPointerDown: composeEventHandlers(consumerProps.onPointerDown, repeatProps.onPointerDown),\n      onPointerUp: composeEventHandlers(consumerProps.onPointerUp, repeatProps.onPointerUp),\n      onPointerLeave: composeEventHandlers(\n        consumerProps.onPointerLeave,\n        repeatProps.onPointerLeave,\n      ),\n      onPointerCancel: composeEventHandlers(\n        consumerProps.onPointerCancel,\n        repeatProps.onPointerCancel,\n      ),\n    },\n    render,\n    state: { disabled: inactive },\n  });\n}\n\nexport function NumberFieldDecrement<TAs extends ElementType = \"button\">(\n  props: NumberFieldDecrementProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PolymorphicProps<\n    \"button\",\n    { readonly children?: ReactNode }\n  >;\n  const { decrement, disabled, readOnly } = useNumberFieldContext(\"Decrement\");\n  const inactive = disabled || readOnly;\n  const repeatProps = usePressRepeat(() => decrement(), inactive);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      tabIndex: -1,\n      \"data-disabled\": inactive ? \"\" : undefined,\n      disabled: inactive || undefined,\n      onClick: composeEventHandlers(consumerProps.onClick, () => decrement()),\n      onPointerDown: composeEventHandlers(consumerProps.onPointerDown, repeatProps.onPointerDown),\n      onPointerUp: composeEventHandlers(consumerProps.onPointerUp, repeatProps.onPointerUp),\n      onPointerLeave: composeEventHandlers(\n        consumerProps.onPointerLeave,\n        repeatProps.onPointerLeave,\n      ),\n      onPointerCancel: composeEventHandlers(\n        consumerProps.onPointerCancel,\n        repeatProps.onPointerCancel,\n      ),\n    },\n    render,\n    state: { disabled: inactive },\n  });\n}\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/number-field/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ElementType,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useId } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement, type PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport {\n  clampNumber,\n  createFormatter,\n  formatNumber,\n  isNumberInput,\n  parseNumber,\n  stepNumber,\n} from \"./format.js\";\nimport { usePressRepeat } from \"./use-press-repeat.js\";\nimport type {\n  NumberFieldContextValue,\n  NumberFieldRootProps,\n  NumberFieldGroupProps,\n  NumberFieldInputProps,\n  NumberFieldIncrementProps,\n  NumberFieldDecrementProps,\n} from \"./types.js\";\n\nexport type {\n  NumberFieldDecrementProps,\n  NumberFieldGroupProps,\n  NumberFieldIncrementProps,\n  NumberFieldInputProps,\n  NumberFieldRootOwnProps,\n  NumberFieldRootProps,\n} from \"./types.js\";\n\nconst [NumberFieldProvider, useNumberFieldContext] =\n  createPartContext<NumberFieldContextValue>(\"NumberField\");\n\nexport function NumberFieldRoot<TAs extends ElementType = \"div\">(\n  props: NumberFieldRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    min,\n    max,\n    step = 1,\n    formatOptions,\n    clampValueOnBlur = true,\n    disabled = false,\n    readOnly = false,\n    required = false,\n    ...consumerProps\n  } = props as NumberFieldRootProps<ElementType>;\n\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const formatter = useMemo(() => createFormatter(formatOptions), [formatOptions]);\n  const [value, setValue] = useControllableState<number | undefined>({\n    value: controlledValue,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  const [editing, setEditing] = useState(false);\n  const [displayValue, setDisplayValue] = useState(() =>\n    value === undefined ? \"\" : formatNumber(value, formatter),\n  );\n\n  const syncDisplay = useCallback(\n    (next: number | undefined) => {\n      setDisplayValue(next === undefined ? \"\" : formatNumber(next, formatter));\n    },\n    [formatter],\n  );\n\n  const applyValue = useCallback(\n    (next: number | undefined) => {\n      const clamped =\n        next === undefined ? undefined : clampValueOnBlur ? clampNumber(next, min, max) : next;\n      setValue(clamped);\n      syncDisplay(clamped);\n    },\n    [clampValueOnBlur, max, min, setValue, syncDisplay],\n  );\n\n  const increment = useCallback(\n    (multiplier = 1) => {\n      if (disabled || readOnly) return;\n      const base = value ?? min ?? 0;\n      applyValue(stepNumber(base, multiplier, step, min, max));\n    },\n    [applyValue, disabled, max, min, readOnly, step, value],\n  );\n\n  const decrement = useCallback(\n    (multiplier = 1) => {\n      increment(-multiplier);\n    },\n    [increment],\n  );\n\n  const commitInput = useCallback(\n    (raw: string) => {\n      const parsed = parseNumber(raw, formatter);\n      if (parsed === undefined) {\n        syncDisplay(value);\n        return;\n      }\n      applyValue(parsed);\n    },\n    [applyValue, formatter, syncDisplay, value],\n  );\n\n  const contextValue = useMemo<NumberFieldContextValue>(\n    () => ({\n      clampValueOnBlur,\n      commitInput,\n      decrement,\n      disabled,\n      displayValue: editing\n        ? displayValue\n        : value === undefined\n          ? \"\"\n          : formatNumber(value, formatter),\n      formatter,\n      increment,\n      inputId,\n      inputRef,\n      max,\n      min,\n      numericValue: value,\n      readOnly,\n      required,\n      setDisplayValue,\n      setEditing,\n      step,\n    }),\n    [\n      clampValueOnBlur,\n      commitInput,\n      decrement,\n      disabled,\n      displayValue,\n      editing,\n      formatter,\n      increment,\n      inputId,\n      max,\n      min,\n      readOnly,\n      required,\n      step,\n      value,\n    ],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-uiify-number-field\": \"\",\n    },\n    render,\n    state: { disabled, readOnly, required },\n  });\n\n  return <NumberFieldProvider value={contextValue}>{element}</NumberFieldProvider>;\n}\nNumberFieldRoot.displayName = \"NumberFieldRoot\";\n\nexport function NumberFieldGroup<TAs extends ElementType = \"div\">(\n  props: NumberFieldGroupProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as NumberFieldGroupProps<ElementType>;\n  const { disabled } = useNumberFieldContext(\"Group\");\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, \"data-disabled\": disabled ? \"\" : undefined },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function NumberFieldInput<TAs extends ElementType = \"input\">(\n  props: NumberFieldInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as NumberFieldInputProps<\"input\">;\n  const {\n    commitInput,\n    decrement,\n    disabled,\n    displayValue,\n    formatter,\n    increment,\n    inputId,\n    inputRef,\n    max,\n    min,\n    numericValue,\n    readOnly,\n    required,\n    setDisplayValue,\n    setEditing,\n  } = useNumberFieldContext(\"Input\");\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) return;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        increment();\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        decrement();\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        increment(10);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        decrement(10);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        if (min !== undefined) commitInput(String(min));\n        break;\n      case \"End\":\n        event.preventDefault();\n        if (max !== undefined) commitInput(String(max));\n        break;\n      default:\n        break;\n    }\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      ref: inputRef,\n      role: \"spinbutton\",\n      inputMode: \"decimal\",\n      \"aria-valuenow\": numericValue,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-required\": required || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      required: required || undefined,\n      value: displayValue,\n      onFocus: composeEventHandlers(consumerProps.onFocus, () => setEditing(true)),\n      onBlur: composeEventHandlers(consumerProps.onBlur, (event: FocusEvent<HTMLInputElement>) => {\n        setEditing(false);\n        commitInput(event.currentTarget.value);\n      }),\n      onChange: composeEventHandlers(\n        consumerProps.onChange,\n        (event: SyntheticEvent<HTMLInputElement>) => {\n          if (isNumberInput(event.currentTarget.value, formatter))\n            setDisplayValue(event.currentTarget.value);\n        },\n      ),\n      onKeyDown: composeEventHandlers(consumerProps.onKeyDown, onKeyDown),\n    },\n    render,\n    state: { disabled, readOnly, required },\n  });\n}\n\nexport function NumberFieldIncrement<TAs extends ElementType = \"button\">(\n  props: NumberFieldIncrementProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PolymorphicProps<\n    \"button\",\n    { readonly children?: ReactNode }\n  >;\n  const { disabled, increment, readOnly } = useNumberFieldContext(\"Increment\");\n  const inactive = disabled || readOnly;\n  const repeatProps = usePressRepeat(() => increment(), inactive);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      tabIndex: -1,\n      \"data-disabled\": inactive ? \"\" : undefined,\n      disabled: inactive || undefined,\n      onClick: composeEventHandlers(consumerProps.onClick, () => increment()),\n      onPointerDown: composeEventHandlers(consumerProps.onPointerDown, repeatProps.onPointerDown),\n      onPointerUp: composeEventHandlers(consumerProps.onPointerUp, repeatProps.onPointerUp),\n      onPointerLeave: composeEventHandlers(\n        consumerProps.onPointerLeave,\n        repeatProps.onPointerLeave,\n      ),\n      onPointerCancel: composeEventHandlers(\n        consumerProps.onPointerCancel,\n        repeatProps.onPointerCancel,\n      ),\n    },\n    render,\n    state: { disabled: inactive },\n  });\n}\n\nexport function NumberFieldDecrement<TAs extends ElementType = \"button\">(\n  props: NumberFieldDecrementProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PolymorphicProps<\n    \"button\",\n    { readonly children?: ReactNode }\n  >;\n  const { decrement, disabled, readOnly } = useNumberFieldContext(\"Decrement\");\n  const inactive = disabled || readOnly;\n  const repeatProps = usePressRepeat(() => decrement(), inactive);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      tabIndex: -1,\n      \"data-disabled\": inactive ? \"\" : undefined,\n      disabled: inactive || undefined,\n      onClick: composeEventHandlers(consumerProps.onClick, () => decrement()),\n      onPointerDown: composeEventHandlers(consumerProps.onPointerDown, repeatProps.onPointerDown),\n      onPointerUp: composeEventHandlers(consumerProps.onPointerUp, repeatProps.onPointerUp),\n      onPointerLeave: composeEventHandlers(\n        consumerProps.onPointerLeave,\n        repeatProps.onPointerLeave,\n      ),\n      onPointerCancel: composeEventHandlers(\n        consumerProps.onPointerCancel,\n        repeatProps.onPointerCancel,\n      ),\n    },\n    render,\n    state: { disabled: inactive },\n  });\n}\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n};\n"],"mappings":"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","names":[]}

package/dist/components/number-field/format.d.ts

@@ -1,6 +1,7 @@
 export declare function clampNumber(value: number, min?: number, max?: number): number;
 export declare function createFormatter(options?: Intl.NumberFormatOptions): Intl.NumberFormat;
 export declare function formatNumber(value: number, formatter: Intl.NumberFormat): string;
+export declare function isNumberInput(input: string, formatter: Intl.NumberFormat): boolean;
 export declare function parseNumber(input: string, formatter: Intl.NumberFormat): number | undefined;
 export declare function stepNumber(value: number, delta: number, step: number, min?: number, max?: number): number;
 //# sourceMappingURL=format.d.ts.map

package/dist/components/number-field/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/format.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAK7E;AAED,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAErF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,GAAG,MAAM,CAEhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,SAAS,CAa3F;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,GACX,MAAM,CAMR"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/components/number-field/format.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAK7E;AAED,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAErF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,GAAG,MAAM,CAEhF;AAoBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,GAAG,OAAO,CAElF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,SAAS,CAK3F;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,GACX,MAAM,CAMR"}

package/dist/components/number-field/format.js

@@ -10,14 +10,25 @@ function createFormatter(options) {
 function formatNumber(value, formatter) {
   return formatter.format(value);
 }
-function parseNumber(input, formatter) {
-  const trimmed = input.trim();
-  if (trimmed === "") return void 0;
-  const parts = formatter.formatToParts(12345.6);
+function normalizeInput(input, formatter) {
+  const parts = formatter.formatToParts(-12345.6);
   const decimal = parts.find((part) => part.type === "decimal")?.value ?? ".";
   const group = parts.find((part) => part.type === "group")?.value ?? ",";
-  const normalized = trimmed.replaceAll(group, "").replace(decimal, ".").replace(/[^\d.-]/g, "");
-  const parsed = Number(normalized);
+  let normalized = input.trim().replaceAll(group, "").replace(decimal, ".");
+  for (const part of parts) {
+    if (part.type === "currency" || part.type === "unit" || part.type === "literal" || part.type === "percentSign")
+      normalized = normalized.replaceAll(part.value, "");
+    if (part.type === "minusSign") normalized = normalized.replaceAll(part.value, "-");
+  }
+  return normalized.replace(/\s/g, "");
+}
+function isNumberInput(input, formatter) {
+  return /^[+-]?\d*(?:\.\d*)?$/.test(normalizeInput(input, formatter));
+}
+function parseNumber(input, formatter) {
+  const normalized = normalizeInput(input, formatter);
+  if (!/^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/.test(normalized)) return void 0;
+  const parsed = Number(normalized) / (formatter.resolvedOptions().style === "percent" ? 100 : 1);
   return Number.isFinite(parsed) ? parsed : void 0;
 }
 function stepNumber(value, delta, step, min, max) {
@@ -29,6 +40,7 @@ export {
   clampNumber,
   createFormatter,
   formatNumber,
+  isNumberInput,
   parseNumber,
   stepNumber
 };

package/dist/components/number-field/format.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/number-field/format.ts"],"sourcesContent":["export function clampNumber(value: number, min?: number, max?: number): number {\n  let next = value;\n  if (min !== undefined && next < min) next = min;\n  if (max !== undefined && next > max) next = max;\n  return next;\n}\n\nexport function createFormatter(options?: Intl.NumberFormatOptions): Intl.NumberFormat {\n  return new Intl.NumberFormat(undefined, options);\n}\n\nexport function formatNumber(value: number, formatter: Intl.NumberFormat): string {\n  return formatter.format(value);\n}\n\nexport function parseNumber(input: string, formatter: Intl.NumberFormat): number | undefined {\n  const trimmed = input.trim();\n  if (trimmed === \"\") return undefined;\n\n  const parts = formatter.formatToParts(12345.6);\n  const decimal = parts.find((part) => part.type === \"decimal\")?.value ?? \".\";\n  const group = parts.find((part) => part.type === \"group\")?.value ?? \",\";\n  const normalized = trimmed\n    .replaceAll(group, \"\")\n    .replace(decimal, \".\")\n    .replace(/[^\\d.-]/g, \"\");\n  const parsed = Number(normalized);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\nexport function stepNumber(\n  value: number,\n  delta: number,\n  step: number,\n  min?: number,\n  max?: number,\n): number {\n  const precision = step.toString().includes(\".\")\n    ? (step.toString().split(\".\")[1]?.length ?? 0)\n    : 0;\n  const next = Number((value + delta * step).toFixed(precision));\n  return clampNumber(next, min, max);\n}\n"],"mappings":"AAAO,SAAS,YAAY,OAAe,KAAc,KAAsB;AAC7E,MAAI,OAAO;AACX,MAAI,QAAQ,UAAa,OAAO,IAAK,QAAO;AAC5C,MAAI,QAAQ,UAAa,OAAO,IAAK,QAAO;AAC5C,SAAO;AACT;AAEO,SAAS,gBAAgB,SAAuD;AACrF,SAAO,IAAI,KAAK,aAAa,QAAW,OAAO;AACjD;AAEO,SAAS,aAAa,OAAe,WAAsC;AAChF,SAAO,UAAU,OAAO,KAAK;AAC/B;AAEO,SAAS,YAAY,OAAe,WAAkD;AAC3F,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,YAAY,GAAI,QAAO;AAE3B,QAAM,QAAQ,UAAU,cAAc,OAAO;AAC7C,QAAM,UAAU,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS,GAAG,SAAS;AACxE,QAAM,QAAQ,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO,GAAG,SAAS;AACpE,QAAM,aAAa,QAChB,WAAW,OAAO,EAAE,EACpB,QAAQ,SAAS,GAAG,EACpB,QAAQ,YAAY,EAAE;AACzB,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEO,SAAS,WACd,OACA,OACA,MACA,KACA,KACQ;AACR,QAAM,YAAY,KAAK,SAAS,EAAE,SAAS,GAAG,IACzC,KAAK,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,UAAU,IAC1C;AACJ,QAAM,OAAO,QAAQ,QAAQ,QAAQ,MAAM,QAAQ,SAAS,CAAC;AAC7D,SAAO,YAAY,MAAM,KAAK,GAAG;AACnC;","names":[]}
+{"version":3,"sources":["../../../src/components/number-field/format.ts"],"sourcesContent":["export function clampNumber(value: number, min?: number, max?: number): number {\n  let next = value;\n  if (min !== undefined && next < min) next = min;\n  if (max !== undefined && next > max) next = max;\n  return next;\n}\n\nexport function createFormatter(options?: Intl.NumberFormatOptions): Intl.NumberFormat {\n  return new Intl.NumberFormat(undefined, options);\n}\n\nexport function formatNumber(value: number, formatter: Intl.NumberFormat): string {\n  return formatter.format(value);\n}\n\nfunction normalizeInput(input: string, formatter: Intl.NumberFormat): string {\n  const parts = formatter.formatToParts(-12345.6);\n  const decimal = parts.find((part) => part.type === \"decimal\")?.value ?? \".\";\n  const group = parts.find((part) => part.type === \"group\")?.value ?? \",\";\n  let normalized = input.trim().replaceAll(group, \"\").replace(decimal, \".\");\n  for (const part of parts) {\n    if (\n      part.type === \"currency\" ||\n      part.type === \"unit\" ||\n      part.type === \"literal\" ||\n      part.type === \"percentSign\"\n    )\n      normalized = normalized.replaceAll(part.value, \"\");\n    if (part.type === \"minusSign\") normalized = normalized.replaceAll(part.value, \"-\");\n  }\n  return normalized.replace(/\\s/g, \"\");\n}\n\nexport function isNumberInput(input: string, formatter: Intl.NumberFormat): boolean {\n  return /^[+-]?\\d*(?:\\.\\d*)?$/.test(normalizeInput(input, formatter));\n}\n\nexport function parseNumber(input: string, formatter: Intl.NumberFormat): number | undefined {\n  const normalized = normalizeInput(input, formatter);\n  if (!/^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+)$/.test(normalized)) return undefined;\n  const parsed = Number(normalized) / (formatter.resolvedOptions().style === \"percent\" ? 100 : 1);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\nexport function stepNumber(\n  value: number,\n  delta: number,\n  step: number,\n  min?: number,\n  max?: number,\n): number {\n  const precision = step.toString().includes(\".\")\n    ? (step.toString().split(\".\")[1]?.length ?? 0)\n    : 0;\n  const next = Number((value + delta * step).toFixed(precision));\n  return clampNumber(next, min, max);\n}\n"],"mappings":"AAAO,SAAS,YAAY,OAAe,KAAc,KAAsB;AAC7E,MAAI,OAAO;AACX,MAAI,QAAQ,UAAa,OAAO,IAAK,QAAO;AAC5C,MAAI,QAAQ,UAAa,OAAO,IAAK,QAAO;AAC5C,SAAO;AACT;AAEO,SAAS,gBAAgB,SAAuD;AACrF,SAAO,IAAI,KAAK,aAAa,QAAW,OAAO;AACjD;AAEO,SAAS,aAAa,OAAe,WAAsC;AAChF,SAAO,UAAU,OAAO,KAAK;AAC/B;AAEA,SAAS,eAAe,OAAe,WAAsC;AAC3E,QAAM,QAAQ,UAAU,cAAc,QAAQ;AAC9C,QAAM,UAAU,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,SAAS,GAAG,SAAS;AACxE,QAAM,QAAQ,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO,GAAG,SAAS;AACpE,MAAI,aAAa,MAAM,KAAK,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,SAAS,GAAG;AACxE,aAAW,QAAQ,OAAO;AACxB,QACE,KAAK,SAAS,cACd,KAAK,SAAS,UACd,KAAK,SAAS,aACd,KAAK,SAAS;AAEd,mBAAa,WAAW,WAAW,KAAK,OAAO,EAAE;AACnD,QAAI,KAAK,SAAS,YAAa,cAAa,WAAW,WAAW,KAAK,OAAO,GAAG;AAAA,EACnF;AACA,SAAO,WAAW,QAAQ,OAAO,EAAE;AACrC;AAEO,SAAS,cAAc,OAAe,WAAuC;AAClF,SAAO,uBAAuB,KAAK,eAAe,OAAO,SAAS,CAAC;AACrE;AAEO,SAAS,YAAY,OAAe,WAAkD;AAC3F,QAAM,aAAa,eAAe,OAAO,SAAS;AAClD,MAAI,CAAC,iCAAiC,KAAK,UAAU,EAAG,QAAO;AAC/D,QAAM,SAAS,OAAO,UAAU,KAAK,UAAU,gBAAgB,EAAE,UAAU,YAAY,MAAM;AAC7F,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEO,SAAS,WACd,OACA,OACA,MACA,KACA,KACQ;AACR,QAAM,YAAY,KAAK,SAAS,EAAE,SAAS,GAAG,IACzC,KAAK,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,UAAU,IAC1C;AACJ,QAAM,OAAO,QAAQ,QAAQ,QAAQ,MAAM,QAAQ,SAAS,CAAC;AAC7D,SAAO,YAAY,MAAM,KAAK,GAAG;AACnC;","names":[]}

package/dist/components/popup/PopupParts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupParts.d.ts","sourceRoot":"","sources":["../../../src/components/popup/PopupParts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAExF,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC7D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAUd;yBAZe,YAAY;;;AAe5B,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAenE;yBAfe,YAAY;;;AAkB5B,oCAAoC;AACpC,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,CAUd;yBAZe,UAAU"}
+{"version":3,"file":"PopupParts.d.ts","sourceRoot":"","sources":["../../../src/components/popup/PopupParts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAExF,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC7D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAWd;yBAbe,YAAY;;;AAgB5B,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAenE;yBAfe,YAAY;;;AAkB5B,oCAAoC;AACpC,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,CAWd;yBAbe,UAAU"}

package/dist/components/popup/PopupParts.js

@@ -3,6 +3,7 @@ function PopupTrigger(props) {
   const { as, target, ...consumerProps } = props;
   return createElement(as ?? "button", {
     ...consumerProps,
+    "data-uiify-button": "",
     "data-part": "trigger",
     "data-uiify-popup": "",
     popoverTarget: target,
@@ -32,6 +33,7 @@ function PopupClose(props) {
   const { as, target, ...consumerProps } = props;
   return createElement(as ?? "button", {
     ...consumerProps,
+    "data-uiify-button": "",
     "data-part": "close",
     "data-uiify-popup": "",
     popoverTarget: target,

package/dist/components/popup/PopupParts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popup/PopupParts.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type { PopupCloseProps, PopupContentProps, PopupTriggerProps } from \"./types.js\";\n\n/** Native popover trigger with popup identity and trigger anatomy. */\nexport function PopupTrigger<TAs extends ElementType = \"button\">(\n  props: PopupTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopupTriggerProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    \"data-part\": \"trigger\",\n    \"data-uiify-popup\": \"\",\n    popoverTarget: target,\n    popoverTargetAction: \"toggle\",\n    type: \"button\",\n  });\n}\nPopupTrigger.displayName = \"PopupTrigger\";\n\n/** Native popover surface with popup identity and content anatomy. */\nexport function PopupContent(props: PopupContentProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return createElement(\n    \"div\",\n    {\n      ...consumerProps,\n      \"data-align\": align,\n      \"data-part\": \"content\",\n      \"data-positioning\": \"native\",\n      \"data-side\": side,\n      \"data-uiify-popup\": \"\",\n      popover: mode,\n    },\n    children,\n  );\n}\nPopupContent.displayName = \"PopupContent\";\n\n/** Native popover close invoker. */\nexport function PopupClose<TAs extends ElementType = \"button\">(\n  props: PopupCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopupCloseProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    \"data-part\": \"close\",\n    \"data-uiify-popup\": \"\",\n    popoverTarget: target,\n    popoverTargetAction: \"hide\",\n    type: \"button\",\n  });\n}\nPopupClose.displayName = \"PopupClose\";\n"],"mappings":"AAAA,SAAS,qBAAqB;AAKvB,SAAS,aACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AACA,aAAa,cAAc;AAGpB,SAAS,aAAa,OAAwC;AACnE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,EACF;AACF;AACA,aAAa,cAAc;AAGpB,SAAS,WACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/popup/PopupParts.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\nimport type { PopupCloseProps, PopupContentProps, PopupTriggerProps } from \"./types.js\";\n\n/** Native popover trigger with popup identity and trigger anatomy. */\nexport function PopupTrigger<TAs extends ElementType = \"button\">(\n  props: PopupTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopupTriggerProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    \"data-uiify-button\": \"\",\n    \"data-part\": \"trigger\",\n    \"data-uiify-popup\": \"\",\n    popoverTarget: target,\n    popoverTargetAction: \"toggle\",\n    type: \"button\",\n  });\n}\nPopupTrigger.displayName = \"PopupTrigger\";\n\n/** Native popover surface with popup identity and content anatomy. */\nexport function PopupContent(props: PopupContentProps): ReactElement {\n  const { align = \"center\", children, mode = \"auto\", side = \"bottom\", ...consumerProps } = props;\n  return createElement(\n    \"div\",\n    {\n      ...consumerProps,\n      \"data-align\": align,\n      \"data-part\": \"content\",\n      \"data-positioning\": \"native\",\n      \"data-side\": side,\n      \"data-uiify-popup\": \"\",\n      popover: mode,\n    },\n    children,\n  );\n}\nPopupContent.displayName = \"PopupContent\";\n\n/** Native popover close invoker. */\nexport function PopupClose<TAs extends ElementType = \"button\">(\n  props: PopupCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as PopupCloseProps<\"button\">;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    \"data-uiify-button\": \"\",\n    \"data-part\": \"close\",\n    \"data-uiify-popup\": \"\",\n    popoverTarget: target,\n    popoverTargetAction: \"hide\",\n    type: \"button\",\n  });\n}\nPopupClose.displayName = \"PopupClose\";\n"],"mappings":"AAAA,SAAS,qBAAqB;AAKvB,SAAS,aACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,qBAAqB;AAAA,IACrB,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AACA,aAAa,cAAc;AAGpB,SAAS,aAAa,OAAwC;AACnE,QAAM,EAAE,QAAQ,UAAU,UAAU,OAAO,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AACzF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,EACF;AACF;AACA,aAAa,cAAc;AAGpB,SAAS,WACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,qBAAqB;AAAA,IACrB,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,EACR,CAAC;AACH;AACA,WAAW,cAAc;","names":[]}

package/dist/components/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CAyCrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAE3E;AAED,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CAsBrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,EAC9D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAcrB;yBAhBe,WAAW;;;AAmB3B,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC5D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAUrB;yBAZe,eAAe;;;AAe/B,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CA2CrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAE3E;AAED,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CAsBrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,EAC9D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAcrB;yBAhBe,WAAW;;;AAmB3B,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC5D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAUrB;yBAZe,eAAe;;;AAe/B,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC"}

package/dist/components/select/Select.js

@@ -27,7 +27,7 @@ function SelectRoot(props) {
       "data-disabled": disabled ? "" : void 0,
       disabled: disabled || void 0,
       name,
-      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      onChange: onValueChange ? composeEventHandlers(consumerOnChange, handleChange) : consumerOnChange,
       ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
     },
     render,