@gunkin/uiify 0.0.19-alpha → 0.0.20-alpha

package/dist/components/breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EAEnB,mBAAmB,EACnB,wBAAwB,EAEzB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAerB;AAgBD,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,cAAc;;;AAyD9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAwBrB;AAED,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAClE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,CAerB;AA8BD,wBAAgB,sBAAsB,IAAI,YAAY,CAMrD;yBANe,sBAAsB;;;AAStC,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EAEnB,mBAAmB,EACnB,wBAAwB,EAEzB,MAAM,YAAY,CAAC;AAOpB,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAqBrB;AAgBD,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAuDrB;yBAzDe,cAAc;;;AA4D9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAwBrB;AAED,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAClE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,CAerB;AAkCD,wBAAgB,sBAAsB,IAAI,YAAY,CAMrD;yBANe,sBAAsB;;;AAStC,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -2,17 +2,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 import { DetailsContent, DetailsRoot, DetailsSummary } from "../../elements/details/index.js";
 import { collapseBreadcrumbItems } from "./breadcrumb-collapse.js";
+const DEFAULT_BREADCRUMB_LABELS = {
+  root: "Breadcrumb",
+  showCollapsed: "Show collapsed breadcrumbs"
+};
 function BreadcrumbRoot(props) {
   const {
     as,
     render,
-    "aria-label": ariaLabel = "Breadcrumb",
+    "aria-label": ariaLabel,
+    labels,
     ...consumerProps
   } = props;
+  const resolvedLabels = { ...DEFAULT_BREADCRUMB_LABELS, ...labels };
   return useRenderElement({
     as,
     defaultTag: "nav",
-    props: { ...consumerProps, "aria-label": ariaLabel, "data-uiify-breadcrumb": "" },
+    props: {
+      ...consumerProps,
+      "aria-label": ariaLabel ?? resolvedLabels.root,
+      "data-uiify-breadcrumb": ""
+    },
     render,
     state: {}
   });
@@ -36,12 +46,14 @@ function BreadcrumbList(props) {
     render,
     children,
     items,
+    labels,
     itemsAfterCollapse = 1,
     itemsBeforeCollapse = 1,
     maxItems,
     separator,
     ...consumerProps
   } = props;
+  const resolvedLabels = { ...DEFAULT_BREADCRUMB_LABELS, ...labels };
   if (maxItems !== void 0 && items === void 0) {
     throw new Error(
       "Breadcrumb.List: maxItems requires the data-driven `items` prop \u2014 collapsing can't safely introspect `children` (a .map() through a wrapper component hides real elements from child traversal until React actually renders them)."
@@ -56,6 +68,7 @@ function BreadcrumbList(props) {
         BreadcrumbEllipsis,
         {
           hiddenItems: collapsed.hidden,
+          labels: resolvedLabels,
           separator
         },
         "ellipsis"
@@ -125,10 +138,14 @@ function BreadcrumbSeparator(props) {
     state: {}
   });
 }
-function BreadcrumbEllipsis({ hiddenItems, separator }) {
+function BreadcrumbEllipsis({
+  hiddenItems,
+  labels,
+  separator
+}) {
   return /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
     /* @__PURE__ */ jsxs(DetailsRoot, { "data-part": "ellipsis", "data-uiify-breadcrumb": "", children: [
-      /* @__PURE__ */ jsx(DetailsSummary, { "aria-label": "Show collapsed breadcrumbs", children: "\u2026" }),
+      /* @__PURE__ */ jsx(DetailsSummary, { "aria-label": labels.showCollapsed, children: "\u2026" }),
       /* @__PURE__ */ jsx(DetailsContent, { as: "ol", children: hiddenItems.map((item) => /* @__PURE__ */ jsx(
         BreadcrumbLink,
         {

package/dist/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { ElementType, ReactElement, ReactNode } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport { collapseBreadcrumbItems } from \"./breadcrumb-collapse.js\";\nimport type {\n  BreadcrumbRootProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbItemData,\n  BreadcrumbLinkProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n} from \"./types.js\";\n\nexport function BreadcrumbRoot<TAs extends ElementType = \"nav\">(\n  props: BreadcrumbRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Breadcrumb\",\n    ...consumerProps\n  } = props as BreadcrumbRootProps<\"nav\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: { ...consumerProps, \"aria-label\": ariaLabel, \"data-uiify-breadcrumb\": \"\" },\n    render,\n    state: {},\n  });\n}\n\nfunction renderDataItem(item: BreadcrumbItemData, separator: ReactNode): ReactElement {\n  return (\n    <BreadcrumbItem key={item.key}>\n      <BreadcrumbLink\n        {...(item.current !== undefined ? { current: item.current } : {})}\n        {...(item.href !== undefined ? { href: item.href } : {})}\n      >\n        {item.label}\n      </BreadcrumbLink>\n      {separator}\n    </BreadcrumbItem>\n  );\n}\n\nexport function BreadcrumbList<TAs extends ElementType = \"ol\">(\n  props: BreadcrumbListProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    items,\n    itemsAfterCollapse = 1,\n    itemsBeforeCollapse = 1,\n    maxItems,\n    separator,\n    ...consumerProps\n  } = props as BreadcrumbListProps<\"ol\">;\n\n  if (maxItems !== undefined && items === undefined) {\n    throw new Error(\n      \"Breadcrumb.List: maxItems requires the data-driven `items` prop — collapsing can't \" +\n        \"safely introspect `children` (a .map() through a wrapper component hides real \" +\n        \"elements from child traversal until React actually renders them).\",\n    );\n  }\n\n  let content: ReactNode = children;\n  if (items !== undefined) {\n    const collapsed =\n      maxItems === undefined\n        ? undefined\n        : collapseBreadcrumbItems(items, maxItems, itemsBeforeCollapse, itemsAfterCollapse);\n\n    content = collapsed\n      ? [\n          ...collapsed.before.map((item) => renderDataItem(item, separator)),\n          <BreadcrumbEllipsis\n            hiddenItems={collapsed.hidden}\n            key=\"ellipsis\"\n            separator={separator}\n          />,\n          ...collapsed.after.map((item, index) =>\n            renderDataItem(item, index === collapsed.after.length - 1 ? null : separator),\n          ),\n        ]\n      : items.map((item, index) =>\n          renderDataItem(item, index === items.length - 1 ? null : separator),\n        );\n  }\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: { ...consumerProps, children: content, \"data-part\": \"list\" },\n    render,\n    state: {},\n  });\n}\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem<TAs extends ElementType = \"li\">(\n  props: BreadcrumbItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as BreadcrumbItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children, \"data-part\": \"item\" },\n    render,\n    state: {},\n  });\n}\n\nexport function BreadcrumbLink<TAs extends ElementType = \"a\">(\n  props: BreadcrumbLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    current = false,\n    href,\n    ...consumerProps\n  } = props as BreadcrumbLinkProps<\"a\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"a\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"link\",\n      \"aria-current\": current ? \"page\" : undefined,\n      \"data-current\": current ? \"\" : undefined,\n      href,\n      children,\n    },\n    render,\n    state: { current },\n  });\n}\n\nexport function BreadcrumbSeparator<TAs extends ElementType = \"span\">(\n  props: BreadcrumbSeparatorProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children = \"/\",\n    ...consumerProps\n  } = props as BreadcrumbSeparatorProps<\"span\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: { ...consumerProps, \"aria-hidden\": true, children, \"data-part\": \"separator\" },\n    render,\n    state: {},\n  });\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Summary`/`Details.Content` are used without a\n * `part` (this trigger and panel carry no `data-part`, unlike Accordion/Collapsible's), and\n * `Details.Content` renders as `<ol>` via `as` instead of the default `<div>`.\n */\nfunction BreadcrumbEllipsis({ hiddenItems, separator }: BreadcrumbEllipsisProps): ReactElement {\n  return (\n    <BreadcrumbItem>\n      <DetailsRoot data-part=\"ellipsis\" data-uiify-breadcrumb=\"\">\n        <DetailsSummary aria-label=\"Show collapsed breadcrumbs\">…</DetailsSummary>\n        <DetailsContent as=\"ol\">\n          {hiddenItems.map((item) => (\n            <BreadcrumbLink\n              key={item.key}\n              {...(item.current !== undefined ? { current: item.current } : {})}\n              {...(item.href !== undefined ? { href: item.href } : {})}\n            >\n              {item.label}\n            </BreadcrumbLink>\n          ))}\n        </DetailsContent>\n      </DetailsRoot>\n      {separator}\n    </BreadcrumbItem>\n  );\n}\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport function BreadcrumbEllipsisPart(): ReactElement {\n  return (\n    <BreadcrumbItem>\n      <span aria-hidden=\"true\">…</span>\n    </BreadcrumbItem>\n  );\n}\nBreadcrumbEllipsisPart.displayName = \"BreadcrumbEllipsisPart\";\n\nexport const Breadcrumb = {\n  Ellipsis: BreadcrumbEllipsisPart,\n  Item: BreadcrumbItem,\n  Link: BreadcrumbLink,\n  List: BreadcrumbList,\n  Root: BreadcrumbRoot,\n  Separator: BreadcrumbSeparator,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { ElementType, ReactElement, ReactNode } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { DetailsContent, DetailsRoot, DetailsSummary } from \"../../elements/details/index.js\";\nimport { collapseBreadcrumbItems } from \"./breadcrumb-collapse.js\";\nimport type {\n  BreadcrumbLabels,\n  BreadcrumbRootProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbItemData,\n  BreadcrumbLinkProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n} from \"./types.js\";\n\nconst DEFAULT_BREADCRUMB_LABELS: BreadcrumbLabels = {\n  root: \"Breadcrumb\",\n  showCollapsed: \"Show collapsed breadcrumbs\",\n};\n\nexport function BreadcrumbRoot<TAs extends ElementType = \"nav\">(\n  props: BreadcrumbRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    labels,\n    ...consumerProps\n  } = props as BreadcrumbRootProps<\"nav\">;\n  const resolvedLabels = { ...DEFAULT_BREADCRUMB_LABELS, ...labels };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel ?? resolvedLabels.root,\n      \"data-uiify-breadcrumb\": \"\",\n    },\n    render,\n    state: {},\n  });\n}\n\nfunction renderDataItem(item: BreadcrumbItemData, separator: ReactNode): ReactElement {\n  return (\n    <BreadcrumbItem key={item.key}>\n      <BreadcrumbLink\n        {...(item.current !== undefined ? { current: item.current } : {})}\n        {...(item.href !== undefined ? { href: item.href } : {})}\n      >\n        {item.label}\n      </BreadcrumbLink>\n      {separator}\n    </BreadcrumbItem>\n  );\n}\n\nexport function BreadcrumbList<TAs extends ElementType = \"ol\">(\n  props: BreadcrumbListProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    items,\n    labels,\n    itemsAfterCollapse = 1,\n    itemsBeforeCollapse = 1,\n    maxItems,\n    separator,\n    ...consumerProps\n  } = props as BreadcrumbListProps<\"ol\">;\n  const resolvedLabels = { ...DEFAULT_BREADCRUMB_LABELS, ...labels };\n\n  if (maxItems !== undefined && items === undefined) {\n    throw new Error(\n      \"Breadcrumb.List: maxItems requires the data-driven `items` prop — collapsing can't \" +\n        \"safely introspect `children` (a .map() through a wrapper component hides real \" +\n        \"elements from child traversal until React actually renders them).\",\n    );\n  }\n\n  let content: ReactNode = children;\n  if (items !== undefined) {\n    const collapsed =\n      maxItems === undefined\n        ? undefined\n        : collapseBreadcrumbItems(items, maxItems, itemsBeforeCollapse, itemsAfterCollapse);\n\n    content = collapsed\n      ? [\n          ...collapsed.before.map((item) => renderDataItem(item, separator)),\n          <BreadcrumbEllipsis\n            hiddenItems={collapsed.hidden}\n            key=\"ellipsis\"\n            labels={resolvedLabels}\n            separator={separator}\n          />,\n          ...collapsed.after.map((item, index) =>\n            renderDataItem(item, index === collapsed.after.length - 1 ? null : separator),\n          ),\n        ]\n      : items.map((item, index) =>\n          renderDataItem(item, index === items.length - 1 ? null : separator),\n        );\n  }\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: { ...consumerProps, children: content, \"data-part\": \"list\" },\n    render,\n    state: {},\n  });\n}\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem<TAs extends ElementType = \"li\">(\n  props: BreadcrumbItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as BreadcrumbItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children, \"data-part\": \"item\" },\n    render,\n    state: {},\n  });\n}\n\nexport function BreadcrumbLink<TAs extends ElementType = \"a\">(\n  props: BreadcrumbLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    current = false,\n    href,\n    ...consumerProps\n  } = props as BreadcrumbLinkProps<\"a\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"a\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"link\",\n      \"aria-current\": current ? \"page\" : undefined,\n      \"data-current\": current ? \"\" : undefined,\n      href,\n      children,\n    },\n    render,\n    state: { current },\n  });\n}\n\nexport function BreadcrumbSeparator<TAs extends ElementType = \"span\">(\n  props: BreadcrumbSeparatorProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children = \"/\",\n    ...consumerProps\n  } = props as BreadcrumbSeparatorProps<\"span\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: { ...consumerProps, \"aria-hidden\": true, children, \"data-part\": \"separator\" },\n    render,\n    state: {},\n  });\n}\n\n/**\n * Built on `@gunkin/uiify/elements/details`: `Details.Summary`/`Details.Content` are used without a\n * `part` (this trigger and panel carry no `data-part`, unlike Accordion/Collapsible's), and\n * `Details.Content` renders as `<ol>` via `as` instead of the default `<div>`.\n */\nfunction BreadcrumbEllipsis({\n  hiddenItems,\n  labels,\n  separator,\n}: BreadcrumbEllipsisProps): ReactElement {\n  return (\n    <BreadcrumbItem>\n      <DetailsRoot data-part=\"ellipsis\" data-uiify-breadcrumb=\"\">\n        <DetailsSummary aria-label={labels.showCollapsed}>…</DetailsSummary>\n        <DetailsContent as=\"ol\">\n          {hiddenItems.map((item) => (\n            <BreadcrumbLink\n              key={item.key}\n              {...(item.current !== undefined ? { current: item.current } : {})}\n              {...(item.href !== undefined ? { href: item.href } : {})}\n            >\n              {item.label}\n            </BreadcrumbLink>\n          ))}\n        </DetailsContent>\n      </DetailsRoot>\n      {separator}\n    </BreadcrumbItem>\n  );\n}\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport function BreadcrumbEllipsisPart(): ReactElement {\n  return (\n    <BreadcrumbItem>\n      <span aria-hidden=\"true\">…</span>\n    </BreadcrumbItem>\n  );\n}\nBreadcrumbEllipsisPart.displayName = \"BreadcrumbEllipsisPart\";\n\nexport const Breadcrumb = {\n  Ellipsis: BreadcrumbEllipsisPart,\n  Item: BreadcrumbItem,\n  Link: BreadcrumbLink,\n  List: BreadcrumbList,\n  Root: BreadcrumbRoot,\n  Separator: BreadcrumbSeparator,\n};\n"],"mappings":"AA+CI,SACE,KADF;AA9CJ,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,aAAa,sBAAsB;AAC5D,SAAS,+BAA+B;AAYxC,MAAM,4BAA8C;AAAA,EAClD,MAAM;AAAA,EACN,eAAe;AACjB;AAEO,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,iBAAiB,EAAE,GAAG,2BAA2B,GAAG,OAAO;AAEjE,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc,aAAa,eAAe;AAAA,MAC1C,yBAAyB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,SAAS,eAAe,MAA0B,WAAoC;AACpF,SACE,qBAAC,kBACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAI,KAAK,YAAY,SAAY,EAAE,SAAS,KAAK,QAAQ,IAAI,CAAC;AAAA,QAC9D,GAAI,KAAK,SAAS,SAAY,EAAE,MAAM,KAAK,KAAK,IAAI,CAAC;AAAA,QAErD,eAAK;AAAA;AAAA,IACR;AAAA,IACC;AAAA,OAPkB,KAAK,GAQ1B;AAEJ;AAEO,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,iBAAiB,EAAE,GAAG,2BAA2B,GAAG,OAAO;AAEjE,MAAI,aAAa,UAAa,UAAU,QAAW;AACjD,UAAM,IAAI;AAAA,MACR;AAAA,IAGF;AAAA,EACF;AAEA,MAAI,UAAqB;AACzB,MAAI,UAAU,QAAW;AACvB,UAAM,YACJ,aAAa,SACT,SACA,wBAAwB,OAAO,UAAU,qBAAqB,kBAAkB;AAEtF,cAAU,YACN;AAAA,MACE,GAAG,UAAU,OAAO,IAAI,CAAC,SAAS,eAAe,MAAM,SAAS,CAAC;AAAA,MACjE;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,UAAU;AAAA,UAEvB,QAAQ;AAAA,UACR;AAAA;AAAA,QAFI;AAAA,MAGN;AAAA,MACA,GAAG,UAAU,MAAM;AAAA,QAAI,CAAC,MAAM,UAC5B,eAAe,MAAM,UAAU,UAAU,MAAM,SAAS,IAAI,OAAO,SAAS;AAAA,MAC9E;AAAA,IACF,IACA,MAAM;AAAA,MAAI,CAAC,MAAM,UACf,eAAe,MAAM,UAAU,MAAM,SAAS,IAAI,OAAO,SAAS;AAAA,IACpE;AAAA,EACN;AAEA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,UAAU,SAAS,aAAa,OAAO;AAAA,IAClE;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,eAAe,cAAc;AAEtB,SAAS,eACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,GAAG,cAAc,IAAI;AAEnD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,UAAU,aAAa,OAAO;AAAA,IACzD;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,eACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa;AAAA,MACb,gBAAgB,UAAU,SAAS;AAAA,MACnC,gBAAgB,UAAU,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,EACnB,CAAC;AACH;AAEO,SAAS,oBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,eAAe,MAAM,UAAU,aAAa,YAAY;AAAA,IACnF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAOA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,SACE,qBAAC,kBACC;AAAA,yBAAC,eAAY,aAAU,YAAW,yBAAsB,IACtD;AAAA,0BAAC,kBAAe,cAAY,OAAO,eAAe,oBAAC;AAAA,MACnD,oBAAC,kBAAe,IAAG,MAChB,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UAEE,GAAI,KAAK,YAAY,SAAY,EAAE,SAAS,KAAK,QAAQ,IAAI,CAAC;AAAA,UAC9D,GAAI,KAAK,SAAS,SAAY,EAAE,MAAM,KAAK,KAAK,IAAI,CAAC;AAAA,UAErD,eAAK;AAAA;AAAA,QAJD,KAAK;AAAA,MAKZ,CACD,GACH;AAAA,OACF;AAAA,IACC;AAAA,KACH;AAEJ;AACA,mBAAmB,cAAc;AAE1B,SAAS,yBAAuC;AACrD,SACE,oBAAC,kBACC,8BAAC,UAAK,eAAY,QAAO,oBAAC,GAC5B;AAEJ;AACA,uBAAuB,cAAc;AAE9B,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

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

@@ -1,3 +1,3 @@
 export { Breadcrumb, BreadcrumbEllipsisPart as BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbRoot, BreadcrumbSeparator, } from "./Breadcrumb.js";
-export type { BreadcrumbItemData, BreadcrumbItemProps, BreadcrumbLinkOwnProps, BreadcrumbLinkProps, BreadcrumbListOwnProps, BreadcrumbListProps, BreadcrumbRootOwnProps, BreadcrumbRootProps, BreadcrumbSeparatorOwnProps, BreadcrumbSeparatorProps, } from "./types.js";
+export type { BreadcrumbItemData, BreadcrumbLabels, BreadcrumbItemProps, BreadcrumbLinkOwnProps, BreadcrumbLinkProps, BreadcrumbListOwnProps, BreadcrumbListProps, BreadcrumbRootOwnProps, BreadcrumbRootProps, BreadcrumbSeparatorOwnProps, BreadcrumbSeparatorProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,sBAAsB,IAAI,kBAAkB,EAC5C,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,sBAAsB,IAAI,kBAAkB,EAC5C,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumb/index.ts"],"sourcesContent":["export {\n  Breadcrumb,\n  BreadcrumbEllipsisPart as BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbRoot,\n  BreadcrumbSeparator,\n} from \"./Breadcrumb.js\";\nexport type {\n  BreadcrumbItemData,\n  BreadcrumbItemProps,\n  BreadcrumbLinkOwnProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListOwnProps,\n  BreadcrumbListProps,\n  BreadcrumbRootOwnProps,\n  BreadcrumbRootProps,\n  BreadcrumbSeparatorOwnProps,\n  BreadcrumbSeparatorProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EAC0B;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/breadcrumb/index.ts"],"sourcesContent":["export {\n  Breadcrumb,\n  BreadcrumbEllipsisPart as BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbRoot,\n  BreadcrumbSeparator,\n} from \"./Breadcrumb.js\";\nexport type {\n  BreadcrumbItemData,\n  BreadcrumbLabels,\n  BreadcrumbItemProps,\n  BreadcrumbLinkOwnProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListOwnProps,\n  BreadcrumbListProps,\n  BreadcrumbRootOwnProps,\n  BreadcrumbRootProps,\n  BreadcrumbSeparatorOwnProps,\n  BreadcrumbSeparatorProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EAC0B;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -1,7 +1,12 @@
 import type { ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface BreadcrumbLabels {
+    readonly root: string;
+    readonly showCollapsed: string;
+}
 export interface BreadcrumbRootOwnProps {
     readonly "aria-label"?: string;
+    readonly labels?: Partial<BreadcrumbLabels>;
 }
 export type BreadcrumbRootProps<TAs extends ElementType = "nav"> = RenderableProps<TAs, BreadcrumbRootOwnProps, Record<string, never>, HTMLElement>;
 /** One logical breadcrumb entry. Used by `BreadcrumbList`'s `items` prop —
@@ -15,6 +20,7 @@ export interface BreadcrumbItemData {
 }
 export interface BreadcrumbListOwnProps {
     readonly children?: ReactNode;
+    readonly labels?: Partial<BreadcrumbLabels>;
     /**
      * Data-driven items, required to use `maxItems`. Filtering children by
      * element type (`isValidElement` + a type check) can't see through a
@@ -47,6 +53,7 @@ export interface BreadcrumbSeparatorOwnProps {
 export type BreadcrumbSeparatorProps<TAs extends ElementType = "span"> = RenderableProps<TAs, BreadcrumbSeparatorOwnProps, Record<string, never>, HTMLElement>;
 export interface BreadcrumbEllipsisProps {
     readonly hiddenItems: readonly BreadcrumbItemData[];
+    readonly labels: BreadcrumbLabels;
     readonly separator?: ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/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,WAAW,sBAAsB;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAChF,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF;;8DAE8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,IAAI,eAAe,CAC/E,GAAG,EACH,sBAAsB,EACtB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,gBAAgB,CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,IAAI,eAAe,CAC/E,GAAG,EACH;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,EACjC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,aAAa,CACd,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,IAAI,eAAe,CAC9E,GAAG,EACH,sBAAsB,EACtB;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,iBAAiB,CAClB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,wBAAwB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CACtF,GAAG,EACH,2BAA2B,EAC3B,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,WAAW,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/types.ts"],"names":[],"mappings":"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"}

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

@@ -3,11 +3,15 @@ import type { RenderableProps } from "@gunkin/uiify/core/render";
 export type ButtonVariant = "secondary" | "outline" | "ghost" | "destructive" | "link";
 export type ButtonSize = "sm" | "md" | "lg" | "icon-sm" | "icon" | "icon-lg";
 export interface ButtonOwnProps {
+    /** Prevents activation and exposes the disabled state to assistive technology. */
     readonly disabled?: boolean;
     /** Marks the button as the chosen one of a set, or a toggle that is on. */
     readonly selected?: boolean;
+    /** Sets the native button action; defaults to `button`. Set `submit` or `reset` explicitly when needed. */
     readonly type?: "button" | "submit" | "reset";
+    /** Sets the control's height and, for icon sizes, its width. */
     readonly size?: ButtonSize;
+    /** Sets the visual treatment without changing the control's semantics. */
     readonly variant?: ButtonVariant;
 }
 export interface ButtonState {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACvF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACvF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2GAA2G;IAC3G,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC3E,GAAG,EACH,cAAc,EACd,WAAW,EACX,WAAW,CACZ,CAAC"}

package/dist/components/candle-chart/CandleChart.d.ts

@@ -5,7 +5,7 @@ export declare function getPriceBounds(data: readonly CandleChartData[]): {
     min: number;
 };
 /** One candle glyph with its optional hit target; shared by the static list and virtual rows. */
-export declare function CandleChartCandle({ as: Tag, candle, index, x, slot, min, max, interactive, isActive, isSelected, cursorY, onCandleClick, onCandlePointerLeave, onCandlePointerMove, }: CandleChartCandleProps): ReactElement;
+export declare function CandleChartCandle({ as: Tag, candle, hitLabel, index, x, slot, min, max, interactive, isActive, isSelected, cursorY, onCandleClick, onCandlePointerLeave, onCandlePointerMove, }: CandleChartCandleProps): ReactElement;
 export declare namespace CandleChartCandle {
     var displayName: string;
 }

package/dist/components/candle-chart/CandleChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CandleChart.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/CandleChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAGX,YAAY,EAEb,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAEV,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAEjB,MAAM,YAAY,CAAC;AAsDpB,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,eAAe,EAAE,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAW7F;AAsHD,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EAAE,GAAG,EACP,MAAM,EACN,KAAK,EACL,CAAC,EACD,IAAI,EACJ,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,oBAAoB,EACpB,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,YAAY,CAiCvC;yBAhDe,iBAAiB;;;AAmDjC,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CA0JrB;yBA5Je,WAAW"}
+{"version":3,"file":"CandleChart.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/CandleChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAGX,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAEV,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAEjB,MAAM,YAAY,CAAC;AAoEpB,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,eAAe,EAAE,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAW7F;AAsHD,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EAAE,GAAG,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,CAAC,EACD,IAAI,EACJ,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,oBAAoB,EACpB,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,YAAY,CAiCvC;yBAjDe,iBAAiB;;;AAoDjC,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAsKrB;yBAxKe,WAAW"}

package/dist/components/candle-chart/CandleChart.js

@@ -1,5 +1,19 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { formatLabel } from "@gunkin/uiify/core/format-label";
+const DEFAULT_CANDLE_CHART_LABELS = {
+  chart: "Candlestick chart",
+  candle: "Candle {time}",
+  candles: "candles",
+  months: "months",
+  prices: "prices",
+  data: "data",
+  time: "Time",
+  open: "Open",
+  high: "High",
+  low: "Low",
+  close: "Close"
+};
 function percent(value) {
   const rounded = Math.round(value * 1e4) / 1e4;
   return `${rounded}%`;
@@ -28,16 +42,16 @@ function monthKey(time) {
   if (Number.isNaN(date.getTime())) return String(time);
   return `${date.getUTCFullYear()}-${date.getUTCMonth()}`;
 }
-function monthLabel(time) {
+function monthLabel(time, locale) {
   const date = new Date(time);
   if (Number.isNaN(date.getTime())) return String(time);
-  return new Intl.DateTimeFormat("en-US", {
+  return new Intl.DateTimeFormat(locale, {
     month: "short",
     timeZone: "UTC",
     year: "2-digit"
   }).format(date);
 }
-function monthLabelsFor(data) {
+function monthLabelsFor(data, locale) {
   const labels = [];
   const seen = /* @__PURE__ */ new Set();
   data.forEach((candle, index) => {
@@ -45,20 +59,20 @@ function monthLabelsFor(data) {
     if (seen.has(key)) return;
     seen.add(key);
     labels.push({
-      label: monthLabel(candle.time),
+      label: monthLabel(candle.time, locale),
       position: index / Math.max(data.length, 1) * 100
     });
   });
   return labels;
 }
-function priceLabelsFor(min, max) {
+function priceLabelsFor(min, max, locale) {
   const tickCount = 6;
   const range = max - min;
   return Array.from({ length: tickCount }, (_, index) => {
     const ratio = index / (tickCount - 1);
     const value = max - range * ratio;
     return {
-      label: new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 }).format(value),
+      label: new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(value),
       position: ratio * 100
     };
   });
@@ -113,6 +127,7 @@ function axisLabelsFor(overrides, fallback) {
 function CandleChartCandle({
   as: Tag,
   candle,
+  hitLabel,
   index,
   x,
   slot,
@@ -146,7 +161,7 @@ function CandleChartCandle({
         {
           "data-part": "candle-hit",
           type: "button",
-          "aria-label": `Candle ${String(candle.time)}`,
+          "aria-label": hitLabel,
           "aria-pressed": isSelected,
           onClick: () => onCandleClick?.(index),
           onKeyDown: handleKeyDown,
@@ -166,9 +181,11 @@ function CandleChart(props) {
     xAxis,
     yAxis,
     "aria-label": ariaLabel,
+    labels,
     activeCandleIndex,
     cursorY,
     interactive = false,
+    locale = "en-US",
     onCandleClick,
     onCandlePointerLeave,
     onCandlePointerMove,
@@ -179,18 +196,20 @@ function CandleChart(props) {
     slotOffset = 0,
     ...consumerProps
   } = props;
+  const accessibleLabels = { ...DEFAULT_CANDLE_CHART_LABELS, ...labels };
   const { min, max } = getPriceBounds(data);
-  const label = ariaLabel ?? "Candlestick chart";
-  const monthLabels = axisLabelsFor(xAxis, monthLabelsFor(data));
-  const priceLabels = axisLabelsFor(yAxis, priceLabelsFor(min, max));
+  const label = ariaLabel ?? accessibleLabels.chart;
+  const monthLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));
+  const priceLabels = axisLabelsFor(yAxis, priceLabelsFor(min, max, locale));
   const readoutIndex = activeCandleIndex ?? selectedCandleIndex ?? (data.length > 0 ? data.length - 1 : void 0);
   const readoutCandle = readoutIndex === void 0 ? void 0 : data[readoutIndex];
   const crosshairCandle = activeCandleIndex === void 0 ? void 0 : data[activeCandleIndex];
-  const candles = candleLayer ?? /* @__PURE__ */ jsx("ol", { "data-part": "candles", "aria-label": `${label} candles`, children: data.map((candle, index) => /* @__PURE__ */ jsx(
+  const candles = candleLayer ?? /* @__PURE__ */ jsx("ol", { "data-part": "candles", "aria-label": `${label} ${accessibleLabels.candles}`, children: data.map((candle, index) => /* @__PURE__ */ jsx(
     CandleChartCandle,
     {
       as: "li",
       candle,
+      hitLabel: formatLabel(accessibleLabels.candle, { time: String(candle.time) }, locale),
       index,
       x: index / data.length * 100,
       slot: 100 / data.length,
@@ -249,44 +268,60 @@ function CandleChart(props) {
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ jsx("div", { "data-part": "time-viewport", children: /* @__PURE__ */ jsxs("ol", { "data-part": "time-axis", "data-axis": "time", "aria-label": `${label} months`, children: [
-              monthLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-                "li",
-                {
-                  style: axisStyle("x", axisLabel.position),
-                  children: axisLabel.label
-                },
-                `${axisLabel.position}-${index}`
-              )),
-              interactive && crosshairCandle && activeCandleIndex !== void 0 ? /* @__PURE__ */ jsx(
-                "li",
-                {
-                  "data-part": "crosshair-time",
-                  style: crosshairStyle(slotOffset + activeCandleIndex, slotCount, void 0),
-                  children: String(crosshairCandle.time)
-                }
-              ) : null
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs("ol", { "data-part": "price-axis", "data-axis": "price", "aria-label": `${label} prices`, children: [
-            priceLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-              "li",
+            /* @__PURE__ */ jsx("div", { "data-part": "time-viewport", children: /* @__PURE__ */ jsxs(
+              "ol",
               {
-                style: axisStyle("y", axisLabel.position),
-                children: axisLabel.label
-              },
-              `${axisLabel.position}-${index}`
-            )),
-            interactive && crosshairCandle && activeCandleIndex !== void 0 ? /* @__PURE__ */ jsx("li", { "data-part": "crosshair-price", style: cursorStyle(cursorY), children: crosshairCandle.close }) : null
-          ] })
+                "data-part": "time-axis",
+                "data-axis": "time",
+                "aria-label": `${label} ${accessibleLabels.months}`,
+                children: [
+                  monthLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      style: axisStyle("x", axisLabel.position),
+                      children: axisLabel.label
+                    },
+                    `${axisLabel.position}-${index}`
+                  )),
+                  interactive && crosshairCandle && activeCandleIndex !== void 0 ? /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      "data-part": "crosshair-time",
+                      style: crosshairStyle(slotOffset + activeCandleIndex, slotCount, void 0),
+                      children: String(crosshairCandle.time)
+                    }
+                  ) : null
+                ]
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            "ol",
+            {
+              "data-part": "price-axis",
+              "data-axis": "price",
+              "aria-label": `${label} ${accessibleLabels.prices}`,
+              children: [
+                priceLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    style: axisStyle("y", axisLabel.position),
+                    children: axisLabel.label
+                  },
+                  `${axisLabel.position}-${index}`
+                )),
+                interactive && crosshairCandle && activeCandleIndex !== void 0 ? /* @__PURE__ */ jsx("li", { "data-part": "crosshair-price", style: cursorStyle(cursorY), children: crosshairCandle.close }) : null
+              ]
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxs("table", { "data-part": "data", "aria-label": `${label} data`, children: [
+        /* @__PURE__ */ jsxs("table", { "data-part": "data", "aria-label": `${label} ${accessibleLabels.data}`, children: [
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Time" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Open" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "High" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Low" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Close" })
+            /* @__PURE__ */ jsx("th", { scope: "col", children: accessibleLabels.time }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: accessibleLabels.open }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: accessibleLabels.high }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: accessibleLabels.low }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: accessibleLabels.close })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { children: data.map((candle, index) => /* @__PURE__ */ jsxs("tr", { children: [
             /* @__PURE__ */ jsx("th", { scope: "row", children: String(candle.time) }),

package/dist/components/candle-chart/CandleChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/candle-chart/CandleChart.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ElementType,\n  KeyboardEvent,\n  PointerEvent,\n  ReactElement,\n  ReactNode,\n} from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type {\n  CandleChartAxisLabel,\n  CandleChartCandleProps,\n  CandleChartData,\n  CandleChartProps,\n  CandleChartViewProps,\n} from \"./types.js\";\n\ninterface CandleStyle extends CSSProperties {\n  \"--candle-body-height\": string;\n  \"--candle-body-top\": string;\n  \"--candle-slot\": string;\n  \"--candle-wick-height\": string;\n  \"--candle-wick-top\": string;\n  \"--candle-x\": string;\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface CrosshairStyle extends CSSProperties {\n  \"--candle-crosshair-x\": string;\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface CursorStyle extends CSSProperties {\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface AxisStyle extends CSSProperties {\n  \"--candle-axis-x\"?: string;\n  \"--candle-axis-y\"?: string;\n}\n\ntype CandleDirection = \"down\" | \"flat\" | \"up\";\n\ninterface CandleGeometry {\n  readonly bodyHeight: string;\n  readonly bodyTop: string;\n  readonly direction: CandleDirection;\n  readonly slot: string;\n  readonly wickHeight: string;\n  readonly wickTop: string;\n  readonly x: string;\n}\n\nfunction percent(value: number): string {\n  const rounded = Math.round(value * 10000) / 10000;\n  return `${rounded}%`;\n}\n\nfunction valueToPercent(value: number, min: number, range: number): number {\n  if (range === 0) return 50;\n  return Math.min(100, Math.max(0, ((min + range - value) / range) * 100));\n}\n\nfunction directionFor(candle: CandleChartData): CandleDirection {\n  if (candle.close > candle.open) return \"up\";\n  if (candle.close < candle.open) return \"down\";\n  return \"flat\";\n}\n\nexport function getPriceBounds(data: readonly CandleChartData[]): { max: number; min: number } {\n  let min = Number.POSITIVE_INFINITY;\n  let max = Number.NEGATIVE_INFINITY;\n\n  for (const candle of data) {\n    min = Math.min(min, candle.low);\n    max = Math.max(max, candle.high);\n  }\n\n  if (data.length === 0) return { max: 1, min: 0 };\n  return { max, min };\n}\n\ninterface AxisLabel {\n  readonly label: ReactNode;\n  readonly position: number;\n}\n\nfunction monthKey(time: string | number): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n}\n\nfunction monthLabel(time: string | number): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return new Intl.DateTimeFormat(\"en-US\", {\n    month: \"short\",\n    timeZone: \"UTC\",\n    year: \"2-digit\",\n  }).format(date);\n}\n\nfunction monthLabelsFor(data: readonly CandleChartData[]): AxisLabel[] {\n  const labels: AxisLabel[] = [];\n  const seen = new Set<string>();\n\n  data.forEach((candle, index) => {\n    const key = monthKey(candle.time);\n    if (seen.has(key)) return;\n    seen.add(key);\n    labels.push({\n      label: monthLabel(candle.time),\n      position: (index / Math.max(data.length, 1)) * 100,\n    });\n  });\n\n  return labels;\n}\n\nfunction priceLabelsFor(min: number, max: number): AxisLabel[] {\n  const tickCount = 6;\n  const range = max - min;\n\n  return Array.from({ length: tickCount }, (_, index) => {\n    const ratio = index / (tickCount - 1);\n    const value = max - range * ratio;\n    return {\n      label: new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 }).format(value),\n      position: ratio * 100,\n    };\n  });\n}\n\nfunction geometryFor(\n  candle: CandleChartData,\n  x: number,\n  slot: number,\n  min: number,\n  max: number,\n): CandleGeometry {\n  const range = max - min;\n  const open = valueToPercent(candle.open, min, range);\n  const close = valueToPercent(candle.close, min, range);\n  const high = valueToPercent(candle.high, min, range);\n  const low = valueToPercent(candle.low, min, range);\n\n  return {\n    bodyHeight: percent(Math.abs(close - open)),\n    bodyTop: percent(Math.min(open, close)),\n    direction: directionFor(candle),\n    slot: percent(slot),\n    wickHeight: percent(Math.max(0, low - high)),\n    wickTop: percent(high),\n    x: percent(x),\n  };\n}\n\nfunction candleStyle(geometry: CandleGeometry, cursorY: number | undefined): CandleStyle {\n  return {\n    \"--candle-body-height\": geometry.bodyHeight,\n    \"--candle-body-top\": geometry.bodyTop,\n    \"--candle-slot\": geometry.slot,\n    \"--candle-wick-height\": geometry.wickHeight,\n    \"--candle-wick-top\": geometry.wickTop,\n    \"--candle-x\": geometry.x,\n    ...(cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nfunction crosshairStyle(index: number, count: number, cursorY: number | undefined): CrosshairStyle {\n  return {\n    \"--candle-crosshair-x\": percent(((index + 0.5) / Math.max(count, 1)) * 100),\n    ...(cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nfunction cursorStyle(cursorY: number | undefined): CursorStyle {\n  return cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` };\n}\n\nfunction clampAxisPosition(position: number): number {\n  return Math.min(100, Math.max(0, position));\n}\n\nfunction axisStyle(axis: \"x\" | \"y\", position: number): AxisStyle {\n  const value = percent(clampAxisPosition(position));\n  if (axis === \"x\") return { \"--candle-axis-x\": value };\n  return { \"--candle-axis-y\": value };\n}\n\nfunction axisLabelsFor(\n  overrides: readonly CandleChartAxisLabel[] | undefined,\n  fallback: readonly AxisLabel[],\n): readonly AxisLabel[] {\n  return overrides ?? fallback;\n}\n\n/** One candle glyph with its optional hit target; shared by the static list and virtual rows. */\nexport function CandleChartCandle({\n  as: Tag,\n  candle,\n  index,\n  x,\n  slot,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onCandleClick,\n  onCandlePointerLeave,\n  onCandlePointerMove,\n}: CandleChartCandleProps): ReactElement {\n  const geometry = geometryFor(candle, x, slot, min, max);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onCandleClick?.(index);\n  };\n\n  return (\n    <Tag\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"candle\"\n      data-direction={geometry.direction}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-time={String(candle.time)}\n      style={candleStyle(geometry, isActive ? cursorY : undefined)}\n    >\n      {interactive ? (\n        <button\n          data-part=\"candle-hit\"\n          type=\"button\"\n          aria-label={`Candle ${String(candle.time)}`}\n          aria-pressed={isSelected}\n          onClick={() => onCandleClick?.(index)}\n          onKeyDown={handleKeyDown}\n          onPointerLeave={onCandlePointerLeave}\n          onPointerMove={(event: PointerEvent<HTMLButtonElement>) =>\n            onCandlePointerMove?.({ index, offsetY: event.nativeEvent.offsetY })\n          }\n        />\n      ) : null}\n    </Tag>\n  );\n}\nCandleChartCandle.displayName = \"CandleChartCandle\";\n\nexport function CandleChart<TAs extends ElementType = \"figure\">(\n  props: CandleChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    \"aria-label\": ariaLabel,\n    activeCandleIndex,\n    cursorY,\n    interactive = false,\n    onCandleClick,\n    onCandlePointerLeave,\n    onCandlePointerMove,\n    selectedCandleIndex,\n    candleLayer,\n    announceReadout = true,\n    slotCount = data.length,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as CandleChartProps<\"figure\"> & CandleChartViewProps;\n  const { min, max } = getPriceBounds(data);\n  const label = ariaLabel ?? \"Candlestick chart\";\n  const monthLabels = axisLabelsFor(xAxis, monthLabelsFor(data));\n  const priceLabels = axisLabelsFor(yAxis, priceLabelsFor(min, max));\n  const readoutIndex =\n    activeCandleIndex ?? selectedCandleIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutCandle = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairCandle = activeCandleIndex === undefined ? undefined : data[activeCandleIndex];\n  const candles = candleLayer ?? (\n    <ol data-part=\"candles\" aria-label={`${label} candles`}>\n      {data.map((candle, index) => (\n        <CandleChartCandle\n          key={`${candle.time}-${index}`}\n          as=\"li\"\n          candle={candle}\n          index={index}\n          x={(index / data.length) * 100}\n          slot={100 / data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activeCandleIndex === index}\n          isSelected={selectedCandleIndex === index}\n          cursorY={cursorY}\n          onCandleClick={onCandleClick}\n          onCandlePointerLeave={onCandlePointerLeave}\n          onCandlePointerMove={onCandlePointerMove}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"data-uiify-candle-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      children: (\n        <>\n          <figcaption>{label}</figcaption>\n          {interactive && readoutCandle ? (\n            <div data-part=\"readout\" aria-live={announceReadout ? \"polite\" : \"off\"}>\n              <span data-part=\"readout-time\">{String(readoutCandle.time)}</span>\n              <span>O {readoutCandle.open}</span>\n              <span>H {readoutCandle.high}</span>\n              <span>L {readoutCandle.low}</span>\n              <span>C {readoutCandle.close}</span>\n            </div>\n          ) : null}\n          <div data-part=\"plot\" aria-hidden={interactive ? undefined : true}>\n            <div data-part=\"scroll-viewport\">\n              <div data-part=\"canvas\">\n                <div data-part=\"viewport\">\n                  {candles}\n                  {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                    <div\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      style={crosshairStyle(slotOffset + activeCandleIndex, slotCount, cursorY)}\n                    >\n                      <span data-part=\"crosshair-marker\">+</span>\n                    </div>\n                  ) : null}\n                </div>\n                <div data-part=\"time-viewport\">\n                  <ol data-part=\"time-axis\" data-axis=\"time\" aria-label={`${label} months`}>\n                    {monthLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        style={axisStyle(\"x\", axisLabel.position)}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                      <li\n                        data-part=\"crosshair-time\"\n                        style={crosshairStyle(slotOffset + activeCandleIndex, slotCount, undefined)}\n                      >\n                        {String(crosshairCandle.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol data-part=\"price-axis\" data-axis=\"price\" aria-label={`${label} prices`}>\n              {priceLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  style={axisStyle(\"y\", axisLabel.position)}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                <li data-part=\"crosshair-price\" style={cursorStyle(cursorY)}>\n                  {crosshairCandle.close}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table data-part=\"data\" aria-label={`${label} data`}>\n            <thead>\n              <tr>\n                <th scope=\"col\">Time</th>\n                <th scope=\"col\">Open</th>\n                <th scope=\"col\">High</th>\n                <th scope=\"col\">Low</th>\n                <th scope=\"col\">Close</th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((candle, index) => (\n                <tr key={`${candle.time}-${index}`}>\n                  <th scope=\"row\">{String(candle.time)}</th>\n                  <td>{candle.open}</td>\n                  <td>{candle.high}</td>\n                  <td>{candle.low}</td>\n                  <td>{candle.close}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nCandleChart.displayName = \"CandleChart\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/candle-chart/CandleChart.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ElementType,\n  KeyboardEvent,\n  PointerEvent,\n  ReactElement,\n  ReactNode,\n} from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport type {\n  CandleChartAxisLabel,\n  CandleChartCandleProps,\n  CandleChartData,\n  CandleChartProps,\n  CandleChartViewProps,\n} from \"./types.js\";\n\nconst DEFAULT_CANDLE_CHART_LABELS = {\n  chart: \"Candlestick chart\",\n  candle: \"Candle {time}\",\n  candles: \"candles\",\n  months: \"months\",\n  prices: \"prices\",\n  data: \"data\",\n  time: \"Time\",\n  open: \"Open\",\n  high: \"High\",\n  low: \"Low\",\n  close: \"Close\",\n} as const;\n\ninterface CandleStyle extends CSSProperties {\n  \"--candle-body-height\": string;\n  \"--candle-body-top\": string;\n  \"--candle-slot\": string;\n  \"--candle-wick-height\": string;\n  \"--candle-wick-top\": string;\n  \"--candle-x\": string;\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface CrosshairStyle extends CSSProperties {\n  \"--candle-crosshair-x\": string;\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface CursorStyle extends CSSProperties {\n  \"--candle-cursor-y\"?: string;\n}\n\ninterface AxisStyle extends CSSProperties {\n  \"--candle-axis-x\"?: string;\n  \"--candle-axis-y\"?: string;\n}\n\ntype CandleDirection = \"down\" | \"flat\" | \"up\";\n\ninterface CandleGeometry {\n  readonly bodyHeight: string;\n  readonly bodyTop: string;\n  readonly direction: CandleDirection;\n  readonly slot: string;\n  readonly wickHeight: string;\n  readonly wickTop: string;\n  readonly x: string;\n}\n\nfunction percent(value: number): string {\n  const rounded = Math.round(value * 10000) / 10000;\n  return `${rounded}%`;\n}\n\nfunction valueToPercent(value: number, min: number, range: number): number {\n  if (range === 0) return 50;\n  return Math.min(100, Math.max(0, ((min + range - value) / range) * 100));\n}\n\nfunction directionFor(candle: CandleChartData): CandleDirection {\n  if (candle.close > candle.open) return \"up\";\n  if (candle.close < candle.open) return \"down\";\n  return \"flat\";\n}\n\nexport function getPriceBounds(data: readonly CandleChartData[]): { max: number; min: number } {\n  let min = Number.POSITIVE_INFINITY;\n  let max = Number.NEGATIVE_INFINITY;\n\n  for (const candle of data) {\n    min = Math.min(min, candle.low);\n    max = Math.max(max, candle.high);\n  }\n\n  if (data.length === 0) return { max: 1, min: 0 };\n  return { max, min };\n}\n\ninterface AxisLabel {\n  readonly label: ReactNode;\n  readonly position: number;\n}\n\nfunction monthKey(time: string | number): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n}\n\nfunction monthLabel(time: string | number, locale: string): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return new Intl.DateTimeFormat(locale, {\n    month: \"short\",\n    timeZone: \"UTC\",\n    year: \"2-digit\",\n  }).format(date);\n}\n\nfunction monthLabelsFor(data: readonly CandleChartData[], locale: string): AxisLabel[] {\n  const labels: AxisLabel[] = [];\n  const seen = new Set<string>();\n\n  data.forEach((candle, index) => {\n    const key = monthKey(candle.time);\n    if (seen.has(key)) return;\n    seen.add(key);\n    labels.push({\n      label: monthLabel(candle.time, locale),\n      position: (index / Math.max(data.length, 1)) * 100,\n    });\n  });\n\n  return labels;\n}\n\nfunction priceLabelsFor(min: number, max: number, locale: string): AxisLabel[] {\n  const tickCount = 6;\n  const range = max - min;\n\n  return Array.from({ length: tickCount }, (_, index) => {\n    const ratio = index / (tickCount - 1);\n    const value = max - range * ratio;\n    return {\n      label: new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(value),\n      position: ratio * 100,\n    };\n  });\n}\n\nfunction geometryFor(\n  candle: CandleChartData,\n  x: number,\n  slot: number,\n  min: number,\n  max: number,\n): CandleGeometry {\n  const range = max - min;\n  const open = valueToPercent(candle.open, min, range);\n  const close = valueToPercent(candle.close, min, range);\n  const high = valueToPercent(candle.high, min, range);\n  const low = valueToPercent(candle.low, min, range);\n\n  return {\n    bodyHeight: percent(Math.abs(close - open)),\n    bodyTop: percent(Math.min(open, close)),\n    direction: directionFor(candle),\n    slot: percent(slot),\n    wickHeight: percent(Math.max(0, low - high)),\n    wickTop: percent(high),\n    x: percent(x),\n  };\n}\n\nfunction candleStyle(geometry: CandleGeometry, cursorY: number | undefined): CandleStyle {\n  return {\n    \"--candle-body-height\": geometry.bodyHeight,\n    \"--candle-body-top\": geometry.bodyTop,\n    \"--candle-slot\": geometry.slot,\n    \"--candle-wick-height\": geometry.wickHeight,\n    \"--candle-wick-top\": geometry.wickTop,\n    \"--candle-x\": geometry.x,\n    ...(cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nfunction crosshairStyle(index: number, count: number, cursorY: number | undefined): CrosshairStyle {\n  return {\n    \"--candle-crosshair-x\": percent(((index + 0.5) / Math.max(count, 1)) * 100),\n    ...(cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nfunction cursorStyle(cursorY: number | undefined): CursorStyle {\n  return cursorY === undefined ? {} : { \"--candle-cursor-y\": `${Math.max(0, cursorY)}px` };\n}\n\nfunction clampAxisPosition(position: number): number {\n  return Math.min(100, Math.max(0, position));\n}\n\nfunction axisStyle(axis: \"x\" | \"y\", position: number): AxisStyle {\n  const value = percent(clampAxisPosition(position));\n  if (axis === \"x\") return { \"--candle-axis-x\": value };\n  return { \"--candle-axis-y\": value };\n}\n\nfunction axisLabelsFor(\n  overrides: readonly CandleChartAxisLabel[] | undefined,\n  fallback: readonly AxisLabel[],\n): readonly AxisLabel[] {\n  return overrides ?? fallback;\n}\n\n/** One candle glyph with its optional hit target; shared by the static list and virtual rows. */\nexport function CandleChartCandle({\n  as: Tag,\n  candle,\n  hitLabel,\n  index,\n  x,\n  slot,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onCandleClick,\n  onCandlePointerLeave,\n  onCandlePointerMove,\n}: CandleChartCandleProps): ReactElement {\n  const geometry = geometryFor(candle, x, slot, min, max);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onCandleClick?.(index);\n  };\n\n  return (\n    <Tag\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"candle\"\n      data-direction={geometry.direction}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-time={String(candle.time)}\n      style={candleStyle(geometry, isActive ? cursorY : undefined)}\n    >\n      {interactive ? (\n        <button\n          data-part=\"candle-hit\"\n          type=\"button\"\n          aria-label={hitLabel}\n          aria-pressed={isSelected}\n          onClick={() => onCandleClick?.(index)}\n          onKeyDown={handleKeyDown}\n          onPointerLeave={onCandlePointerLeave}\n          onPointerMove={(event: PointerEvent<HTMLButtonElement>) =>\n            onCandlePointerMove?.({ index, offsetY: event.nativeEvent.offsetY })\n          }\n        />\n      ) : null}\n    </Tag>\n  );\n}\nCandleChartCandle.displayName = \"CandleChartCandle\";\n\nexport function CandleChart<TAs extends ElementType = \"figure\">(\n  props: CandleChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    \"aria-label\": ariaLabel,\n    labels,\n    activeCandleIndex,\n    cursorY,\n    interactive = false,\n    locale = \"en-US\",\n    onCandleClick,\n    onCandlePointerLeave,\n    onCandlePointerMove,\n    selectedCandleIndex,\n    candleLayer,\n    announceReadout = true,\n    slotCount = data.length,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as CandleChartProps<\"figure\"> & CandleChartViewProps;\n  const accessibleLabels = { ...DEFAULT_CANDLE_CHART_LABELS, ...labels };\n  const { min, max } = getPriceBounds(data);\n  const label = ariaLabel ?? accessibleLabels.chart;\n  const monthLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));\n  const priceLabels = axisLabelsFor(yAxis, priceLabelsFor(min, max, locale));\n  const readoutIndex =\n    activeCandleIndex ?? selectedCandleIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutCandle = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairCandle = activeCandleIndex === undefined ? undefined : data[activeCandleIndex];\n  const candles = candleLayer ?? (\n    <ol data-part=\"candles\" aria-label={`${label} ${accessibleLabels.candles}`}>\n      {data.map((candle, index) => (\n        <CandleChartCandle\n          key={`${candle.time}-${index}`}\n          as=\"li\"\n          candle={candle}\n          hitLabel={formatLabel(accessibleLabels.candle, { time: String(candle.time) }, locale)}\n          index={index}\n          x={(index / data.length) * 100}\n          slot={100 / data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activeCandleIndex === index}\n          isSelected={selectedCandleIndex === index}\n          cursorY={cursorY}\n          onCandleClick={onCandleClick}\n          onCandlePointerLeave={onCandlePointerLeave}\n          onCandlePointerMove={onCandlePointerMove}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"data-uiify-candle-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      children: (\n        <>\n          <figcaption>{label}</figcaption>\n          {interactive && readoutCandle ? (\n            <div data-part=\"readout\" aria-live={announceReadout ? \"polite\" : \"off\"}>\n              <span data-part=\"readout-time\">{String(readoutCandle.time)}</span>\n              <span>O {readoutCandle.open}</span>\n              <span>H {readoutCandle.high}</span>\n              <span>L {readoutCandle.low}</span>\n              <span>C {readoutCandle.close}</span>\n            </div>\n          ) : null}\n          <div data-part=\"plot\" aria-hidden={interactive ? undefined : true}>\n            <div data-part=\"scroll-viewport\">\n              <div data-part=\"canvas\">\n                <div data-part=\"viewport\">\n                  {candles}\n                  {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                    <div\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      style={crosshairStyle(slotOffset + activeCandleIndex, slotCount, cursorY)}\n                    >\n                      <span data-part=\"crosshair-marker\">+</span>\n                    </div>\n                  ) : null}\n                </div>\n                <div data-part=\"time-viewport\">\n                  <ol\n                    data-part=\"time-axis\"\n                    data-axis=\"time\"\n                    aria-label={`${label} ${accessibleLabels.months}`}\n                  >\n                    {monthLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        style={axisStyle(\"x\", axisLabel.position)}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                      <li\n                        data-part=\"crosshair-time\"\n                        style={crosshairStyle(slotOffset + activeCandleIndex, slotCount, undefined)}\n                      >\n                        {String(crosshairCandle.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol\n              data-part=\"price-axis\"\n              data-axis=\"price\"\n              aria-label={`${label} ${accessibleLabels.prices}`}\n            >\n              {priceLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  style={axisStyle(\"y\", axisLabel.position)}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairCandle && activeCandleIndex !== undefined ? (\n                <li data-part=\"crosshair-price\" style={cursorStyle(cursorY)}>\n                  {crosshairCandle.close}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table data-part=\"data\" aria-label={`${label} ${accessibleLabels.data}`}>\n            <thead>\n              <tr>\n                <th scope=\"col\">{accessibleLabels.time}</th>\n                <th scope=\"col\">{accessibleLabels.open}</th>\n                <th scope=\"col\">{accessibleLabels.high}</th>\n                <th scope=\"col\">{accessibleLabels.low}</th>\n                <th scope=\"col\">{accessibleLabels.close}</th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((candle, index) => (\n                <tr key={`${candle.time}-${index}`}>\n                  <th scope=\"row\">{String(candle.time)}</th>\n                  <td>{candle.open}</td>\n                  <td>{candle.high}</td>\n                  <td>{candle.low}</td>\n                  <td>{candle.close}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nCandleChart.displayName = \"CandleChart\";\n"],"mappings":"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","names":[]}

package/dist/components/candle-chart/client/CandleChartClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CandleChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,aAAa,CAAC;AA+BrB,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CAkJrB;yBApJe,iBAAiB"}
+{"version":3,"file":"CandleChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/candle-chart/client/CandleChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAG3E,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,aAAa,CAAC;AA+BrB,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CAsJrB;yBAxJe,iBAAiB"}

package/dist/components/candle-chart/client/CandleChartClient.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
+import { formatLabel } from "@gunkin/uiify/core/format-label";
 import { CandleChart, CandleChartCandle, getPriceBounds } from "../CandleChart.js";
 import { VirtualScroll } from "../../virtual-scroll/VirtualScroll.js";
 import {
@@ -17,6 +18,7 @@ function CandleChartClient(props) {
     data,
     visibleCount,
     xAxis,
+    labels,
     ref: consumerRef,
     style: consumerStyle,
     onCandleClick: consumerOnCandleClick,
@@ -76,6 +78,7 @@ function CandleChartClient(props) {
       ...consumerProps,
       ...xAxis ? { xAxis } : {},
       data,
+      labels,
       activeCandleIndex: cursor?.index,
       cursorY: cursor?.offsetY,
       interactive: true,
@@ -110,6 +113,7 @@ function CandleChartClient(props) {
           {
             as: "div",
             candle,
+            hitLabel: formatLabel(labels?.candle ?? "Candle {time}", { time: String(candle.time) }),
             index,
             x: 0,
             slot: 100,
@@ -135,6 +139,7 @@ function CandleChartClient(props) {
   const chartProps = {
     ...consumerProps,
     data: slice,
+    labels,
     xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),
     activeCandleIndex: toSliceIndex(cursor?.index),
     announceReadout: false,