@bioturing/components 0.34.0 → 0.35.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/components/base-menu/component.d.ts +12 -0
  2. package/dist/components/base-menu/component.d.ts.map +1 -0
  3. package/dist/components/base-menu/component.js +69 -0
  4. package/dist/components/base-menu/component.js.map +1 -0
  5. package/dist/components/base-menu/index.d.ts +18 -0
  6. package/dist/components/base-menu/index.d.ts.map +1 -0
  7. package/dist/components/base-menu/index.js +11 -0
  8. package/dist/components/base-menu/index.js.map +1 -0
  9. package/dist/components/base-menu/item.css +1 -0
  10. package/dist/components/base-menu/item.d.ts +47 -0
  11. package/dist/components/base-menu/item.d.ts.map +1 -0
  12. package/dist/components/base-menu/item.js +73 -0
  13. package/dist/components/base-menu/item.js.map +1 -0
  14. package/dist/components/base-menu/style.css +1 -0
  15. package/dist/components/breadcrumb/component.d.ts +3 -2
  16. package/dist/components/breadcrumb/component.d.ts.map +1 -1
  17. package/dist/components/breadcrumb/component.js +138 -38
  18. package/dist/components/breadcrumb/component.js.map +1 -1
  19. package/dist/components/breadcrumb/index.d.ts +1 -0
  20. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  21. package/dist/components/breadcrumb/item.d.ts +3 -0
  22. package/dist/components/breadcrumb/item.d.ts.map +1 -0
  23. package/dist/components/breadcrumb/item.js +19 -0
  24. package/dist/components/breadcrumb/item.js.map +1 -0
  25. package/dist/components/breadcrumb/style.css +1 -1
  26. package/dist/components/breadcrumb/types.d.ts +9 -2
  27. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  28. package/dist/components/code-block/types.d.ts +2 -2
  29. package/dist/components/code-block/types.d.ts.map +1 -1
  30. package/dist/components/combobox/component.d.ts +3 -26
  31. package/dist/components/combobox/component.d.ts.map +1 -1
  32. package/dist/components/combobox/component.js +326 -216
  33. package/dist/components/combobox/component.js.map +1 -1
  34. package/dist/components/combobox/style.css +1 -1
  35. package/dist/components/command-palette/component.js +6 -6
  36. package/dist/components/command-palette/component.js.map +1 -1
  37. package/dist/components/dropdown-menu/component.d.ts.map +1 -1
  38. package/dist/components/dropdown-menu/component.js +90 -87
  39. package/dist/components/dropdown-menu/component.js.map +1 -1
  40. package/dist/components/dropdown-menu/divider.d.ts.map +1 -1
  41. package/dist/components/dropdown-menu/divider.js +17 -10
  42. package/dist/components/dropdown-menu/divider.js.map +1 -1
  43. package/dist/components/dropdown-menu/item.d.ts +19 -9
  44. package/dist/components/dropdown-menu/item.d.ts.map +1 -1
  45. package/dist/components/dropdown-menu/item.js +71 -130
  46. package/dist/components/dropdown-menu/item.js.map +1 -1
  47. package/dist/components/dropdown-menu/style.css +1 -1
  48. package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map +1 -1
  49. package/dist/components/dropdown-menu/useDropdownMenu.js +60 -63
  50. package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
  51. package/dist/components/field/component.d.ts +5 -1
  52. package/dist/components/field/component.d.ts.map +1 -1
  53. package/dist/components/field/component.js +29 -20
  54. package/dist/components/field/component.js.map +1 -1
  55. package/dist/components/popup-panel/component.d.ts.map +1 -1
  56. package/dist/components/popup-panel/component.js +101 -101
  57. package/dist/components/popup-panel/component.js.map +1 -1
  58. package/dist/components/select-trigger/component.d.ts +71 -9
  59. package/dist/components/select-trigger/component.d.ts.map +1 -1
  60. package/dist/components/select-trigger/component.js +180 -139
  61. package/dist/components/select-trigger/component.js.map +1 -1
  62. package/dist/components/select-trigger/index.d.ts +1 -2
  63. package/dist/components/select-trigger/index.d.ts.map +1 -1
  64. package/dist/components/select-trigger/style.css +1 -1
  65. package/dist/components/table/component.d.ts.map +1 -1
  66. package/dist/components/table/component.js +53 -52
  67. package/dist/components/table/component.js.map +1 -1
  68. package/dist/components/theme-provider/style.css +1 -1
  69. package/dist/components/truncate/component.d.ts.map +1 -1
  70. package/dist/components/truncate/component.js +84 -80
  71. package/dist/components/truncate/component.js.map +1 -1
  72. package/dist/components/truncate/helpers.d.ts +9 -0
  73. package/dist/components/truncate/helpers.d.ts.map +1 -1
  74. package/dist/components/truncate/helpers.js +70 -40
  75. package/dist/components/truncate/helpers.js.map +1 -1
  76. package/dist/components/truncate/index.d.ts +1 -0
  77. package/dist/components/truncate/index.d.ts.map +1 -1
  78. package/dist/components/truncate/useOverflowDetection.d.ts +19 -0
  79. package/dist/components/truncate/useOverflowDetection.d.ts.map +1 -0
  80. package/dist/components/truncate/useOverflowDetection.js +54 -0
  81. package/dist/components/truncate/useOverflowDetection.js.map +1 -0
  82. package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
  83. package/dist/components/utils/WithRenderProp.js +10 -10
  84. package/dist/components/utils/WithRenderProp.js.map +1 -1
  85. package/dist/components/vertical-collapsible-panel/component.d.ts +14 -0
  86. package/dist/components/vertical-collapsible-panel/component.d.ts.map +1 -1
  87. package/dist/components/vertical-collapsible-panel/component.js +82 -75
  88. package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
  89. package/dist/components/vertical-collapsible-panel/style.css +1 -1
  90. package/dist/index.js +230 -224
  91. package/dist/index.js.map +1 -1
  92. package/dist/stats.html +1 -1
  93. package/package.json +5 -6
  94. package/dist/components/dropdown-menu/item.css +0 -1
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export declare const BaseMenuRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ export declare const BaseMenuPopup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const BaseMenuContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ export declare const BaseMenuList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
+ export declare const BaseMenuSearch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const BaseMenuDivider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
8
+ render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
9
+ as?: "div";
10
+ state?: Record<string, unknown>;
11
+ } & React.RefAttributes<HTMLDivElement>>;
12
+ //# sourceMappingURL=component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,YAAY,mKAWvB,CAAC;AAEH,eAAO,MAAM,aAAa,mKAexB,CAAC;AAEH,eAAO,MAAM,iBAAiB,mKAe5B,CAAC;AAEH,eAAO,MAAM,YAAY,mKAWvB,CAAC;AAEH,eAAO,MAAM,cAAc,mKAezB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;wCAe1B,CAAC"}
@@ -0,0 +1,69 @@
1
+ "use client";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import n from "react";
4
+ import './style.css';/* empty css */
5
+ import { useCls as c } from "../utils/antdUtils.js";
6
+ import { clsx as m } from "../utils/cn.js";
7
+ import { WithRenderProp as u } from "../utils/WithRenderProp.js";
8
+ const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
9
+ const a = c();
10
+ return /* @__PURE__ */ t("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
11
+ }), b = n.forwardRef(({ className: e, children: s, ...r }, o) => {
12
+ const a = c();
13
+ return /* @__PURE__ */ t(
14
+ "div",
15
+ {
16
+ className: m(a("base-menu-popup"), e),
17
+ ref: o,
18
+ ...r,
19
+ children: s
20
+ }
21
+ );
22
+ });
23
+ n.forwardRef(({ className: e, children: s, ...r }, o) => {
24
+ const a = c();
25
+ return /* @__PURE__ */ t(
26
+ "div",
27
+ {
28
+ className: m(a("base-menu-container"), e),
29
+ ref: o,
30
+ ...r,
31
+ children: s
32
+ }
33
+ );
34
+ });
35
+ const w = n.forwardRef(({ className: e, children: s, ...r }, o) => {
36
+ const a = c();
37
+ return /* @__PURE__ */ t("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
38
+ });
39
+ n.forwardRef(({ className: e, children: s, ...r }, o) => {
40
+ const a = c();
41
+ return /* @__PURE__ */ t(
42
+ "div",
43
+ {
44
+ className: m(a("base-menu-search"), e),
45
+ ref: o,
46
+ ...r,
47
+ children: s
48
+ }
49
+ );
50
+ });
51
+ const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
52
+ const a = c();
53
+ return /* @__PURE__ */ t(
54
+ u,
55
+ {
56
+ className: m(a("base-menu-divider"), e),
57
+ ref: o,
58
+ ...r,
59
+ children: s
60
+ }
61
+ );
62
+ });
63
+ export {
64
+ N as BaseMenuDivider,
65
+ w as BaseMenuList,
66
+ b as BaseMenuPopup,
67
+ v as BaseMenuRoot
68
+ };
69
+ //# sourceMappingURL=component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-popup\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-container\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuList = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-search\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n HTMLDivElement,\n WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <WithRenderProp\n className={clsx(cls(\"base-menu-divider\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </WithRenderProp>\n );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuList","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEgCF,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMQ,IAAeV,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC;AAE6BF,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMS,IAAkBX,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -0,0 +1,18 @@
1
+ import { BaseMenuItem, BaseMenuItemProps } from './item';
2
+ export { BaseMenuItem, type BaseMenuItemProps };
3
+ export declare const BaseMenu: {
4
+ Root: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ Popup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
6
+ Container: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
7
+ Search: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
8
+ List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
9
+ Divider: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
10
+ render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
11
+ as?: "div";
12
+ state?: Record<string, unknown>;
13
+ } & import('react').RefAttributes<HTMLDivElement>>;
14
+ Item: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
15
+ ref?: React.ForwardedRef<import('..').ElementTypeToDOMType<T>>;
16
+ }) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
17
+ };
18
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;2BASs9F,MAAO,GAAG,CAAC,iBAAiB;WAAqD,CAAC,EAAC,MAAO,YAAY;yCAAh5D,MAAO,GAAG,CAAC,iBAAiB,sMAAkU,MAAO,YAAY;CADjjD,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { BaseMenuPopup as e, BaseMenuRoot as o, BaseMenuDivider as s, BaseMenuList as i } from "./component.js";
2
+ const u = {
3
+ Root: o,
4
+ Popup: e,
5
+ List: i,
6
+ Divider: s
7
+ };
8
+ export {
9
+ u as BaseMenu
10
+ };
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n BaseMenuRoot,\n BaseMenuPopup,\n BaseMenuContainer,\n BaseMenuSearch,\n BaseMenuList,\n BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n Root: BaseMenuRoot,\n Popup: BaseMenuPopup,\n Container: BaseMenuContainer,\n Search: BaseMenuSearch,\n List: BaseMenuList,\n Divider: BaseMenuDivider,\n Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuList","BaseMenuDivider"],"mappings":";AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EAGP,MAAMC;AAAA,EACN,SAASC;AAEX;"}
@@ -0,0 +1 @@
1
+ @layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:hover,.ds-menu-item-base[data-active=true],.ds-menu-item-base[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:active,.ds-menu-item-base:focus,.ds-menu-item-base[data-selected=true],.ds-menu-item-base[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-menu-item-base[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base[data-danger=true]:active,.ds-menu-item-base[data-danger=true]:focus,.ds-menu-item-base[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:flex-end}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}.ds-checkbox-wrapper{margin-right:.5rem}}
@@ -0,0 +1,47 @@
1
+ import { default as React, ComponentPropsWithoutRef } from 'react';
2
+ import { ElementTypeToDOMType } from '../utils/types';
3
+ import { useRender } from '@base-ui-components/react';
4
+ export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div"> = ComponentPropsWithoutRef<T> & {
5
+ /** Whether the item is disabled */
6
+ disabled?: boolean;
7
+ /** Whether the item represents a dangerous action */
8
+ danger?: boolean;
9
+ /** Whether the item is currently selected */
10
+ selected?: boolean;
11
+ /** Whether the item is currently active/highlighted */
12
+ active?: boolean;
13
+ /** Whether the item has focus */
14
+ focused?: boolean;
15
+ /** Icon to display before the text */
16
+ icon?: React.ReactNode;
17
+ /** Text content of the item */
18
+ children?: React.ReactNode;
19
+ /** Suffix content to display after the text */
20
+ suffix?: React.ReactNode;
21
+ /** Whether to show checkbox */
22
+ showCheckbox?: boolean;
23
+ /** Whether the checkbox is indeterminate */
24
+ indeterminate?: boolean;
25
+ /** Custom render function for the item label */
26
+ labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
27
+ /** Custom className for different parts */
28
+ classNames?: {
29
+ /** Custom className for the root element */
30
+ root?: string;
31
+ /** Custom className for the icon */
32
+ icon?: string;
33
+ /** Custom className for the text */
34
+ text?: string;
35
+ /** Custom className for the suffix */
36
+ suffix?: string;
37
+ };
38
+ onSelect?: () => void;
39
+ render?: useRender.RenderProp;
40
+ as?: T;
41
+ };
42
+ declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
43
+ export declare const BaseMenuItem: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
44
+ ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;
45
+ }) => ReturnType<typeof BaseMenuItemInner>;
46
+ export {};
47
+ //# sourceMappingURL=item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IACjD,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;IAC9B,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,+JAiBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA0DjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
@@ -0,0 +1,73 @@
1
+ import { jsxs as v, Fragment as R, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as j } from "react";
3
+ import { Checkbox as k } from "antd";
4
+ import './item.css';/* empty css */
5
+ import { useRender as B } from "@base-ui-components/react";
6
+ import { useCls as E } from "../utils/antdUtils.js";
7
+ import { clsx as a } from "../utils/cn.js";
8
+ import { WithRenderProp as M } from "../utils/WithRenderProp.js";
9
+ const N = ({
10
+ disabled: n = !1,
11
+ danger: c = !1,
12
+ selected: m = !1,
13
+ active: f = !1,
14
+ focused: l = !1,
15
+ icon: o,
16
+ children: s,
17
+ suffix: d,
18
+ showCheckbox: i = !1,
19
+ indeterminate: p = !1,
20
+ labelRender: u,
21
+ classNames: t,
22
+ render: x,
23
+ onSelect: w,
24
+ as: h,
25
+ ...b
26
+ }, I) => {
27
+ const e = E(), g = /* @__PURE__ */ v(R, { children: [
28
+ i && /* @__PURE__ */ r(
29
+ k,
30
+ {
31
+ checked: m,
32
+ tabIndex: -1,
33
+ indeterminate: p
34
+ }
35
+ ),
36
+ o && /* @__PURE__ */ r("span", { className: a(e("menu-item-icon"), t?.icon), children: o }),
37
+ s && /* @__PURE__ */ r(
38
+ M,
39
+ {
40
+ render: u,
41
+ as: "span",
42
+ className: a(e("menu-item-text"), t?.text),
43
+ children: s
44
+ }
45
+ ),
46
+ d && /* @__PURE__ */ r("span", { className: a(e("menu-item-suffix"), t?.suffix), children: d })
47
+ ] });
48
+ return B({
49
+ render: x || void 0,
50
+ props: {
51
+ ...b,
52
+ className: a(
53
+ // Base menu item styles
54
+ e("menu-item-base"),
55
+ i && e("menu-item-show-checkbox"),
56
+ t?.root
57
+ ),
58
+ "data-disabled": n,
59
+ "data-danger": c,
60
+ "data-selected": m,
61
+ "data-active": f,
62
+ "data-focus": l,
63
+ "aria-disabled": n,
64
+ children: g
65
+ },
66
+ ref: I,
67
+ defaultTagName: h || "div"
68
+ });
69
+ }, A = j(N);
70
+ export {
71
+ A as BaseMenuItem
72
+ };
73
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"antd\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui-components/react\";\n\nexport type BaseMenuItemProps<\n T extends keyof React.JSX.IntrinsicElements = \"div\"\n> = ComponentPropsWithoutRef<T> & {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Whether the item represents a dangerous action */\n danger?: boolean;\n /** Whether the item is currently selected */\n selected?: boolean;\n /** Whether the item is currently active/highlighted */\n active?: boolean;\n /** Whether the item has focus */\n focused?: boolean;\n /** Icon to display before the text */\n icon?: React.ReactNode;\n /** Text content of the item */\n children?: React.ReactNode;\n /** Suffix content to display after the text */\n suffix?: React.ReactNode;\n /** Whether to show checkbox */\n showCheckbox?: boolean;\n /** Whether the checkbox is indeterminate */\n indeterminate?: boolean;\n /** Custom render function for the item label */\n labelRender?: (\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /** Custom className for different parts */\n classNames?: {\n /** Custom className for the root element */\n root?: string;\n /** Custom className for the icon */\n icon?: string;\n /** Custom className for the text */\n text?: string;\n /** Custom className for the suffix */\n suffix?: string;\n };\n onSelect?: () => void;\n render?: useRender.RenderProp;\n as?: T;\n};\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n {\n disabled = false,\n danger = false,\n selected = false,\n active = false,\n focused = false,\n icon,\n children,\n suffix,\n showCheckbox = false,\n indeterminate = false,\n labelRender,\n classNames,\n render,\n onSelect,\n as,\n ...props\n }: BaseMenuItemProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>\n) => {\n const cls = useCls();\n\n const content = (\n <>\n {showCheckbox && (\n <Checkbox\n checked={selected}\n tabIndex={-1}\n indeterminate={indeterminate}\n />\n )}\n {icon && (\n <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>\n {icon}\n </span>\n )}\n {children && (\n <WithRenderProp\n render={labelRender}\n as=\"span\"\n className={clsx(cls(\"menu-item-text\"), classNames?.text)}\n >\n {children}\n </WithRenderProp>\n )}\n {suffix && (\n <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>\n {suffix}\n </span>\n )}\n </>\n );\n\n const renderedElement = useRender({\n render: render || undefined,\n props: {\n ...props,\n className: clsx(\n // Base menu item styles\n cls(\"menu-item-base\"),\n showCheckbox && cls(\"menu-item-show-checkbox\"),\n classNames?.root\n ),\n \"data-disabled\": disabled,\n \"data-danger\": danger,\n \"data-selected\": selected,\n \"data-active\": active,\n \"data-focus\": focused,\n \"aria-disabled\": disabled,\n children: content,\n },\n ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n defaultTagName: as || \"div\",\n });\n\n return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n T extends keyof React.JSX.IntrinsicElements = \"div\"\n>(\n props: BaseMenuItemProps<T> & {\n ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n }\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","props","ref","cls","useCls","content","jsxs","Fragment","jsx","Checkbox","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAoDA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KACC,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASrB;AAAA,QACT,UAAU;AAAA,QACV,eAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHJ,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAC1D,UAAAN,EAAA,CACH;AAAA,IAEDC,KACC,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQf;AAAA,QACR,IAAG;AAAA,QACH,WAAWc,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI;AAAA,QAEtD,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJC,KACC,gBAAAe,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAC9D,UAAAJ,EAAA,CACH;AAAA,EAAA,GAEJ;AAyBF,SAtBwBmB,EAAU;AAAA,IAChC,QAAQd,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,GAAGG;AAAA,MACH,WAAWS;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBT,KAAgBS,EAAI,yBAAyB;AAAA,QAC7CN,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBX;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUmB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBF,KAAM;AAAA,EAAA,CACvB;AAGH,GAEaa,IAAeC,EAAW7B,CAAiB;"}
@@ -0,0 +1 @@
1
+ @layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown)}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
@@ -1,5 +1,6 @@
1
- import { BreadcrumbProps, BreadcrumbItemProps } from './types';
2
- export declare const Breadcrumb: (({ className, items, noWrap, itemRender: outsideItemRender, ...rest }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element) & {
1
+ import { BreadcrumbItemProps, BreadcrumbProps } from './types';
2
+ import { AnyObject } from 'antd/es/_util/type';
3
+ export declare const Breadcrumb: (<T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
3
4
  Item: (props: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
4
5
  Separator: (props: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
5
6
  };
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,OAAO,aAAa,CAAC;AAiDrB,eAAO,MAAM,UAAU,0EAxCpB,eAAe;kBAoBG,mBAAmB;uBAad,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAU7D,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAMzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAapD,OAAO,aAAa,CAAC;AAqMrB,eAAO,MAAM,UAAU,IAtLE,CAAC,SAAS,SAAS,qBACnC,eAAe,CAAC,CAAC,CAAC;;uBA8KD,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAU7D,CAAC"}
@@ -1,47 +1,147 @@
1
1
  "use client";
2
- import { jsx as o } from "react/jsx-runtime";
3
- import m from "antd/es/breadcrumb";
4
- import b from "./useItemRender.js";
2
+ import { jsx as c } from "react/jsx-runtime";
3
+ import { useContext as Q } from "react";
4
+ import C from "rc-util/es/Children/toArray";
5
+ import X from "rc-util/es/pickAttrs";
6
+ import { cloneElement as Y } from "antd/es/_util/reactNode";
7
+ import { devUseWarning as Z } from "antd/es/_util/warning";
8
+ import { InternalBreadcrumbItem as rr } from "antd/es/breadcrumb/BreadcrumbItem";
9
+ import P from "antd/es/breadcrumb/BreadcrumbSeparator";
10
+ import er from "antd/es/breadcrumb/style";
11
+ import tr from "antd/es/breadcrumb/useItems";
12
+ import { ConfigContext as sr } from "antd/es/config-provider";
13
+ import or from "./useItemRender.js";
14
+ import { BreadcrumbItem as ar } from "./item.js";
5
15
  import './style.css';/* empty css */
6
- import { useCls as c, useGetPrefixCls as d } from "../utils/antdUtils.js";
7
- import { clsx as n } from "../utils/cn.js";
8
- const f = ({
9
- className: r,
10
- items: s,
11
- noWrap: e = !1,
12
- itemRender: t,
13
- ...a
14
- }) => {
15
- const i = c(), { getPrefixCls: u } = d(), l = u("breadcrumb"), p = b(l, t);
16
- return /* @__PURE__ */ o(
17
- m,
18
- {
19
- className: n(
20
- i("breadcrumb", e && "breadcrumb-nowrap"),
21
- r
22
- ),
23
- items: s,
24
- itemRender: p,
25
- ...a
16
+ import { useElementSize as mr } from "../hooks/useResizeObserver.js";
17
+ import { useCls as cr } from "../utils/antdUtils.js";
18
+ import { clsx as nr } from "../utils/cn.js";
19
+ const ir = 21, lr = (o, a) => {
20
+ if (a === void 0)
21
+ return a;
22
+ let t = (a || "").replace(/^\//, "");
23
+ return Object.keys(o).forEach((n) => {
24
+ t = t.replace(`:${n}`, o[n]);
25
+ }), t;
26
+ }, pr = (o) => {
27
+ const {
28
+ prefixCls: a,
29
+ separator: t = "/",
30
+ style: n,
31
+ className: S,
32
+ rootClassName: A,
33
+ routes: d,
34
+ items: u,
35
+ children: i,
36
+ itemRender: _,
37
+ params: y = {},
38
+ noWrap: v,
39
+ ...x
40
+ } = o, { getPrefixCls: R, direction: w, breadcrumb: B } = Q(sr), O = cr(), T = R("breadcrumb"), D = or(T, _), { ref: j, width: k } = mr();
41
+ let f;
42
+ const l = R("breadcrumb", a), [L, M, U] = er(l), m = tr(u, d);
43
+ if (process.env.NODE_ENV !== "production") {
44
+ const e = Z("Breadcrumb");
45
+ if (e.deprecated(!d, "routes", "items"), !m || m.length === 0) {
46
+ const s = C(i);
47
+ e.deprecated(
48
+ s.length === 0,
49
+ "Breadcrumb.Item and Breadcrumb.Separator",
50
+ "items"
51
+ ), s.forEach((r) => {
52
+ r && e(
53
+ r.type && (r.type.__ANT_BREADCRUMB_ITEM === !0 || r.type.__ANT_BREADCRUMB_SEPARATOR === !0),
54
+ "usage",
55
+ "Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children"
56
+ );
57
+ });
26
58
  }
27
- );
28
- }, x = (r) => {
29
- const { className: s, ...e } = r, t = c();
30
- return /* @__PURE__ */ o(
31
- m.Item,
59
+ }
60
+ if (m && m.length > 0) {
61
+ const e = [], s = u || d;
62
+ f = m.map((r, p) => {
63
+ const {
64
+ path: W,
65
+ key: z,
66
+ type: H,
67
+ menu: I,
68
+ overlay: N,
69
+ onClick: K,
70
+ className: q,
71
+ separator: F,
72
+ dropdownProps: G
73
+ } = r, h = lr(y, W);
74
+ h !== void 0 && e.push(h);
75
+ const E = z ?? p;
76
+ if (H === "separator")
77
+ return /* @__PURE__ */ c(P, { children: F }, E);
78
+ const b = {}, J = p === m.length - 1;
79
+ I ? b.menu = I : N && (b.overlay = N);
80
+ let { href: g } = r;
81
+ return e.length && h !== void 0 && (g = `#/${e.join("/")}`), /* @__PURE__ */ c(
82
+ rr,
83
+ {
84
+ ...b,
85
+ ...X(r, { data: !0, aria: !0 }),
86
+ className: q,
87
+ dropdownProps: G,
88
+ href: g,
89
+ separator: J ? "" : t,
90
+ onClick: K,
91
+ prefixCls: l,
92
+ children: D(r, y, s, e, g)
93
+ },
94
+ E
95
+ );
96
+ });
97
+ } else if (i) {
98
+ const e = C(i).length;
99
+ f = C(i).map((s, r) => {
100
+ if (!s)
101
+ return s;
102
+ const p = r === e - 1;
103
+ return Y(s, {
104
+ separator: p ? "" : t,
105
+ key: r
106
+ });
107
+ });
108
+ }
109
+ const $ = nr(
110
+ l,
111
+ B?.className,
32
112
  {
33
- className: n(t("breadcrumb-item"), s),
34
- ...e
35
- }
113
+ [`${l}-rtl`]: w === "rtl"
114
+ },
115
+ S,
116
+ A,
117
+ M,
118
+ U,
119
+ v && O("breadcrumb-nowrap")
120
+ ), V = {
121
+ ...B?.style,
122
+ "--ds-breadcrumb-available-item-width": `${k - ir * (u.length - 1)}px`,
123
+ ...n
124
+ };
125
+ return L(
126
+ /* @__PURE__ */ c(
127
+ "nav",
128
+ {
129
+ className: $,
130
+ style: V,
131
+ ...x,
132
+ ref: j,
133
+ children: /* @__PURE__ */ c("ol", { children: f })
134
+ }
135
+ )
36
136
  );
37
- }, P = (r) => {
38
- const { className: s, ...e } = r;
39
- return /* @__PURE__ */ o(m.Separator, { ...e });
40
- }, j = Object.assign(f, {
41
- Item: x,
42
- Separator: P
137
+ }, dr = (o) => {
138
+ const { className: a, ...t } = o;
139
+ return /* @__PURE__ */ c(P, { ...t });
140
+ }, xr = Object.assign(pr, {
141
+ Item: ar,
142
+ Separator: dr
43
143
  });
44
144
  export {
45
- j as Breadcrumb
145
+ xr as Breadcrumb
46
146
  };
47
147
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../../src/components/breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntBreadcrumb } from \"antd/es/breadcrumb\";\nimport { clsx, useCls, useGetPrefixCls } from \"../utils\";\nimport { type BreadcrumbProps, type BreadcrumbItemProps } from \"./types\";\nimport useItemRender from \"./useItemRender\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Create inner function with forwarded ref\nconst BreadcrumbInner = ({\n className,\n items,\n noWrap = false,\n itemRender: outsideItemRender,\n ...rest\n}: BreadcrumbProps) => {\n const cls = useCls();\n const { getPrefixCls } = useGetPrefixCls();\n const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n\n return (\n <AntBreadcrumb\n className={clsx(\n cls(\"breadcrumb\", noWrap && \"breadcrumb-nowrap\"),\n className\n )}\n items={items}\n itemRender={itemRender}\n {...rest}\n />\n );\n};\n\n// Create the Item component\nconst Item = (props: BreadcrumbItemProps) => {\n const { className, ...restProps } = props;\n const cls = useCls();\n\n return (\n <AntBreadcrumb.Item\n className={clsx(cls(\"breadcrumb-item\"), className)}\n {...restProps}\n />\n );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n const { className, ...restProps } = props;\n\n return <AntBreadcrumb.Separator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n Item,\n Separator,\n});\n"],"names":["BreadcrumbInner","className","items","noWrap","outsideItemRender","rest","cls","useCls","getPrefixCls","useGetPrefixCls","componentPrefixCls","itemRender","useItemRender","jsx","AntBreadcrumb","clsx","Item","props","restProps","Separator","Breadcrumb"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAA,GACN,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBF,EAAa,YAAY,GAC9CG,IAAaC,EAAcF,GAAoBN,CAAiB;AAEtE,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTT,EAAI,cAAcH,KAAU,mBAAmB;AAAA,QAC/CF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACA,YAAAS;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMW,IAAO,CAACC,MAA+B;AAC3C,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD,GAC9BX,IAAMC,EAAA;AAEZ,SACE,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,WAAWC,EAAKT,EAAI,iBAAiB,GAAGL,CAAS;AAAA,MAChD,GAAGiB;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMC,IAAY,CAACF,MAAiD;AAClE,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD;AAEpC,SAAO,gBAAAJ,EAACC,EAAc,WAAd,EAAyB,GAAGI,EAAA,CAAW;AACjD,GAGaE,IAAa,OAAO,OAAOpB,GAAiB;AAAA,EACvD,MAAAgB;AAAA,EACA,WAAAG;AACF,CAAC;"}
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { type BreadcrumbItemProps, type BreadcrumbProps } from \"./types\";\n\nimport toArray from \"rc-util/es/Children/toArray\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\n\nimport { cloneElement } from \"antd/es/_util/reactNode\";\nimport type { AnyObject } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { InternalBreadcrumbItem } from \"antd/es/breadcrumb/BreadcrumbItem\";\nimport BreadcrumbSeparator from \"antd/es/breadcrumb/BreadcrumbSeparator\";\nimport useStyle from \"antd/es/breadcrumb/style\";\nimport useItems from \"antd/es/breadcrumb/useItems\";\nimport { ConfigContext } from \"antd/es/config-provider\";\n\nimport { useElementSize } from \"../hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport useItemRender from \"./useItemRender\";\nimport { BreadcrumbItem } from \"./item\";\n\nimport \"./style.css\";\n\nconst BREADCRUMB_SEPARATOR_WIDTH = 21;\n\nconst getPath = <T extends AnyObject = AnyObject>(params: T, path?: string) => {\n if (path === undefined) {\n return path;\n }\n let mergedPath = (path || \"\").replace(/^\\//, \"\");\n Object.keys(params).forEach((key) => {\n mergedPath = mergedPath.replace(`:${key}`, params[key]!);\n });\n return mergedPath;\n};\n\nconst BreadcrumbInner = <T extends AnyObject = AnyObject>(\n props: BreadcrumbProps<T>\n) => {\n const {\n prefixCls: customizePrefixCls,\n separator = \"/\",\n style,\n className,\n rootClassName,\n routes: legacyRoutes,\n items,\n children,\n itemRender: outsideItemRender,\n params = {},\n noWrap,\n ...restProps\n } = props;\n\n const { getPrefixCls, direction, breadcrumb } = useContext(ConfigContext);\n\n const cls = useCls();\n const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n const { ref, width } = useElementSize();\n\n let crumbs: React.ReactNode;\n\n const prefixCls = getPrefixCls(\"breadcrumb\", customizePrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n const mergedItems = useItems(items, legacyRoutes);\n\n if (process.env.NODE_ENV !== \"production\") {\n const warning = devUseWarning(\"Breadcrumb\");\n warning.deprecated(!legacyRoutes, \"routes\", \"items\");\n\n // Deprecated warning for breadcrumb children\n if (!mergedItems || mergedItems.length === 0) {\n const childList = toArray(children);\n\n warning.deprecated(\n childList.length === 0,\n \"Breadcrumb.Item and Breadcrumb.Separator\",\n \"items\"\n );\n\n childList.forEach((element: any) => {\n if (element) {\n warning(\n element.type &&\n (element.type.__ANT_BREADCRUMB_ITEM === true ||\n element.type.__ANT_BREADCRUMB_SEPARATOR === true),\n \"usage\",\n \"Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children\"\n );\n }\n });\n }\n }\n\n if (mergedItems && mergedItems.length > 0) {\n // generated by route\n const paths: string[] = [];\n\n const itemRenderRoutes = items || legacyRoutes;\n\n crumbs = mergedItems.map((item, index) => {\n const {\n path,\n key,\n type,\n menu,\n overlay,\n onClick,\n className: itemClassName,\n separator: itemSeparator,\n dropdownProps,\n } = item;\n const mergedPath = getPath(params, path);\n\n if (mergedPath !== undefined) {\n paths.push(mergedPath);\n }\n\n const mergedKey = key ?? index;\n\n if (type === \"separator\") {\n return (\n <BreadcrumbSeparator key={mergedKey}>\n {itemSeparator}\n </BreadcrumbSeparator>\n );\n }\n\n const itemProps: BreadcrumbItemProps = {};\n const isLastItem = index === mergedItems.length - 1;\n\n if (menu) {\n itemProps.menu = menu;\n } else if (overlay) {\n itemProps.overlay = overlay as any;\n }\n\n let { href } = item;\n if (paths.length && mergedPath !== undefined) {\n href = `#/${paths.join(\"/\")}`;\n }\n\n return (\n <InternalBreadcrumbItem\n key={mergedKey}\n {...itemProps}\n {...pickAttrs(item, { data: true, aria: true })}\n className={itemClassName}\n dropdownProps={dropdownProps}\n href={href}\n separator={isLastItem ? \"\" : separator}\n onClick={onClick}\n prefixCls={prefixCls}\n >\n {itemRender(item, params, itemRenderRoutes!, paths, href)}\n </InternalBreadcrumbItem>\n );\n });\n } else if (children) {\n const childrenLength = toArray(children).length;\n crumbs = toArray(children).map((element: any, index) => {\n if (!element) {\n return element;\n }\n\n const isLastItem = index === childrenLength - 1;\n return cloneElement(element, {\n separator: isLastItem ? \"\" : separator,\n key: index,\n });\n });\n }\n\n const breadcrumbClassName = clsx(\n prefixCls,\n breadcrumb?.className,\n {\n [`${prefixCls}-rtl`]: direction === \"rtl\",\n },\n className,\n rootClassName,\n hashId,\n cssVarCls,\n noWrap && cls(\"breadcrumb-nowrap\")\n );\n\n const mergedStyle: React.CSSProperties = {\n ...breadcrumb?.style,\n ...({\n \"--ds-breadcrumb-available-item-width\": `${\n width - BREADCRUMB_SEPARATOR_WIDTH * (items.length - 1)\n }px`,\n } as React.CSSProperties),\n ...style,\n };\n\n return wrapCSSVar(\n <nav\n className={breadcrumbClassName}\n style={mergedStyle}\n {...restProps}\n ref={ref}\n >\n <ol>{crumbs}</ol>\n </nav>\n );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n const { className, ...restProps } = props;\n\n return <BreadcrumbSeparator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n Item: BreadcrumbItem,\n Separator,\n});\n"],"names":["BREADCRUMB_SEPARATOR_WIDTH","getPath","params","path","mergedPath","key","BreadcrumbInner","props","customizePrefixCls","separator","style","className","rootClassName","legacyRoutes","items","children","outsideItemRender","noWrap","restProps","getPrefixCls","direction","breadcrumb","useContext","ConfigContext","cls","useCls","componentPrefixCls","itemRender","useItemRender","ref","width","useElementSize","crumbs","prefixCls","wrapCSSVar","hashId","cssVarCls","useStyle","mergedItems","useItems","warning","devUseWarning","childList","toArray","element","paths","itemRenderRoutes","item","index","type","menu","overlay","onClick","itemClassName","itemSeparator","dropdownProps","mergedKey","jsx","BreadcrumbSeparator","itemProps","isLastItem","href","InternalBreadcrumbItem","pickAttrs","childrenLength","cloneElement","breadcrumbClassName","clsx","mergedStyle","Separator","Breadcrumb","BreadcrumbItem"],"mappings":"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"}
@@ -1,3 +1,4 @@
1
1
  export * from './component';
2
+ export * from './item';
2
3
  export * from './types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbItemProps } from './types';
2
+ export declare const BreadcrumbItem: (props: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAUxD,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ import { jsx as e } from "react/jsx-runtime";
3
+ import o from "antd/es/breadcrumb/BreadcrumbItem";
4
+ import { useCls as c } from "../utils/antdUtils.js";
5
+ import { clsx as a } from "../utils/cn.js";
6
+ const u = (r) => {
7
+ const { className: m, ...s } = r, t = c();
8
+ return /* @__PURE__ */ e(
9
+ o,
10
+ {
11
+ className: a(t("breadcrumb-item"), m),
12
+ ...s
13
+ }
14
+ );
15
+ };
16
+ export {
17
+ u as BreadcrumbItem
18
+ };
19
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.js","sources":["../../../src/components/breadcrumb/item.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntdBreadcrumbItem } from \"antd/es/breadcrumb/BreadcrumbItem\";\nimport { clsx, useCls } from \"../utils\";\nimport { type BreadcrumbItemProps } from \"./types\";\n\n// Create the Item component\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n const { className, ...restProps } = props;\n const cls = useCls();\n\n return (\n <AntdBreadcrumbItem\n className={clsx(cls(\"breadcrumb-item\"), className)}\n {...restProps}\n />\n );\n};\n"],"names":["BreadcrumbItem","props","className","restProps","cls","useCls","jsx","AntdBreadcrumbItem","clsx"],"mappings":";;;;;AAMO,MAAMA,IAAiB,CAACC,MAA+B;AAC5D,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcF,GAC9BG,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,iBAAiB,GAAGF,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1 +1 @@
1
- @layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap ol:hover li:last-child{flex-shrink:1}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:hover{flex-shrink:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child:hover{flex-shrink:0}}
1
+ @layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child{flex:0 0 auto;max-width:var(--ds-breadcrumb-available-item-width)}.ds-breadcrumb.ds-breadcrumb-nowrap ol:hover li:last-child{flex-shrink:1}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:hover{flex-shrink:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child:hover{flex-shrink:0}}
@@ -1,16 +1,23 @@
1
1
  import { BreadcrumbProps as AntBreadcrumbProps, BreadcrumbItemProps as AntBreadcrumbItemProps } from 'antd/es/breadcrumb';
2
2
  import { BreadcrumbItemType as AntdBreadcrumbItemType, BreadcrumbSeparatorType } from 'antd/es/breadcrumb/Breadcrumb';
3
- type AnyObject = Record<PropertyKey, any>;
3
+ import { AnyObject } from 'antd/es/_util/type';
4
4
  type BaseBreadcrumbItemType = AntdBreadcrumbItemType & {
5
5
  icon?: React.ReactNode;
6
6
  };
7
7
  export type BreadcrumbItemType = Partial<BaseBreadcrumbItemType & BreadcrumbSeparatorType>;
8
8
  export interface BreadcrumbProps<T extends AnyObject = AnyObject> extends Omit<AntBreadcrumbProps<T>, "items" | "itemRender"> {
9
9
  /**
10
- * No wrap
10
+ * No wrap breadcrumb items
11
+ * @default false
11
12
  */
12
13
  noWrap?: boolean;
14
+ /**
15
+ * Breadcrumb items
16
+ */
13
17
  items: BreadcrumbItemType[];
18
+ /**
19
+ * Custom breadcrumb item render
20
+ */
14
21
  itemRender?: (route: BreadcrumbItemType, params: T, routes: BreadcrumbItemType[], paths: string[]) => React.ReactNode;
15
22
  }
16
23
  export interface BreadcrumbItemProps extends AntBreadcrumbItemProps {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/types.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AAEvC,KAAK,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;AAI1C,KAAK,sBAAsB,GAAG,sBAAsB,GAAG;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,sBAAsB,GAAG,uBAAuB,CACjD,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC9D,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,CACX,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,kBAAkB,EAAE,EAC5B,KAAK,EAAE,MAAM,EAAE,KACZ,KAAK,CAAC,SAAS,CAAC;CACtB;AAGD,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/types.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,KAAK,sBAAsB,GAAG,sBAAsB,GAAG;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,sBAAsB,GAAG,uBAAuB,CACjD,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC9D,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC3D;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,kBAAkB,EAAE,EAC5B,KAAK,EAAE,MAAM,EAAE,KACZ,KAAK,CAAC,SAAS,CAAC;CACtB;AAGD,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG"}