@gunkin/uiify 0.0.7-alpha → 0.0.9-alpha

package/dist/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onChange,\n    page,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onChange !== undefined ? { onChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({ count, items, page: currentPage, setPage }),\n    [count, currentPage, items, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({ item }: { readonly item: PaginationItem }): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink disabled={item.disabled} page={item.page ?? 1} selected={item.selected} />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const { setPage } = usePaginationContext(\"Link\");\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-type\": \"page\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Previous page\"\n        data-type=\"previous\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        Previous\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Next page\"\n        data-type=\"next\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        Next\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"First page\"\n        data-type=\"first\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        First\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Last page\"\n        data-type=\"last\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        Last\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}
+{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onPageChange,\n    page,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onPageChange !== undefined ? { onPageChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({ count, items, page: currentPage, setPage }),\n    [count, currentPage, items, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({ item }: { readonly item: PaginationItem }): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink disabled={item.disabled} page={item.page ?? 1} selected={item.selected} />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const { setPage } = usePaginationContext(\"Link\");\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-type\": \"page\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Previous page\"\n        data-type=\"previous\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        Previous\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Next page\"\n        data-type=\"next\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        Next\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"First page\"\n        data-type=\"first\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        First\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Last page\"\n        data-type=\"last\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        Last\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}

package/dist/components/pagination/PaginationShell.js

@@ -16,7 +16,7 @@ function PaginationRoot(props) {
     siblingCount = 1,
     children,
     defaultPage: _defaultPage,
-    onChange: _onChange,
+    onPageChange: _onPageChange,
     ...consumerProps
   } = props;
   const items = buildPaginationItems(

package/dist/components/pagination/PaginationShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/PaginationShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\n\nimport type {\n  PaginationItem,\n  PaginationRootProps,\n  PaginationListProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationEllipsisProps,\n} from \"./types.js\";\n\nexport { buildPaginationItems } from \"./pagination-engine.js\";\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount = 1,\n    count,\n    disabled = false,\n    getPageHref,\n    page = 1,\n    showFirstLast = false,\n    siblingCount = 1,\n    children,\n    defaultPage: _defaultPage,\n    onChange: _onChange,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const items = buildPaginationItems(\n    count,\n    page,\n    siblingCount,\n    boundaryCount,\n    disabled,\n    showFirstLast,\n  );\n\n  const content = children ?? (\n    <ol>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          page={page}\n          {...paginationHrefProps(getPageHref)}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: content,\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page },\n  });\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction paginationHrefProps(getPageHref?: (page: number) => string): {\n  readonly getPageHref?: (page: number) => string;\n} {\n  return getPageHref ? { getPageHref } : {};\n}\n\nfunction PaginationItemRenderer({\n  getPageHref,\n  item,\n  page,\n}: {\n  readonly getPageHref?: (page: number) => string;\n  readonly item: PaginationItem;\n  readonly page: number;\n}): ReactElement {\n  const hrefProps = paginationHrefProps(getPageHref);\n\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsis />;\n    case \"previous\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Previous page\"\n          page={page - 1}\n          type=\"previous\"\n          {...hrefProps}\n        />\n      );\n    case \"next\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Next page\"\n          page={page + 1}\n          type=\"next\"\n          {...hrefProps}\n        />\n      );\n    case \"first\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"First page\"\n          page={1}\n          type=\"first\"\n          {...hrefProps}\n        />\n      );\n    case \"last\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Last page\"\n          page={item.page ?? page}\n          type=\"last\"\n          {...hrefProps}\n        />\n      );\n    default:\n      return (\n        <PaginationLink\n          disabled={item.disabled}\n          page={item.page ?? 1}\n          selected={item.selected}\n          {...hrefProps}\n        />\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList<TAs extends ElementType = \"ol\">(\n  props: PaginationListProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationListProps<\"ol\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: consumerProps,\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationItemPart<TAs extends ElementType = \"li\">(\n  props: PaginationItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as PaginationItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationLink<TAs extends ElementType = \"a\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    getPageHref,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"a\">;\n\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const Tag = href ? \"a\" : \"span\";\n\n  return useRenderElement({\n    as: as ?? Tag,\n    defaultTag: Tag,\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"aria-disabled\": disabled ? true : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-type\": \"page\",\n      href,\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationNavControl({\n  disabled,\n  getPageHref,\n  label,\n  page,\n  type,\n}: {\n  readonly disabled: boolean;\n  readonly getPageHref?: (page: number) => string;\n  readonly label: string;\n  readonly page: number;\n  readonly type: \"previous\" | \"next\" | \"first\" | \"last\";\n}): ReactElement {\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const labelText =\n    type === \"previous\"\n      ? \"Previous\"\n      : type === \"next\"\n        ? \"Next\"\n        : type === \"first\"\n          ? \"First\"\n          : \"Last\";\n\n  return (\n    <PaginationItemPart>\n      {href ? (\n        <a aria-label={label} data-type={type} href={href}>\n          {labelText}\n        </a>\n      ) : (\n        <span aria-disabled={disabled ? true : undefined} aria-label={label} data-type={type}>\n          {labelText}\n        </span>\n      )}\n    </PaginationItemPart>\n  );\n}\nPaginationNavControl.displayName = \"PaginationNavControl\";\n\nexport function PaginationEllipsis<TAs extends ElementType = \"span\">(\n  props: PaginationEllipsisProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationEllipsisProps<\"span\">;\n  const element = useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-type\": \"ellipsis\",\n      children: \"…\",\n    },\n    render,\n    state: {},\n  });\n\n  return <PaginationItemPart>{element}</PaginationItemPart>;\n}\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsis,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["buildPaginationItems"]}
+{"version":3,"sources":["../../../src/components/pagination/PaginationShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\n\nimport type {\n  PaginationItem,\n  PaginationRootProps,\n  PaginationListProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationEllipsisProps,\n} from \"./types.js\";\n\nexport { buildPaginationItems } from \"./pagination-engine.js\";\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount = 1,\n    count,\n    disabled = false,\n    getPageHref,\n    page = 1,\n    showFirstLast = false,\n    siblingCount = 1,\n    children,\n    defaultPage: _defaultPage,\n    onPageChange: _onPageChange,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const items = buildPaginationItems(\n    count,\n    page,\n    siblingCount,\n    boundaryCount,\n    disabled,\n    showFirstLast,\n  );\n\n  const content = children ?? (\n    <ol>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          page={page}\n          {...paginationHrefProps(getPageHref)}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: content,\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page },\n  });\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction paginationHrefProps(getPageHref?: (page: number) => string): {\n  readonly getPageHref?: (page: number) => string;\n} {\n  return getPageHref ? { getPageHref } : {};\n}\n\nfunction PaginationItemRenderer({\n  getPageHref,\n  item,\n  page,\n}: {\n  readonly getPageHref?: (page: number) => string;\n  readonly item: PaginationItem;\n  readonly page: number;\n}): ReactElement {\n  const hrefProps = paginationHrefProps(getPageHref);\n\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsis />;\n    case \"previous\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Previous page\"\n          page={page - 1}\n          type=\"previous\"\n          {...hrefProps}\n        />\n      );\n    case \"next\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Next page\"\n          page={page + 1}\n          type=\"next\"\n          {...hrefProps}\n        />\n      );\n    case \"first\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"First page\"\n          page={1}\n          type=\"first\"\n          {...hrefProps}\n        />\n      );\n    case \"last\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Last page\"\n          page={item.page ?? page}\n          type=\"last\"\n          {...hrefProps}\n        />\n      );\n    default:\n      return (\n        <PaginationLink\n          disabled={item.disabled}\n          page={item.page ?? 1}\n          selected={item.selected}\n          {...hrefProps}\n        />\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList<TAs extends ElementType = \"ol\">(\n  props: PaginationListProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationListProps<\"ol\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: consumerProps,\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationItemPart<TAs extends ElementType = \"li\">(\n  props: PaginationItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as PaginationItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationLink<TAs extends ElementType = \"a\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    getPageHref,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"a\">;\n\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const Tag = href ? \"a\" : \"span\";\n\n  return useRenderElement({\n    as: as ?? Tag,\n    defaultTag: Tag,\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"aria-disabled\": disabled ? true : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-type\": \"page\",\n      href,\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationNavControl({\n  disabled,\n  getPageHref,\n  label,\n  page,\n  type,\n}: {\n  readonly disabled: boolean;\n  readonly getPageHref?: (page: number) => string;\n  readonly label: string;\n  readonly page: number;\n  readonly type: \"previous\" | \"next\" | \"first\" | \"last\";\n}): ReactElement {\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const labelText =\n    type === \"previous\"\n      ? \"Previous\"\n      : type === \"next\"\n        ? \"Next\"\n        : type === \"first\"\n          ? \"First\"\n          : \"Last\";\n\n  return (\n    <PaginationItemPart>\n      {href ? (\n        <a aria-label={label} data-type={type} href={href}>\n          {labelText}\n        </a>\n      ) : (\n        <span aria-disabled={disabled ? true : undefined} aria-label={label} data-type={type}>\n          {labelText}\n        </span>\n      )}\n    </PaginationItemPart>\n  );\n}\nPaginationNavControl.displayName = \"PaginationNavControl\";\n\nexport function PaginationEllipsis<TAs extends ElementType = \"span\">(\n  props: PaginationEllipsisProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationEllipsisProps<\"span\">;\n  const element = useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-type\": \"ellipsis\",\n      children: \"…\",\n    },\n    render,\n    state: {},\n  });\n\n  return <PaginationItemPart>{element}</PaginationItemPart>;\n}\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsis,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"AA+CQ;AA9CR,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAWrC,SAAS,wBAAAA,6BAA4B;AAE9B,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc,YAAY;AAAA,IAC1B,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,YACd,oBAAC,QACE,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA;AAAA,MACC,GAAG,oBAAoB,WAAW;AAAA;AAAA,IAF9B,GAAG,KAAK,IAAI,IAAI,KAAK,QAAQ,KAAK;AAAA,EAGzC,CACD,GACH;AAGF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,UAAU;AAAA,MACV,yBAAyB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,OAAO,EAAE,KAAK;AAAA,EAChB,CAAC;AACH;AACA,eAAe,cAAc;AAE7B,SAAS,oBAAoB,aAE3B;AACA,SAAO,cAAc,EAAE,YAAY,IAAI,CAAC;AAC1C;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIiB;AACf,QAAM,YAAY,oBAAoB,WAAW;AAEjD,UAAQ,KAAK,MAAM;AAAA,IACjB,KAAK;AACH,aAAO,oBAAC,sBAAmB;AAAA,IAC7B,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,OAAM;AAAA,UACN,MAAM,OAAO;AAAA,UACb,MAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,OAAM;AAAA,UACN,MAAM,OAAO;AAAA,UACb,MAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,OAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,OAAM;AAAA,UACN,MAAM,KAAK,QAAQ;AAAA,UACnB,MAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,MAAM,KAAK,QAAQ;AAAA,UACnB,UAAU,KAAK;AAAA,UACd,GAAG;AAAA;AAAA,MACN;AAAA,EAEN;AACF;AACA,uBAAuB,cAAc;AAE9B,SAAS,eACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AAEzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,mBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AAEnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,SAAS;AAAA,IACpC;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,OAAO,CAAC,YAAY,cAAc,YAAY,IAAI,IAAI;AAC5D,QAAM,MAAM,OAAO,MAAM;AAEzB,SAAO,iBAAiB;AAAA,IACtB,IAAI,MAAM;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gBAAgB,WAAW,SAAS;AAAA,MACpC,cAAc,QAAQ,IAAI;AAAA,MAC1B,iBAAiB,WAAW,OAAO;AAAA,MACnC,iBAAiB,WAAW,KAAK;AAAA,MACjC,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMiB;AACf,QAAM,OAAO,CAAC,YAAY,cAAc,YAAY,IAAI,IAAI;AAC5D,QAAM,YACJ,SAAS,aACL,aACA,SAAS,SACP,SACA,SAAS,UACP,UACA;AAEV,SACE,oBAAC,sBACE,iBACC,oBAAC,OAAE,cAAY,OAAO,aAAW,MAAM,MACpC,qBACH,IAEA,oBAAC,UAAK,iBAAe,WAAW,OAAO,QAAW,cAAY,OAAO,aAAW,MAC7E,qBACH,GAEJ;AAEJ;AACA,qBAAqB,cAAc;AAE5B,SAAS,mBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,QAAM,UAAU,iBAAiB;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,oBAAC,sBAAoB,mBAAQ;AACtC;AACA,mBAAmB,cAAc;AAE1B,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","names":["buildPaginationItems"]}

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

@@ -19,7 +19,7 @@ export interface UsePaginationParams {
     readonly count: number;
     readonly defaultPage?: number;
     readonly disabled?: boolean;
-    readonly onChange?: (page: number) => void;
+    readonly onPageChange?: (page: number) => void;
     readonly page?: number;
     readonly showFirstLast?: boolean;
     readonly siblingCount?: number;

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

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

package/dist/components/pagination/use-pagination.js

@@ -8,14 +8,14 @@ function usePagination(params) {
     count,
     defaultPage = 1,
     disabled = false,
-    onChange,
+    onPageChange,
     page: controlledPage,
     showFirstLast = false,
     siblingCount = 1
   } = params;
   const [page, setPageState] = useControllableState({
     defaultValue: defaultPage,
-    onChange,
+    onChange: onPageChange,
     value: controlledPage
   });
   const items = useMemo(

package/dist/components/pagination/use-pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\nimport type { UsePaginationParams, UsePaginationReturn } from \"./types.js\";\n\nexport function usePagination(params: UsePaginationParams): UsePaginationReturn {\n  const {\n    boundaryCount = 1,\n    count,\n    defaultPage = 1,\n    disabled = false,\n    onChange,\n    page: controlledPage,\n    showFirstLast = false,\n    siblingCount = 1,\n  } = params;\n\n  const [page, setPageState] = useControllableState({\n    defaultValue: defaultPage,\n    onChange,\n    value: controlledPage,\n  });\n\n  const items = useMemo(\n    () => buildPaginationItems(count, page, siblingCount, boundaryCount, disabled, showFirstLast),\n    [boundaryCount, count, disabled, page, showFirstLast, siblingCount],\n  );\n\n  const setPage = (next: number) => {\n    const clamped = count <= 0 ? 1 : Math.max(1, Math.min(count, next));\n    setPageState(clamped);\n  };\n\n  return { items, page, setPage };\n}\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAG9B,SAAS,cAAc,QAAkD;AAC9E,QAAM;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,CAAC,MAAM,YAAY,IAAI,qBAAqB;AAAA,IAChD,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ,MAAM,qBAAqB,OAAO,MAAM,cAAc,eAAe,UAAU,aAAa;AAAA,IAC5F,CAAC,eAAe,OAAO,UAAU,MAAM,eAAe,YAAY;AAAA,EACpE;AAEA,QAAM,UAAU,CAAC,SAAiB;AAChC,UAAM,UAAU,SAAS,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC;AAClE,iBAAa,OAAO;AAAA,EACtB;AAEA,SAAO,EAAE,OAAO,MAAM,QAAQ;AAChC;","names":[]}
+{"version":3,"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\nimport type { UsePaginationParams, UsePaginationReturn } from \"./types.js\";\n\nexport function usePagination(params: UsePaginationParams): UsePaginationReturn {\n  const {\n    boundaryCount = 1,\n    count,\n    defaultPage = 1,\n    disabled = false,\n    onPageChange,\n    page: controlledPage,\n    showFirstLast = false,\n    siblingCount = 1,\n  } = params;\n\n  const [page, setPageState] = useControllableState({\n    defaultValue: defaultPage,\n    onChange: onPageChange,\n    value: controlledPage,\n  });\n\n  const items = useMemo(\n    () => buildPaginationItems(count, page, siblingCount, boundaryCount, disabled, showFirstLast),\n    [boundaryCount, count, disabled, page, showFirstLast, siblingCount],\n  );\n\n  const setPage = (next: number) => {\n    const clamped = count <= 0 ? 1 : Math.max(1, Math.min(count, next));\n    setPageState(clamped);\n  };\n\n  return { items, page, setPage };\n}\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAG9B,SAAS,cAAc,QAAkD;AAC9E,QAAM;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,CAAC,MAAM,YAAY,IAAI,qBAAqB;AAAA,IAChD,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,EACT,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ,MAAM,qBAAqB,OAAO,MAAM,cAAc,eAAe,UAAU,aAAa;AAAA,IAC5F,CAAC,eAAe,OAAO,UAAU,MAAM,eAAe,YAAY;AAAA,EACpE;AAEA,QAAM,UAAU,CAAC,SAAiB;AAChC,UAAM,UAAU,SAAS,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC;AAClE,iBAAa,OAAO;AAAA,EACtB;AAEA,SAAO,EAAE,OAAO,MAAM,QAAQ;AAChC;","names":[]}

package/dist/components/segmented-control/client/SegmentedControlClient.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { SegmentedControlClientProps } from "../types.js";
-export declare function SegmentedControlClient({ id, items, value: controlledValue, defaultValue, onChange, disabled, orientation, fullWidth, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SegmentedControlClientProps): ReactElement;
+export declare function SegmentedControlClient({ id, items, value: controlledValue, defaultValue, onValueChange, disabled, orientation, fullWidth, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SegmentedControlClientProps): ReactElement;
 export declare namespace SegmentedControlClient {
     var displayName: string;
 }

package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlClient.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAwB,MAAM,aAAa,CAAC;AAErF,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,WAA0B,EAC1B,SAAiB,EACjB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,2BAA2B,GAAG,YAAY,CAiC5C;yBA7Ce,sBAAsB"}
+{"version":3,"file":"SegmentedControlClient.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAwB,MAAM,aAAa,CAAC;AAErF,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,WAA0B,EAC1B,SAAiB,EACjB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,2BAA2B,GAAG,YAAY,CAiC5C;yBA7Ce,sBAAsB"}

package/dist/components/segmented-control/client/SegmentedControlClient.js

@@ -7,7 +7,7 @@ function SegmentedControlClient({
   items,
   value: controlledValue,
   defaultValue,
-  onChange,
+  onValueChange,
   disabled = false,
   orientation = "horizontal",
   fullWidth = false,
@@ -18,7 +18,7 @@ function SegmentedControlClient({
   const [selectedValue, setSelectedValue] = useControllableState({
     defaultValue,
     onChange: (nextValue) => {
-      if (nextValue !== void 0) onChange?.(nextValue);
+      if (nextValue !== void 0) onValueChange?.(nextValue);
     },
     value: controlledValue
   });

package/dist/components/segmented-control/client/SegmentedControlClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { SegmentedControlClientProps, SegmentedControlItem } from \"../types.js\";\n\nexport function SegmentedControlClient({\n  id,\n  items,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  disabled = false,\n  orientation = \"horizontal\",\n  fullWidth = false,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: SegmentedControlClientProps): ReactElement {\n  const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n    defaultValue,\n    onChange: (nextValue) => {\n      if (nextValue !== undefined) onChange?.(nextValue);\n    },\n    value: controlledValue,\n  });\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<SegmentedControlItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => item.value === selectedValue}\n      isControlled={controlledValue !== undefined}\n      kind=\"single\"\n      namespace=\"segmented-control\"\n      onItemChange={(item) => setSelectedValue(item.value)}\n      orientation={orientation}\n      rootAttributes={{\n        role: \"radiogroup\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n        \"data-full-width\": fullWidth ? \"\" : undefined,\n      }}\n    />\n  );\n}\n\nSegmentedControlClient.displayName = \"SegmentedControlClient\";\n"],"mappings":";AAiCI;AA9BJ,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAGrB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAA8C;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,qBAAyC;AAAA,IACjF;AAAA,IACA,UAAU,CAAC,cAAc;AACvB,UAAI,cAAc,OAAW,YAAW,SAAS;AAAA,IACnD;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AACD,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,cAAc,oBAAoB;AAAA,MAClC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SAAS,iBAAiB,KAAK,KAAK;AAAA,MACnD;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,QACjC,mBAAmB,YAAY,KAAK;AAAA,MACtC;AAAA;AAAA,EACF;AAEJ;AAEA,uBAAuB,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/segmented-control/client/SegmentedControlClient.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\nimport { useControllableState } from \"@gunkin/uiify/hooks\";\nimport { ChoiceGroup } from \"../../internal/choice-family/ChoiceGroup.js\";\nimport type { SegmentedControlClientProps, SegmentedControlItem } from \"../types.js\";\n\nexport function SegmentedControlClient({\n  id,\n  items,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  orientation = \"horizontal\",\n  fullWidth = false,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: SegmentedControlClientProps): ReactElement {\n  const [selectedValue, setSelectedValue] = useControllableState<string | undefined>({\n    defaultValue,\n    onChange: (nextValue) => {\n      if (nextValue !== undefined) onValueChange?.(nextValue);\n    },\n    value: controlledValue,\n  });\n  const resolvedItems = items.map((item) => ({\n    ...item,\n    disabled: disabled || item.disabled === true,\n  }));\n\n  return (\n    <ChoiceGroup<SegmentedControlItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={resolvedItems}\n      isChecked={(item) => item.value === selectedValue}\n      isControlled={controlledValue !== undefined}\n      kind=\"single\"\n      namespace=\"segmented-control\"\n      onItemChange={(item) => setSelectedValue(item.value)}\n      orientation={orientation}\n      rootAttributes={{\n        role: \"radiogroup\",\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"data-disabled\": disabled ? \"\" : undefined,\n        \"data-full-width\": fullWidth ? \"\" : undefined,\n      }}\n    />\n  );\n}\n\nSegmentedControlClient.displayName = \"SegmentedControlClient\";\n"],"mappings":";AAiCI;AA9BJ,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAGrB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAA8C;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,qBAAyC;AAAA,IACjF;AAAA,IACA,UAAU,CAAC,cAAc;AACvB,UAAI,cAAc,OAAW,iBAAgB,SAAS;AAAA,IACxD;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AACD,QAAM,gBAAgB,MAAM,IAAI,CAAC,UAAU;AAAA,IACzC,GAAG;AAAA,IACH,UAAU,YAAY,KAAK,aAAa;AAAA,EAC1C,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,MACP,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,cAAc,oBAAoB;AAAA,MAClC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAc,CAAC,SAAS,iBAAiB,KAAK,KAAK;AAAA,MACnD;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,iBAAiB,WAAW,KAAK;AAAA,QACjC,mBAAmB,YAAY,KAAK;AAAA,MACtC;AAAA;AAAA,EACF;AAEJ;AAEA,uBAAuB,cAAc;","names":[]}

package/dist/components/segmented-control/types.d.ts

@@ -14,6 +14,6 @@ export interface SegmentedControlProps {
 }
 export interface SegmentedControlClientProps extends SegmentedControlProps {
     readonly value?: string;
-    readonly onChange?: (value: string) => void;
+    readonly onValueChange?: (value: string) => void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/segmented-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD"}

package/dist/components/spinner/Spinner.js

@@ -8,7 +8,7 @@ function Spinner(props) {
     delay = 0,
     label = "Loading",
     showLabel = false,
-    size = "default",
+    size = "md",
     children,
     ...consumerProps
   } = props;

package/dist/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport type { SpinnerOwnProps, SpinnerProps } from \"./types.js\";\n\nexport function Spinner<TAs extends ElementType = \"div\">(\n  props: SpinnerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    align,\n    render,\n    delay = 0,\n    label = \"Loading\",\n    showLabel = false,\n    size = \"default\",\n    children,\n    ...consumerProps\n  } = props as PolymorphicProps<\"div\", SpinnerOwnProps>;\n\n  const visible = delay === 0;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"aria-live\": \"polite\",\n      \"data-align\": align,\n      \"data-delay\": delay > 0 ? `${delay}ms` : undefined,\n      \"data-size\": size,\n      \"data-state\": visible ? \"visible\" : \"delayed\",\n      \"data-uiify-spinner\": \"\",\n      role: \"status\",\n      children: (\n        <>\n          {showLabel ? <span data-part=\"label\">{label}</span> : null}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: { visible },\n  });\n}\nSpinner.displayName = \"Spinner\";\n"],"mappings":"AAoCQ,mBACe,KADf;AAnCR,SAAS,wBAAwB;AAI1B,SAAS,QACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,UAAU,UAAU;AAE1B,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,cAAc,QAAQ,IAAI,GAAG,KAAK,OAAO;AAAA,MACzC,aAAa;AAAA,MACb,cAAc,UAAU,YAAY;AAAA,MACpC,sBAAsB;AAAA,MACtB,MAAM;AAAA,MACN,UACE,iCACG;AAAA,oBAAY,oBAAC,UAAK,aAAU,SAAS,iBAAM,IAAU;AAAA,QACrD;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,EACnB,CAAC;AACH;AACA,QAAQ,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport type { SpinnerOwnProps, SpinnerProps } from \"./types.js\";\n\nexport function Spinner<TAs extends ElementType = \"div\">(\n  props: SpinnerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    align,\n    render,\n    delay = 0,\n    label = \"Loading\",\n    showLabel = false,\n    size = \"md\",\n    children,\n    ...consumerProps\n  } = props as PolymorphicProps<\"div\", SpinnerOwnProps>;\n\n  const visible = delay === 0;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"aria-live\": \"polite\",\n      \"data-align\": align,\n      \"data-delay\": delay > 0 ? `${delay}ms` : undefined,\n      \"data-size\": size,\n      \"data-state\": visible ? \"visible\" : \"delayed\",\n      \"data-uiify-spinner\": \"\",\n      role: \"status\",\n      children: (\n        <>\n          {showLabel ? <span data-part=\"label\">{label}</span> : null}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: { visible },\n  });\n}\nSpinner.displayName = \"Spinner\";\n"],"mappings":"AAoCQ,mBACe,KADf;AAnCR,SAAS,wBAAwB;AAI1B,SAAS,QACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,UAAU,UAAU;AAE1B,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,cAAc,QAAQ,IAAI,GAAG,KAAK,OAAO;AAAA,MACzC,aAAa;AAAA,MACb,cAAc,UAAU,YAAY;AAAA,MACpC,sBAAsB;AAAA,MACtB,MAAM;AAAA,MACN,UACE,iCACG;AAAA,oBAAY,oBAAC,UAAK,aAAU,SAAS,iBAAM,IAAU;AAAA,QACrD;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,EACnB,CAAC;AACH;AACA,QAAQ,cAAc;","names":[]}

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

@@ -1,7 +1,7 @@
 import type { ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
 export type SpinnerAlign = "center" | "fixed" | "absolute";
-export type SpinnerSize = "small" | "default" | "large";
+export type SpinnerSize = "sm" | "md" | "lg";
 export interface SpinnerOwnProps {
     readonly align?: SpinnerAlign;
     readonly children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACzE,GAAG,EACH,eAAe,EACf;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACzE,GAAG,EACH,eAAe,EACf;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,WAAW,CACZ,CAAC"}

package/dist/components/tags-input/TagsInput.js

@@ -26,7 +26,7 @@ function TagsInputRoot(props) {
     delimiters = [","],
     disabled = false,
     maxTags,
-    onChange,
+    onValueChange,
     validate,
     value: controlledValue
   } = props;
@@ -36,7 +36,7 @@ function TagsInputRoot(props) {
   const [tags, setTags] = useControllableState({
     defaultValue: [...defaultValue],
     ...controlledValue !== void 0 ? { value: [...controlledValue] } : {},
-    ...onChange ? { onChange } : {}
+    ...onValueChange ? { onChange: onValueChange } : {}
   });
   const storeRef = useRef(null);
   storeRef.current ??= createTagsInputStore(tags, {

package/dist/components/tags-input/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tags-input/TagsInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ElementType, KeyboardEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createTagsInputStore, splitTags } from \"./tags-input-store.js\";\nimport type {\n  TagsInputStore,\n  TagsInputContextValue,\n  TagsInputRootProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputTagProps,\n  TagsInputTagRemoveOwnProps,\n} from \"./types.js\";\n\nconst [TagsInputProvider, useTagsInputContext] =\n  createPartContext<TagsInputContextValue>(\"TagsInput\");\n\nexport function TagsInputRoot(props: TagsInputRootProps): ReactElement | null {\n  const {\n    addOnPaste = true,\n    allowDuplicates = false,\n    children,\n    className,\n    defaultValue = [],\n    delimiters = [\",\"],\n    disabled = false,\n    maxTags,\n    onChange,\n    validate,\n    value: controlledValue,\n  } = props;\n\n  const listId = useId();\n  const inputId = useId();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [tags, setTags] = useControllableState<string[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onChange ? { onChange } : {}),\n  });\n\n  const storeRef = useRef<TagsInputStore | null>(null);\n  storeRef.current ??= createTagsInputStore(tags, {\n    allowDuplicates,\n    ...(maxTags !== undefined ? { maxTags } : {}),\n    ...(validate ? { validate } : {}),\n  });\n  const store = storeRef.current;\n\n  useIsomorphicLayoutEffect(() => {\n    store.setTags(tags);\n    store.updateOptions({\n      allowDuplicates,\n      ...(maxTags !== undefined ? { maxTags } : {}),\n      ...(validate ? { validate } : {}),\n    });\n  }, [allowDuplicates, maxTags, store, tags, validate]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      if (disabled) return;\n      if (store.addTag(tag)) {\n        setTags(store.getTags());\n        setInputValue(\"\");\n      }\n    },\n    [disabled, setTags, store],\n  );\n\n  const removeAt = useCallback(\n    (index: number) => {\n      if (disabled) return;\n      store.removeAt(index);\n      setTags(store.getTags());\n    },\n    [disabled, setTags, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    }),\n    [\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    ],\n  );\n\n  return (\n    <TagsInputProvider value={contextValue}>\n      <div className={className} data-disabled={disabled ? \"\" : undefined} data-uiify-tags-input=\"\">\n        {children}\n      </div>\n    </TagsInputProvider>\n  );\n}\nTagsInputRoot.displayName = \"TagsInputRoot\";\n\nexport function TagsInputInput<TAs extends ElementType = \"input\">(\n  props: TagsInputInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, placeholder, ...consumerProps } =\n    props as TagsInputInputProps<\"input\">;\n  const {\n    addOnPaste,\n    addTag,\n    delimiters,\n    disabled,\n    inputId,\n    inputValue,\n    listId,\n    removeAt,\n    setInputValue,\n    store,\n  } = useTagsInputContext(\"Input\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n  const {\n    onChange: consumerOnChange,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const commitInput = () => {\n    if (inputValue.trim()) addTag(inputValue);\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" || delimiters.includes(event.key)) {\n      event.preventDefault();\n      commitInput();\n    } else if (event.key === \"Backspace\" && !inputValue && tags.length > 0) {\n      event.preventDefault();\n      removeAt(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!addOnPaste) return;\n    const text = event.clipboardData.getData(\"text\");\n    const splitChars = [...delimiters, \"\\n\", \"\\t\"];\n    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;\n    event.preventDefault();\n    const parts = splitTags(text, splitChars);\n    for (const part of parts) addTag(part);\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      type: \"text\",\n      role: \"combobox\",\n      \"aria-controls\": listId,\n      \"aria-expanded\": false,\n      disabled: disabled || undefined,\n      \"data-part\": \"input\",\n      value: inputValue,\n      placeholder,\n      ...(className ? { className } : {}),\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function TagsInputList(props: TagsInputListOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const { listId, store } = useTagsInputContext(\"List\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n\n  return (\n    <RovingFocusRoot\n      as=\"ul\"\n      id={listId}\n      orientation=\"horizontal\"\n      {...(className ? { className } : {})}\n      data-part=\"list\"\n    >\n      {tags.map((tag, index) => (\n        <li data-index={index} data-value={tag} key={`${tag}-${index}`}>\n          {tag}\n        </li>\n      ))}\n      {/* A <ul> may only contain <li>, so a non-<li> child (typically TagsInput.Input)\n          needs one too — leaving it bare made the list malformed, a serious axe\n          violation. TagsInputTag already renders its own <li>; wrapping it again\n          would nest <li> inside <li>, an invalid, hydration-breaking tree. */}\n      {Children.map(children, (child) =>\n        isValidElement(child) && child.type === TagsInputTag ? (\n          child\n        ) : (\n          <li data-part=\"input-slot\">{child}</li>\n        ),\n      )}\n    </RovingFocusRoot>\n  );\n}\nTagsInputList.displayName = \"TagsInputList\";\n\nexport function TagsInputTag<TAs extends ElementType = \"li\">(\n  props: TagsInputTagProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, value, ...consumerProps } =\n    props as TagsInputTagProps<\"li\">;\n  const { disabled, removeAt } = useTagsInputContext(\"Tag\");\n  const { onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Backspace\" || event.key === \"Delete\") {\n      event.preventDefault();\n      removeAt(index);\n    }\n  };\n\n  const tagProps = {\n    ...consumerProps,\n    role: \"listitem\",\n    \"data-part\": \"tag\",\n    \"data-value\": value,\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={(renderProps, state) => render(renderProps, { current: state.current })}\n        textValue={value}\n        {...(tagProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"li\"}\n      disabled={disabled}\n      textValue={value}\n      {...(tagProps as object)}\n    />\n  );\n}\nTagsInputTag.displayName = \"TagsInputTag\";\n\nexport function TagsInputTagRemove(props: TagsInputTagRemoveOwnProps): ReactElement | null {\n  const { className, index } = props;\n  const { disabled, removeAt } = useTagsInputContext(\"TagRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove tag\",\n      \"data-part\": \"tag-remove\",\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onClick: () => removeAt(index),\n    },\n    state: { disabled },\n  });\n}\n\nexport const TagsInput = {\n  Input: TagsInputInput,\n  List: TagsInputList,\n  Root: TagsInputRoot,\n  Tag: TagsInputTag,\n  TagRemove: TagsInputTagRemove,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/tags-input/TagsInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ElementType, KeyboardEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createTagsInputStore, splitTags } from \"./tags-input-store.js\";\nimport type {\n  TagsInputStore,\n  TagsInputContextValue,\n  TagsInputRootProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputTagProps,\n  TagsInputTagRemoveOwnProps,\n} from \"./types.js\";\n\nconst [TagsInputProvider, useTagsInputContext] =\n  createPartContext<TagsInputContextValue>(\"TagsInput\");\n\nexport function TagsInputRoot(props: TagsInputRootProps): ReactElement | null {\n  const {\n    addOnPaste = true,\n    allowDuplicates = false,\n    children,\n    className,\n    defaultValue = [],\n    delimiters = [\",\"],\n    disabled = false,\n    maxTags,\n    onValueChange,\n    validate,\n    value: controlledValue,\n  } = props;\n\n  const listId = useId();\n  const inputId = useId();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [tags, setTags] = useControllableState<string[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n\n  const storeRef = useRef<TagsInputStore | null>(null);\n  storeRef.current ??= createTagsInputStore(tags, {\n    allowDuplicates,\n    ...(maxTags !== undefined ? { maxTags } : {}),\n    ...(validate ? { validate } : {}),\n  });\n  const store = storeRef.current;\n\n  useIsomorphicLayoutEffect(() => {\n    store.setTags(tags);\n    store.updateOptions({\n      allowDuplicates,\n      ...(maxTags !== undefined ? { maxTags } : {}),\n      ...(validate ? { validate } : {}),\n    });\n  }, [allowDuplicates, maxTags, store, tags, validate]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      if (disabled) return;\n      if (store.addTag(tag)) {\n        setTags(store.getTags());\n        setInputValue(\"\");\n      }\n    },\n    [disabled, setTags, store],\n  );\n\n  const removeAt = useCallback(\n    (index: number) => {\n      if (disabled) return;\n      store.removeAt(index);\n      setTags(store.getTags());\n    },\n    [disabled, setTags, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    }),\n    [\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    ],\n  );\n\n  return (\n    <TagsInputProvider value={contextValue}>\n      <div className={className} data-disabled={disabled ? \"\" : undefined} data-uiify-tags-input=\"\">\n        {children}\n      </div>\n    </TagsInputProvider>\n  );\n}\nTagsInputRoot.displayName = \"TagsInputRoot\";\n\nexport function TagsInputInput<TAs extends ElementType = \"input\">(\n  props: TagsInputInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, placeholder, ...consumerProps } =\n    props as TagsInputInputProps<\"input\">;\n  const {\n    addOnPaste,\n    addTag,\n    delimiters,\n    disabled,\n    inputId,\n    inputValue,\n    listId,\n    removeAt,\n    setInputValue,\n    store,\n  } = useTagsInputContext(\"Input\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n  const {\n    onChange: consumerOnChange,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const commitInput = () => {\n    if (inputValue.trim()) addTag(inputValue);\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" || delimiters.includes(event.key)) {\n      event.preventDefault();\n      commitInput();\n    } else if (event.key === \"Backspace\" && !inputValue && tags.length > 0) {\n      event.preventDefault();\n      removeAt(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!addOnPaste) return;\n    const text = event.clipboardData.getData(\"text\");\n    const splitChars = [...delimiters, \"\\n\", \"\\t\"];\n    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;\n    event.preventDefault();\n    const parts = splitTags(text, splitChars);\n    for (const part of parts) addTag(part);\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      type: \"text\",\n      role: \"combobox\",\n      \"aria-controls\": listId,\n      \"aria-expanded\": false,\n      disabled: disabled || undefined,\n      \"data-part\": \"input\",\n      value: inputValue,\n      placeholder,\n      ...(className ? { className } : {}),\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function TagsInputList(props: TagsInputListOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const { listId, store } = useTagsInputContext(\"List\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n\n  return (\n    <RovingFocusRoot\n      as=\"ul\"\n      id={listId}\n      orientation=\"horizontal\"\n      {...(className ? { className } : {})}\n      data-part=\"list\"\n    >\n      {tags.map((tag, index) => (\n        <li data-index={index} data-value={tag} key={`${tag}-${index}`}>\n          {tag}\n        </li>\n      ))}\n      {/* A <ul> may only contain <li>, so a non-<li> child (typically TagsInput.Input)\n          needs one too — leaving it bare made the list malformed, a serious axe\n          violation. TagsInputTag already renders its own <li>; wrapping it again\n          would nest <li> inside <li>, an invalid, hydration-breaking tree. */}\n      {Children.map(children, (child) =>\n        isValidElement(child) && child.type === TagsInputTag ? (\n          child\n        ) : (\n          <li data-part=\"input-slot\">{child}</li>\n        ),\n      )}\n    </RovingFocusRoot>\n  );\n}\nTagsInputList.displayName = \"TagsInputList\";\n\nexport function TagsInputTag<TAs extends ElementType = \"li\">(\n  props: TagsInputTagProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, value, ...consumerProps } =\n    props as TagsInputTagProps<\"li\">;\n  const { disabled, removeAt } = useTagsInputContext(\"Tag\");\n  const { onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Backspace\" || event.key === \"Delete\") {\n      event.preventDefault();\n      removeAt(index);\n    }\n  };\n\n  const tagProps = {\n    ...consumerProps,\n    role: \"listitem\",\n    \"data-part\": \"tag\",\n    \"data-value\": value,\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={(renderProps, state) => render(renderProps, { current: state.current })}\n        textValue={value}\n        {...(tagProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"li\"}\n      disabled={disabled}\n      textValue={value}\n      {...(tagProps as object)}\n    />\n  );\n}\nTagsInputTag.displayName = \"TagsInputTag\";\n\nexport function TagsInputTagRemove(props: TagsInputTagRemoveOwnProps): ReactElement | null {\n  const { className, index } = props;\n  const { disabled, removeAt } = useTagsInputContext(\"TagRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove tag\",\n      \"data-part\": \"tag-remove\",\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onClick: () => removeAt(index),\n    },\n    state: { disabled },\n  });\n}\n\nexport const TagsInput = {\n  Input: TagsInputInput,\n  List: TagsInputList,\n  Root: TagsInputRoot,\n  Tag: TagsInputTag,\n  TagRemove: TagsInputTagRemove,\n};\n"],"mappings":"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","names":[]}

package/dist/components/tags-input/types.d.ts

@@ -40,7 +40,7 @@ export interface TagsInputRootShellOwnProps {
     readonly validate?: (tag: string) => boolean;
 }
 export interface TagsInputRootControlledOwnProps {
-    readonly onChange?: (tags: string[]) => void;
+    readonly onValueChange?: (tags: string[]) => void;
     readonly value?: readonly string[];
 }
 export interface TagsInputRootShellProps extends TagsInputRootShellOwnProps {

package/dist/components/tags-input/types.d.ts.map

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

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

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

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

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

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

@@ -14,7 +14,7 @@ function ToggleGroupClient({
   type = "single",
   value: controlledValue,
   defaultValue,
-  onChange,
+  onValueChange,
   disabled = false,
   orientation = "horizontal",
   className,
@@ -33,7 +33,7 @@ function ToggleGroupClient({
         disabled,
         id,
         items,
-        onChange,
+        onValueChange,
         orientation
       }
     );
@@ -49,7 +49,7 @@ function ToggleGroupClient({
       disabled,
       id,
       items,
-      onChange,
+      onValueChange,
       orientation
     }
   );
@@ -63,13 +63,13 @@ function SingleToggleGroupClient({
   disabled,
   id,
   items,
-  onChange,
+  onValueChange,
   orientation
 }) {
   const [selectedValue, setSelectedValue] = useControllableState({
     defaultValue: normalizeSingle(defaultValue),
     onChange: (nextValue) => {
-      if (nextValue !== void 0) onChange?.(nextValue);
+      if (nextValue !== void 0) onValueChange?.(nextValue);
     },
     value: normalizeSingle(controlledValue)
   });
@@ -108,12 +108,12 @@ function MultipleToggleGroupClient({
   disabled,
   id,
   items,
-  onChange,
+  onValueChange,
   orientation
 }) {
   const [selectedValues, setSelectedValues] = useControllableState({
     defaultValue: normalizeMultiple(defaultValue),
-    onChange,
+    onChange: onValueChange,
     value: controlledValue === void 0 ? void 0 : normalizeMultiple(controlledValue)
   });
   const resolvedItems = items.map((item) => ({

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

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

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

@@ -14,6 +14,6 @@ export interface ToggleGroupProps {
 }
 export interface ToggleGroupClientProps extends ToggleGroupProps {
     readonly value?: string | readonly string[];
-    readonly onChange?: (value: string | readonly string[]) => void;
+    readonly onValueChange?: (value: string | readonly string[]) => void;
 }
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/core/render-native-invoker.d.ts

@@ -2,7 +2,7 @@ import type { ElementType, ReactElement } from "react";
 export type NativeInvokerCommand = "show-modal" | "request-close";
 interface NativeInvokerOptions {
     readonly button?: boolean;
-    readonly variant?: "ghost" | "danger";
+    readonly variant?: "ghost" | "destructive";
 }
 /**
  * Render a native invoker button. `command`/`commandfor` are lowercase HTML

package/dist/core/render-native-invoker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,OAAO,GAAE,oBAAyB,GACjC,YAAY,CAWd"}
+{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CAC5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,OAAO,GAAE,oBAAyB,GACjC,YAAY,CAWd"}

package/dist/core/render-native-invoker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\ninterface NativeInvokerOptions {\n  readonly button?: boolean;\n  readonly variant?: \"ghost\" | \"danger\";\n}\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n  options: NativeInvokerOptions = {},\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...(options.button ? { \"data-uiify-button\": \"\" } : {}),\n    [marker]: \"\",\n    \"data-part\": part,\n    ...(options.variant ? { \"data-variant\": options.variant } : {}),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAoBvB,SAAS,oBACd,IACA,QACA,MACA,SACA,QACA,eACA,UAAgC,CAAC,GACnB;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAI,QAAQ,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,IACpD,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,GAAI,QAAQ,UAAU,EAAE,gBAAgB,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC7D;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\ninterface NativeInvokerOptions {\n  readonly button?: boolean;\n  readonly variant?: \"ghost\" | \"destructive\";\n}\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string,\n  part: string,\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n  options: NativeInvokerOptions = {},\n): ReactElement {\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...(options.button ? { \"data-uiify-button\": \"\" } : {}),\n    [marker]: \"\",\n    \"data-part\": part,\n    ...(options.variant ? { \"data-variant\": options.variant } : {}),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAoBvB,SAAS,oBACd,IACA,QACA,MACA,SACA,QACA,eACA,UAAgC,CAAC,GACnB;AACd,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAI,QAAQ,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,IACpD,CAAC,MAAM,GAAG;AAAA,IACV,aAAa;AAAA,IACb,GAAI,QAAQ,UAAU,EAAE,gBAAgB,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC7D;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}

package/dist/elements/choice/Choice.js

@@ -23,7 +23,7 @@ function ChoiceItem(props) {
     labelPart = false,
     labelProps,
     name,
-    onChange,
+    onValueChange,
     panel,
     panelProps,
     part = "item",
@@ -46,7 +46,7 @@ function ChoiceItem(props) {
         name: groupName,
         type: inputType,
         value,
-        ...onChange ? { onChange: () => onChange(value) } : {}
+        ...onValueChange ? { onChange: () => onValueChange(value) } : {}
       }
     ),
     /* @__PURE__ */ jsx(