@gunkin/uiify 0.0.1-alpha

package/dist/components/behavior.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/behavior.css"],"sourcesContent":["/* Behavioral rules for @gunkin/uiify/components — zero visual opinion.\n * Import is required: @import \"@gunkin/uiify/components/behavior.css\";\n * Cascade order: consumer app layer wins without specificity fights. */\n@layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;\n\n@layer ui.behavior {\n  [popover]:not(:popover-open) {\n    display: none;\n  }\n\n  /* Native modal dialogs: wheel/touch scrolling inside the dialog must not chain to the page behind it. */\n  dialog:modal {\n    overscroll-behavior: contain;\n  }\n\n  /*\n   * Local open-state hooks. Top layer does not change DOM ancestry, so a scope\n   * that directly contains its surface can read the native state. Consumers\n   * style with the selector or with the variable; neither is a second source of truth.\n   *\n   * `modal`/`alert-modal` (formerly `dialog`/`alert-dialog`) emit both their\n   * new scope attribute and the deprecated one for one major, so selecting on\n   * the new name alone is enough. `popup`'s scope div is consumer-authored\n   * (there is no Root wrapper for the native parts — see\n   * docs/guides/native-composition.md), so existing markup keeps writing the\n   * deprecated `data-uiify-popover-scope`; both selectors stay until that\n   * compatibility window.\n   */\n  [data-uiify-modal-scope]:has(> dialog[open]) > [data-uiify-modal-trigger],\n  [data-uiify-alert-modal-scope]:has(> dialog[open]) > [data-uiify-alert-modal-trigger],\n  [data-uiify-popup-scope]:has(> :popover-open) > [data-uiify-popup-trigger],\n  [data-uiify-popover-scope]:has(> :popover-open) > [data-uiify-popover-trigger] {\n    --uiify-trigger-open: 1;\n  }\n\n  [data-uiify-accordion-item][data-disabled] > summary,\n  [data-uiify-collapsible][data-disabled] > summary {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* Customizable select: opts the control and its picker into the browser's\n     base styles so the picker becomes a styleable, top-layer popover with\n     implicit anchor positioning. Behavior only — no visual opinion. Engines\n     without support ignore this and keep the classic OS picker, which stays\n     fully functional. */\n  .uiify-select,\n  .uiify-select::picker(select) {\n    appearance: base-select;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    @starting-style {\n      [popover]:popover-open {\n        opacity: 0;\n        scale: 0.96;\n      }\n    }\n\n    [popover] {\n      transition:\n        opacity var(--duration-fast, 150ms) ease-out,\n        scale var(--duration-fast, 150ms) ease-out,\n        display var(--duration-fast, 150ms) allow-discrete,\n        overlay var(--duration-fast, 150ms) allow-discrete;\n    }\n\n    [popover]:popover-open {\n      opacity: 1;\n      scale: 1;\n    }\n  }\n\n  [data-uiify-tabs-input] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    /* stylelint-disable-next-line property-no-deprecated -- kept for older browser support alongside clip-path */\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  [data-uiify-tabs-panel] {\n    display: none;\n  }\n\n  [data-uiify-tabs-input]:checked ~ [data-uiify-tabs-panel] {\n    display: block;\n  }\n\n  [data-uiify-stepper-panel] {\n    display: none;\n  }\n\n  [data-uiify-stepper-input]:checked ~ [data-uiify-stepper-panel] {\n    display: block;\n  }\n\n  [data-uiify-tabs-trigger][data-disabled] {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  [data-uiify-spinner][data-state=\"delayed\"] {\n    animation-name: uiify-spinner-show;\n    animation-duration: 0s;\n    animation-delay: attr(data-delay type(<time>), 0s);\n    animation-fill-mode: forwards;\n    visibility: hidden;\n  }\n\n  @keyframes uiify-spinner-show {\n    to {\n      visibility: visible;\n    }\n  }\n\n  [data-uiify-breadcrumb-ellipsis] > ol {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  [data-uiify-carousel] > [data-uiify-carousel-viewport] {\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    gap: var(--uiify-carousel-gap, 0);\n    scroll-behavior: auto;\n  }\n\n  [data-uiify-carousel][data-axis=\"inline\"] > [data-uiify-carousel-viewport] {\n    grid-auto-flow: column;\n    grid-auto-columns: var(--uiify-carousel-slide-size, 100%);\n    overflow-inline: auto;\n    overflow-block: hidden;\n    scroll-snap-type: inline mandatory;\n  }\n\n  [data-uiify-carousel][data-axis=\"block\"] > [data-uiify-carousel-viewport] {\n    grid-auto-flow: row;\n    grid-auto-rows: var(--uiify-carousel-slide-size, 100%);\n    overflow-block: auto;\n    overflow-inline: hidden;\n    scroll-snap-type: block mandatory;\n  }\n\n  [data-uiify-carousel] > [data-uiify-carousel-viewport] > [data-uiify-carousel-slide] {\n    min-inline-size: 0;\n    min-block-size: 0;\n    scroll-snap-align: start;\n  }\n\n  [data-uiify-carousel] > [data-uiify-carousel-viewport]:focus-visible,\n  [data-uiify-carousel] > button[data-uiify-carousel-controls]:focus-visible,\n  [data-uiify-carousel] > [data-uiify-carousel-dots] > a:focus-visible {\n    outline: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel] > [data-uiify-carousel-viewport] {\n      scroll-behavior: smooth;\n    }\n  }\n\n  [data-uiify-carousel] > [data-uiify-carousel-viewport][data-dragging] {\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced] > [data-uiify-carousel-viewport] {\n    grid-auto-flow: row;\n    grid-template-columns: 100%;\n    grid-auto-columns: auto;\n    overflow: hidden;\n    scroll-snap-type: none;\n    touch-action: pan-y pinch-zoom;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-uiify-carousel-viewport]\n    > [data-uiify-carousel-slide] {\n    grid-area: 1 / 1;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-uiify-carousel-viewport]\n    > [data-uiify-carousel-slide][data-state=\"active\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n      > [data-uiify-carousel-viewport]\n      > [data-uiify-carousel-slide] {\n      transition: opacity var(--uiify-carousel-fade-duration, 300ms) ease;\n    }\n  }\n\n  [data-uiify-virtual-scroll] {\n    --uiify-virtual-scroll-row-height: 64px;\n\n    overflow-y: auto;\n  }\n\n  [data-uiify-virtual-scroll] [data-uiify-virtual-scroll-spacer] {\n    position: relative;\n    block-size: var(\n      --uiify-virtual-scroll-total-size,\n      calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n    );\n  }\n\n  [data-uiify-virtual-scroll] [data-uiify-virtual-scroll-row] {\n    position: absolute;\n    inset-inline: 0;\n    block-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n    translate: 0\n      var(\n        --uiify-row-offset,\n        calc(\n          (var(--uiify-range-start, 0) + var(--uiify-slot-index, 0)) *\n            var(--uiify-virtual-scroll-row-height)\n        )\n      );\n  }\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,23 @@
+import type { ElementType, ReactElement } from "react";
+import type { BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps } from "./types.js";
+export declare function BreadcrumbRoot<TAs extends ElementType = "nav">(props: BreadcrumbRootProps<TAs>): ReactElement | null;
+export declare function BreadcrumbList<TAs extends ElementType = "ol">(props: BreadcrumbListProps<TAs>): ReactElement | null;
+export declare namespace BreadcrumbList {
+    var displayName: string;
+}
+export declare function BreadcrumbItem<TAs extends ElementType = "li">(props: BreadcrumbItemProps<TAs>): ReactElement | null;
+export declare function BreadcrumbLink<TAs extends ElementType = "a">(props: BreadcrumbLinkProps<TAs>): ReactElement | null;
+export declare function BreadcrumbSeparator<TAs extends ElementType = "span">(props: BreadcrumbSeparatorProps<TAs>): ReactElement | null;
+export declare function BreadcrumbEllipsisPart(): ReactElement;
+export declare namespace BreadcrumbEllipsisPart {
+    var displayName: string;
+}
+export declare const Breadcrumb: {
+    Ellipsis: typeof BreadcrumbEllipsisPart;
+    Item: typeof BreadcrumbItem;
+    Link: typeof BreadcrumbLink;
+    List: typeof BreadcrumbList;
+    Root: typeof BreadcrumbRoot;
+    Separator: typeof BreadcrumbSeparator;
+};
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +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,CAuBrB;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"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,166 @@
+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";
+function BreadcrumbRoot(props) {
+  const {
+    as,
+    render,
+    "aria-label": ariaLabel = "Breadcrumb",
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "nav",
+    props: { ...consumerProps, "aria-label": ariaLabel },
+    render,
+    state: {}
+  });
+}
+function renderDataItem(item, separator) {
+  return /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
+    /* @__PURE__ */ jsx(
+      BreadcrumbLink,
+      {
+        ...item.current !== void 0 ? { current: item.current } : {},
+        ...item.href !== void 0 ? { href: item.href } : {},
+        children: item.label
+      }
+    ),
+    separator
+  ] }, item.key);
+}
+function BreadcrumbList(props) {
+  const {
+    as,
+    render,
+    children,
+    items,
+    itemsAfterCollapse = 1,
+    itemsBeforeCollapse = 1,
+    maxItems,
+    separator,
+    ...consumerProps
+  } = props;
+  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)."
+    );
+  }
+  let content = children;
+  if (items !== void 0) {
+    const collapsed = maxItems === void 0 ? void 0 : collapseBreadcrumbItems(items, maxItems, itemsBeforeCollapse, itemsAfterCollapse);
+    content = collapsed ? [
+      ...collapsed.before.map((item) => renderDataItem(item, separator)),
+      /* @__PURE__ */ jsx(
+        BreadcrumbEllipsis,
+        {
+          hiddenItems: collapsed.hidden,
+          separator
+        },
+        "ellipsis"
+      ),
+      ...collapsed.after.map(
+        (item, index) => renderDataItem(item, index === collapsed.after.length - 1 ? null : separator)
+      )
+    ] : items.map(
+      (item, index) => renderDataItem(item, index === items.length - 1 ? null : separator)
+    );
+  }
+  return useRenderElement({
+    as,
+    defaultTag: "ol",
+    props: { ...consumerProps, children: content },
+    render,
+    state: {}
+  });
+}
+BreadcrumbList.displayName = "BreadcrumbList";
+function BreadcrumbItem(props) {
+  const { as, render, children, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "li",
+    props: { ...consumerProps, children },
+    render,
+    state: {}
+  });
+}
+function BreadcrumbLink(props) {
+  const {
+    as,
+    render,
+    children,
+    current = false,
+    href,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "a",
+    props: {
+      ...consumerProps,
+      "aria-current": current ? "page" : void 0,
+      "data-current": current ? "" : void 0,
+      href,
+      children
+    },
+    render,
+    state: { current }
+  });
+}
+function BreadcrumbSeparator(props) {
+  const {
+    as,
+    render,
+    children = "/",
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "span",
+    props: { ...consumerProps, "aria-hidden": true, children },
+    render,
+    state: {}
+  });
+}
+function BreadcrumbEllipsis({ hiddenItems, separator }) {
+  return /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
+    /* @__PURE__ */ jsxs(DetailsRoot, { "data-uiify-breadcrumb-ellipsis": "", children: [
+      /* @__PURE__ */ jsx(DetailsSummary, { "aria-label": "Show collapsed breadcrumbs", children: "\u2026" }),
+      /* @__PURE__ */ jsx(DetailsContent, { as: "ol", children: hiddenItems.map((item) => /* @__PURE__ */ jsx(
+        BreadcrumbLink,
+        {
+          ...item.current !== void 0 ? { current: item.current } : {},
+          ...item.href !== void 0 ? { href: item.href } : {},
+          children: item.label
+        },
+        item.key
+      )) })
+    ] }),
+    separator
+  ] });
+}
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+function BreadcrumbEllipsisPart() {
+  return /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2026" }) });
+}
+BreadcrumbEllipsisPart.displayName = "BreadcrumbEllipsisPart";
+const Breadcrumb = {
+  Ellipsis: BreadcrumbEllipsisPart,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  List: BreadcrumbList,
+  Root: BreadcrumbRoot,
+  Separator: BreadcrumbSeparator
+};
+export {
+  Breadcrumb,
+  BreadcrumbEllipsisPart,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbRoot,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -0,0 +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 },\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 },\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 },\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      \"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 },\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-uiify-breadcrumb-ellipsis=\"\">\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":[]}

package/dist/components/breadcrumb/breadcrumb-collapse.d.ts

@@ -0,0 +1,12 @@
+import type { BreadcrumbItemData } from "./types.js";
+export interface CollapsedItems {
+    readonly before: readonly BreadcrumbItemData[];
+    readonly hidden: readonly BreadcrumbItemData[];
+    readonly after: readonly BreadcrumbItemData[];
+}
+/** Slices a data-driven items array for `maxItems` collapsing. Operating on
+ * an explicit array (rather than introspecting rendered children) means this
+ * has no blind spot for items produced by `.map()` through a wrapper
+ * component — see BreadcrumbListOwnProps.items's doc comment. */
+export declare function collapseBreadcrumbItems(items: readonly BreadcrumbItemData[], maxItems: number, itemsBeforeCollapse: number, itemsAfterCollapse: number): CollapsedItems | undefined;
+//# sourceMappingURL=breadcrumb-collapse.d.ts.map

package/dist/components/breadcrumb/breadcrumb-collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-collapse.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-collapse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC/C,QAAQ,CAAC,MAAM,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC/C,QAAQ,CAAC,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAC;CAC/C;AAED;;;iEAGiE;AACjE,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,SAAS,kBAAkB,EAAE,EACpC,QAAQ,EAAE,MAAM,EAChB,mBAAmB,EAAE,MAAM,EAC3B,kBAAkB,EAAE,MAAM,GACzB,cAAc,GAAG,SAAS,CAQ5B"}

package/dist/components/breadcrumb/breadcrumb-collapse.js

@@ -0,0 +1,12 @@
+function collapseBreadcrumbItems(items, maxItems, itemsBeforeCollapse, itemsAfterCollapse) {
+  if (items.length <= maxItems) return void 0;
+  return {
+    after: items.slice(items.length - itemsAfterCollapse),
+    before: items.slice(0, itemsBeforeCollapse),
+    hidden: items.slice(itemsBeforeCollapse, items.length - itemsAfterCollapse)
+  };
+}
+export {
+  collapseBreadcrumbItems
+};
+//# sourceMappingURL=breadcrumb-collapse.js.map

package/dist/components/breadcrumb/breadcrumb-collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/breadcrumb/breadcrumb-collapse.ts"],"sourcesContent":["import type { BreadcrumbItemData } from \"./types.js\";\n\nexport interface CollapsedItems {\n  readonly before: readonly BreadcrumbItemData[];\n  readonly hidden: readonly BreadcrumbItemData[];\n  readonly after: readonly BreadcrumbItemData[];\n}\n\n/** Slices a data-driven items array for `maxItems` collapsing. Operating on\n * an explicit array (rather than introspecting rendered children) means this\n * has no blind spot for items produced by `.map()` through a wrapper\n * component — see BreadcrumbListOwnProps.items's doc comment. */\nexport function collapseBreadcrumbItems(\n  items: readonly BreadcrumbItemData[],\n  maxItems: number,\n  itemsBeforeCollapse: number,\n  itemsAfterCollapse: number,\n): CollapsedItems | undefined {\n  if (items.length <= maxItems) return undefined;\n\n  return {\n    after: items.slice(items.length - itemsAfterCollapse),\n    before: items.slice(0, itemsBeforeCollapse),\n    hidden: items.slice(itemsBeforeCollapse, items.length - itemsAfterCollapse),\n  };\n}\n"],"mappings":"AAYO,SAAS,wBACd,OACA,UACA,qBACA,oBAC4B;AAC5B,MAAI,MAAM,UAAU,SAAU,QAAO;AAErC,SAAO;AAAA,IACL,OAAO,MAAM,MAAM,MAAM,SAAS,kBAAkB;AAAA,IACpD,QAAQ,MAAM,MAAM,GAAG,mBAAmB;AAAA,IAC1C,QAAQ,MAAM,MAAM,qBAAqB,MAAM,SAAS,kBAAkB;AAAA,EAC5E;AACF;","names":[]}

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

@@ -0,0 +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";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,19 @@
+import {
+  Breadcrumb,
+  BreadcrumbEllipsisPart,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbRoot,
+  BreadcrumbSeparator
+} from "./Breadcrumb.js";
+export {
+  Breadcrumb,
+  BreadcrumbEllipsisPart as BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbRoot,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,52 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface BreadcrumbRootOwnProps {
+    readonly "aria-label"?: string;
+}
+export type BreadcrumbRootProps<TAs extends ElementType = "nav"> = RenderableProps<TAs, BreadcrumbRootOwnProps, Record<string, never>, HTMLElement>;
+/** One logical breadcrumb entry. Used by `BreadcrumbList`'s `items` prop —
+ * the data-driven alternative to `children` that `maxItems` collapsing
+ * requires (see BreadcrumbList's own doc comment for why). */
+export interface BreadcrumbItemData {
+    readonly key: string;
+    readonly current?: boolean;
+    readonly href?: string;
+    readonly label: ReactNode;
+}
+export interface BreadcrumbListOwnProps {
+    readonly children?: ReactNode;
+    /**
+     * Data-driven items, required to use `maxItems`. Filtering children by
+     * element type (`isValidElement` + a type check) can't see through a
+     * Fragment-free `.map()` over route data into a custom wrapper component —
+     * a real element only becomes visible to a parent's child introspection
+     * once React actually renders it, which hasn't happened yet when
+     * `BreadcrumbList` itself runs. An explicit array has no such blind spot.
+     */
+    readonly items?: readonly BreadcrumbItemData[];
+    readonly itemsAfterCollapse?: number;
+    readonly itemsBeforeCollapse?: number;
+    readonly maxItems?: number;
+    readonly separator?: ReactNode;
+}
+export type BreadcrumbListProps<TAs extends ElementType = "ol"> = RenderableProps<TAs, BreadcrumbListOwnProps, Record<string, never>, HTMLOListElement>;
+export type BreadcrumbItemProps<TAs extends ElementType = "li"> = RenderableProps<TAs, {
+    readonly children?: ReactNode;
+}, Record<string, never>, HTMLLIElement>;
+export interface BreadcrumbLinkOwnProps {
+    readonly children?: ReactNode;
+    readonly current?: boolean;
+    readonly href?: string;
+}
+export type BreadcrumbLinkProps<TAs extends ElementType = "a"> = RenderableProps<TAs, BreadcrumbLinkOwnProps, {
+    current: boolean;
+}, HTMLAnchorElement>;
+export interface BreadcrumbSeparatorOwnProps {
+    readonly children?: ReactNode;
+}
+export type BreadcrumbSeparatorProps<TAs extends ElementType = "span"> = RenderableProps<TAs, BreadcrumbSeparatorOwnProps, Record<string, never>, HTMLElement>;
+export interface BreadcrumbEllipsisProps {
+    readonly hiddenItems: readonly BreadcrumbItemData[];
+    readonly separator?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/breadcrumb/types.js

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

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

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

package/dist/components/breadcrumb.d.ts

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

package/dist/components/breadcrumb.js

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

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

@@ -0,0 +1,4 @@
+import type { ElementType, ReactElement } from "react";
+import type { ButtonProps } from "./types.js";
+export declare function Button<TAs extends ElementType = "button">(props: ButtonProps<TAs>): ReactElement | null;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CA0BrB"}

package/dist/components/button/Button.js

@@ -0,0 +1,29 @@
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function isNativeButton(as) {
+  return as === void 0 || as === "button";
+}
+function Button(props) {
+  const { as, render, disabled = false, type, ...consumerProps } = props;
+  const nativeButton = isNativeButton(as);
+  return useRenderElement({
+    as,
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      ...nativeButton ? { type: type ?? "button", ...disabled ? { disabled: true } : {} } : disabled ? {
+        "aria-disabled": true,
+        tabIndex: -1,
+        onClick: (event) => {
+          event.preventDefault();
+        }
+      } : {},
+      ...disabled ? { "data-disabled": "" } : {}
+    },
+    render,
+    state: { disabled }
+  });
+}
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { ButtonProps } from \"./types.js\";\n\nfunction isNativeButton(as: ElementType | undefined): boolean {\n  return as === undefined || as === \"button\";\n}\n\nexport function Button<TAs extends ElementType = \"button\">(\n  props: ButtonProps<TAs>,\n): ReactElement | null {\n  const { as, render, disabled = false, type, ...consumerProps } = props as ButtonProps<\"button\">;\n\n  const nativeButton = isNativeButton(as);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...(nativeButton\n        ? { type: type ?? \"button\", ...(disabled ? { disabled: true } : {}) }\n        : disabled\n          ? {\n              \"aria-disabled\": true,\n              tabIndex: -1,\n              onClick: (event: { preventDefault: () => void }) => {\n                event.preventDefault();\n              },\n            }\n          : {}),\n      ...(disabled ? { \"data-disabled\": \"\" } : {}),\n    },\n    render,\n    state: { disabled },\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,eAAe,IAAsC;AAC5D,SAAO,OAAO,UAAa,OAAO;AACpC;AAEO,SAAS,OACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,WAAW,OAAO,MAAM,GAAG,cAAc,IAAI;AAEjE,QAAM,eAAe,eAAe,EAAE;AAEtC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,eACA,EAAE,MAAM,QAAQ,UAAU,GAAI,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC,EAAG,IAClE,WACE;AAAA,QACE,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,SAAS,CAAC,UAA0C;AAClD,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,IACA,CAAC;AAAA,MACP,GAAI,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;","names":[]}

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

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

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

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

package/dist/components/button/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface ButtonOwnProps {
+    readonly disabled?: boolean;
+    readonly type?: "button" | "submit" | "reset";
+}
+export interface ButtonState {
+    readonly disabled: boolean;
+}
+export type ButtonProps<TAs extends ElementType = "button"> = RenderableProps<TAs, ButtonOwnProps, ButtonState, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC/C;AAED,MAAM,WAAW,WAAW;IAC1B,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/button/types.js

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

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

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

package/dist/components/button.d.ts

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

package/dist/components/button.js

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

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

@@ -0,0 +1,7 @@
+import type { ElementType, ReactElement } from "react";
+import type { CandleChartProps } from "./types.js";
+export declare function CandleChart<TAs extends ElementType = "figure">(props: CandleChartProps<TAs>): ReactElement | null;
+export declare namespace CandleChart {
+    var displayName: string;
+}
+//# sourceMappingURL=CandleChart.d.ts.map

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

@@ -0,0 +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,EAAyC,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAuL1F,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CA6KrB;yBA/Ke,WAAW"}