@raystack/apsara 0.46.0-rc.2 → 0.46.0-rc.3

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 (120) hide show
  1. package/dist/box/box.cjs +3 -0
  2. package/dist/box/box.cjs.map +1 -1
  3. package/dist/box/box.d.ts +3 -0
  4. package/dist/box/box.d.ts.map +1 -1
  5. package/dist/box/box.js +3 -0
  6. package/dist/box/box.js.map +1 -1
  7. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs +2 -0
  8. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs.map +1 -1
  9. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js +2 -1
  10. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
  11. package/dist/style.css +1 -1
  12. package/dist/v1/components/avatar/avatar.cjs +84 -49
  13. package/dist/v1/components/avatar/avatar.cjs.map +1 -1
  14. package/dist/v1/components/avatar/avatar.d.ts +4 -4
  15. package/dist/v1/components/avatar/avatar.d.ts.map +1 -1
  16. package/dist/v1/components/avatar/avatar.js +84 -49
  17. package/dist/v1/components/avatar/avatar.js.map +1 -1
  18. package/dist/v1/components/calendar/calendar.cjs +11 -11
  19. package/dist/v1/components/calendar/calendar.cjs.map +1 -1
  20. package/dist/v1/components/calendar/calendar.d.ts.map +1 -1
  21. package/dist/v1/components/calendar/calendar.js +9 -9
  22. package/dist/v1/components/calendar/calendar.js.map +1 -1
  23. package/dist/v1/components/calendar/date-picker.cjs +1 -1
  24. package/dist/v1/components/calendar/date-picker.cjs.map +1 -1
  25. package/dist/v1/components/calendar/date-picker.js +1 -1
  26. package/dist/v1/components/calendar/date-picker.js.map +1 -1
  27. package/dist/v1/components/calendar/range-picker.cjs +2 -2
  28. package/dist/v1/components/calendar/range-picker.cjs.map +1 -1
  29. package/dist/v1/components/calendar/range-picker.js +2 -2
  30. package/dist/v1/components/calendar/range-picker.js.map +1 -1
  31. package/dist/v1/components/filter-chip/filter-chip.cjs +3 -1
  32. package/dist/v1/components/filter-chip/filter-chip.cjs.map +1 -1
  33. package/dist/v1/components/filter-chip/filter-chip.js +3 -1
  34. package/dist/v1/components/filter-chip/filter-chip.js.map +1 -1
  35. package/dist/v1/components/grid/grid-item.cjs +25 -0
  36. package/dist/v1/components/grid/grid-item.cjs.map +1 -0
  37. package/dist/v1/components/grid/grid-item.d.ts +15 -0
  38. package/dist/v1/components/grid/grid-item.d.ts.map +1 -0
  39. package/dist/v1/components/grid/grid-item.js +23 -0
  40. package/dist/v1/components/grid/grid-item.js.map +1 -0
  41. package/dist/v1/components/grid/grid.cjs +48 -0
  42. package/dist/v1/components/grid/grid.cjs.map +1 -0
  43. package/dist/v1/components/grid/grid.d.ts +45 -0
  44. package/dist/v1/components/grid/grid.d.ts.map +1 -0
  45. package/dist/v1/components/grid/grid.js +46 -0
  46. package/dist/v1/components/grid/grid.js.map +1 -0
  47. package/dist/v1/components/grid/index.cjs +11 -0
  48. package/dist/v1/components/grid/index.cjs.map +1 -0
  49. package/dist/v1/components/grid/index.d.ts +31 -0
  50. package/dist/v1/components/grid/index.d.ts.map +1 -0
  51. package/dist/v1/components/grid/index.js +9 -0
  52. package/dist/v1/components/grid/index.js.map +1 -0
  53. package/dist/v1/components/grid/types.d.ts +3 -0
  54. package/dist/v1/components/grid/types.d.ts.map +1 -0
  55. package/dist/v1/components/select/select-content.cjs +10 -3
  56. package/dist/v1/components/select/select-content.cjs.map +1 -1
  57. package/dist/v1/components/select/select-content.d.ts +4 -1
  58. package/dist/v1/components/select/select-content.d.ts.map +1 -1
  59. package/dist/v1/components/select/select-content.js +10 -3
  60. package/dist/v1/components/select/select-content.js.map +1 -1
  61. package/dist/v1/components/select/select-item.cjs +15 -3
  62. package/dist/v1/components/select/select-item.cjs.map +1 -1
  63. package/dist/v1/components/select/select-item.d.ts +1 -1
  64. package/dist/v1/components/select/select-item.d.ts.map +1 -1
  65. package/dist/v1/components/select/select-item.js +16 -4
  66. package/dist/v1/components/select/select-item.js.map +1 -1
  67. package/dist/v1/components/select/select-misc.cjs +35 -0
  68. package/dist/v1/components/select/select-misc.cjs.map +1 -0
  69. package/dist/v1/components/select/select-misc.d.ts +5 -0
  70. package/dist/v1/components/select/select-misc.d.ts.map +1 -0
  71. package/dist/v1/components/select/select-misc.js +31 -0
  72. package/dist/v1/components/select/select-misc.js.map +1 -0
  73. package/dist/v1/components/select/select-root.cjs +28 -5
  74. package/dist/v1/components/select/select-root.cjs.map +1 -1
  75. package/dist/v1/components/select/select-root.d.ts +40 -3
  76. package/dist/v1/components/select/select-root.d.ts.map +1 -1
  77. package/dist/v1/components/select/select-root.js +28 -5
  78. package/dist/v1/components/select/select-root.js.map +1 -1
  79. package/dist/v1/components/select/select-trigger.cjs.map +1 -1
  80. package/dist/v1/components/select/select-trigger.d.ts +3 -4
  81. package/dist/v1/components/select/select-trigger.d.ts.map +1 -1
  82. package/dist/v1/components/select/select-trigger.js.map +1 -1
  83. package/dist/v1/components/select/select.cjs +4 -2
  84. package/dist/v1/components/select/select.cjs.map +1 -1
  85. package/dist/v1/components/select/select.d.ts +5 -6
  86. package/dist/v1/components/select/select.d.ts.map +1 -1
  87. package/dist/v1/components/select/select.js +5 -3
  88. package/dist/v1/components/select/select.js.map +1 -1
  89. package/dist/v1/components/select/select.module.css.cjs +1 -1
  90. package/dist/v1/components/select/select.module.css.js +1 -1
  91. package/dist/v1/components/sidebar/sidebar.cjs +20 -6
  92. package/dist/v1/components/sidebar/sidebar.cjs.map +1 -1
  93. package/dist/v1/components/sidebar/sidebar.d.ts +2 -1
  94. package/dist/v1/components/sidebar/sidebar.d.ts.map +1 -1
  95. package/dist/v1/components/sidebar/sidebar.js +21 -7
  96. package/dist/v1/components/sidebar/sidebar.js.map +1 -1
  97. package/dist/v1/components/skeleton/index.d.ts +2 -0
  98. package/dist/v1/components/skeleton/index.d.ts.map +1 -0
  99. package/dist/v1/components/skeleton/skeleton.cjs +36 -0
  100. package/dist/v1/components/skeleton/skeleton.cjs.map +1 -0
  101. package/dist/v1/components/skeleton/skeleton.d.ts +24 -0
  102. package/dist/v1/components/skeleton/skeleton.d.ts.map +1 -0
  103. package/dist/v1/components/skeleton/skeleton.js +34 -0
  104. package/dist/v1/components/skeleton/skeleton.js.map +1 -0
  105. package/dist/v1/components/skeleton/skeleton.module.css.cjs +8 -0
  106. package/dist/v1/components/skeleton/skeleton.module.css.cjs.map +1 -0
  107. package/dist/v1/components/skeleton/skeleton.module.css.js +4 -0
  108. package/dist/v1/components/skeleton/skeleton.module.css.js.map +1 -0
  109. package/dist/v1/index.cjs +4 -0
  110. package/dist/v1/index.cjs.map +1 -1
  111. package/dist/v1/index.d.ts +2 -0
  112. package/dist/v1/index.d.ts.map +1 -1
  113. package/dist/v1/index.js +2 -0
  114. package/dist/v1/index.js.map +1 -1
  115. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs +2 -0
  116. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs.map +1 -1
  117. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js +2 -1
  118. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
  119. package/dist/v1/style.css +1 -1
  120. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\n\nexport const Select = Object.assign(SelectRoot, {\n Group: SelectPrimitive.Group,\n Value: SelectValue,\n ScrollUpButton: SelectPrimitive.ScrollDownButton,\n ScrollDownButton: SelectPrimitive.ScrollDownButton,\n Viewport: SelectPrimitive.Viewport,\n Trigger: SelectTrigger,\n Content: SelectContent,\n Item: SelectItem,\n Separator: SelectPrimitive.Separator,\n});\n"],"names":["SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectPrimitive.Separator"],"mappings":";;;;;;;MAOa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC9C,KAAK,EAAEA,KAAqB;AAC5B,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEC,gBAAgC;IAChD,gBAAgB,EAAEA,gBAAgC;IAClD,QAAQ,EAAEC,QAAwB;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;IAChB,SAAS,EAAEC,SAAyB;AACrC,CAAA;;;;"}
1
+ {"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\nimport { SelectGroup, SelectLabel, SelectSeparator } from \"./select-misc\";\n\nexport const Select = Object.assign(SelectRoot, {\n Group: SelectGroup,\n Value: SelectValue,\n ScrollUpButton: SelectPrimitive.ScrollDownButton,\n ScrollDownButton: SelectPrimitive.ScrollDownButton,\n Viewport: SelectPrimitive.Viewport,\n Trigger: SelectTrigger,\n Content: SelectContent,\n Item: SelectItem,\n Separator: SelectSeparator,\n Label: SelectLabel,\n});\n"],"names":["SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":";;;;;;;;MAQa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AAC9C,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEA,gBAAgC;IAChD,gBAAgB,EAAEA,gBAAgC;IAClD,QAAQ,EAAEC,QAAwB;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,WAAW;AACnB,CAAA;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
5
+ var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","comboboxContent":"select-module_comboboxContent__toOr1","viewport":"select-module_viewport__X6Qew","comboboxViewport":"select-module_comboboxViewport__-X4uR","comboboxContainer":"select-module_comboboxContainer__8y-WI","comboboxInput":"select-module_comboboxInput__TCgRj","hidden":"select-module_hidden__5UHM7","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
6
6
 
7
7
  exports.default = styles;
8
8
  //# sourceMappingURL=select.module.css.cjs.map
@@ -1,4 +1,4 @@
1
- var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
1
+ var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","comboboxContent":"select-module_comboboxContent__toOr1","viewport":"select-module_viewport__X6Qew","comboboxViewport":"select-module_comboboxViewport__-X4uR","comboboxContainer":"select-module_comboboxContainer__8y-WI","comboboxInput":"select-module_comboboxInput__TCgRj","hidden":"select-module_hidden__5UHM7","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
2
2
 
3
3
  export { styles as default };
4
4
  //# sourceMappingURL=select.module.css.js.map
@@ -8,15 +8,17 @@ var tooltip = require('../tooltip/tooltip.cjs');
8
8
  var sidebar_module = require('./sidebar.module.css.cjs');
9
9
  var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
10
10
 
11
- const SidebarContext = React.createContext({ isCollapsed: false });
11
+ const SidebarContext = React.createContext({
12
+ isCollapsed: false,
13
+ });
12
14
  const root = index$1.cva(sidebar_module.default.root);
13
- const SidebarRoot = React.forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsxRuntimeExports.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsxs("aside", { children: [jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: (e) => {
15
+ const SidebarRoot = React.forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsxRuntimeExports.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsxs("aside", { children: [jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: e => {
14
16
  if (e.key === "Enter" || e.key === " ") {
15
17
  e.preventDefault();
16
18
  onOpenChange?.(!open);
17
19
  }
18
20
  } }) }), children] }) }) }) })));
19
- const SidebarHeader = React.forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: sidebar_module.default.header, role: "banner", ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: (e) => {
21
+ const SidebarHeader = React.forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: sidebar_module.default.header, role: "banner", ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
20
22
  if (onLogoClick && (e.key === "Enter" || e.key === " ")) {
21
23
  e.preventDefault();
22
24
  onLogoClick();
@@ -24,10 +26,22 @@ const SidebarHeader = React.forwardRef(({ className, logo, title, onLogoClick, .
24
26
  }, style: { cursor: onLogoClick ? "pointer" : undefined }, children: logo }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.title, role: "heading", "aria-level": 1, children: title })] })));
25
27
  const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.main, role: "group", "aria-label": "Main navigation", ...props, children: children })));
26
28
  const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children })));
27
- const SidebarItem = React.forwardRef(({ classNames, icon, children, active, disabled, ...props }, ref) => {
29
+ const SidebarItem = React.forwardRef(({ classNames, icon, children, active, disabled, as = jsxRuntime.jsxRuntimeExports.jsx("a", {}), ...props }, ref) => {
28
30
  const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(SidebarContext); // To prevent prop drillng
29
- const itemContent = (jsxRuntime.jsxRuntimeExports.jsxs("a", { ref: ref, className: clsx.clsx(sidebar_module.default["nav-item"], classNames?.root), "data-active": active, "data-disabled": disabled, role: "menuitem", "aria-current": active ? "page" : undefined, "aria-disabled": disabled, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(sidebar_module.default["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-text"], children: children })] }));
30
- return (isCollapsed && !hideCollapsedItemTooltip) ? (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: children, side: "right", children: itemContent })) : itemContent;
31
+ const content = React.cloneElement(as, {
32
+ ref,
33
+ className: clsx.clsx(sidebar_module.default["nav-item"], classNames?.root),
34
+ "data-active": active,
35
+ "data-disabled": disabled,
36
+ role: "menuitem",
37
+ "aria-current": active ? "page" : undefined,
38
+ "aria-disabled": disabled,
39
+ ...props,
40
+ }, jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(sidebar_module.default["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), !isCollapsed && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-text"], children: children })] }));
41
+ if (isCollapsed && !hideCollapsedItemTooltip) {
42
+ return (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: children, side: "right", children: content }));
43
+ }
44
+ return content;
31
45
  });
32
46
  const SidebarNavigationGroup = React.forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: sidebar_module.default["nav-group-header"], children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-icon"], children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-group-name"], children: name })] }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default["nav-group-items"], role: "list", children: children })] })));
33
47
  SidebarRoot.displayName = "Sidebar.Root";
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.cjs","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n ComponentPropsWithoutRef,\n ComponentRef,\n forwardRef,\n ReactNode,\n createContext,\n useContext\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n isCollapsed: boolean;\n hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({ isCollapsed: false });\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: \"left\" | \"right\";\n hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n classNames?: {\n root?: string;\n icon?: string;\n text?: string;\n };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n ComponentRef<typeof Collapsible.Root>,\n SidebarProps\n>(\n (\n { className, position = \"left\", open, onOpenChange, hideCollapsedItemTooltip, children, ...props },\n ref\n ) => (\n <SidebarContext.Provider value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n <TooltipProvider>\n <Collapsible.Root\n ref={ref}\n className={root({ className })}\n data-position={position}\n data-state={open ? \"expanded\" : \"collapsed\"}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n asChild\n >\n <aside>\n <Tooltip\n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === \"left\" ? \"right\" : \"left\"}\n asChild\n >\n <div\n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n ({ className, logo, title, onLogoClick, ...props }, ref) => (\n <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n <div\n className={styles.logo}\n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={(e) => {\n if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? \"pointer\" : undefined }}\n >\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>\n {title}\n </div>\n </div>\n )\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n ({ classNames, icon, children, active, disabled, ...props }, ref) => {\n const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);// To prevent prop drillng\n \n const itemContent = (\n <a\n ref={ref}\n className={clsx(styles[\"nav-item\"], classNames?.root)}\n data-active={active}\n data-disabled={disabled}\n role=\"menuitem\"\n aria-current={active ? \"page\" : undefined}\n aria-disabled={disabled}\n {...props}\n >\n <span\n className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n aria-hidden=\"true\"\n >\n {icon}\n </span>\n <span className={styles[\"nav-text\"]}>{children}</span>\n </a>\n );\n\n return (isCollapsed && !hideCollapsedItemTooltip) ? (\n <Tooltip message={children} side=\"right\">\n {itemContent}\n </Tooltip>\n ) : itemContent;\n }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n HTMLElement,\n SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n <section ref={ref} className={className} aria-label={name} {...props}>\n <div className={styles[\"nav-group-header\"]}>\n {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n <span className={styles[\"nav-group-name\"]}>{name}</span>\n </div>\n <div className={styles[\"nav-group-items\"]} role=\"list\">\n {children}\n </div>\n </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n});\n"],"names":["createContext","cva","styles","forwardRef","_jsx","TooltipProvider","Collapsible.Root","_jsxs","Tooltip","useContext","clsx"],"mappings":"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"}
1
+ {"version":3,"file":"sidebar.cjs","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n ComponentPropsWithoutRef,\n ComponentRef,\n forwardRef,\n ReactNode,\n createContext,\n useContext,\n ReactElement,\n cloneElement,\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n isCollapsed: boolean;\n hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n isCollapsed: false,\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: \"left\" | \"right\";\n hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n as?: ReactElement;\n classNames?: {\n root?: string;\n icon?: string;\n text?: string;\n };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n ComponentRef<typeof Collapsible.Root>,\n SidebarProps\n>(\n (\n {\n className,\n position = \"left\",\n open,\n onOpenChange,\n hideCollapsedItemTooltip,\n children,\n ...props\n },\n ref,\n ) => (\n <SidebarContext.Provider\n value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n <TooltipProvider>\n <Collapsible.Root\n ref={ref}\n className={root({ className })}\n data-position={position}\n data-state={open ? \"expanded\" : \"collapsed\"}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n asChild>\n <aside>\n <Tooltip\n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === \"left\" ? \"right\" : \"left\"}\n asChild>\n <div\n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={e => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n </SidebarContext.Provider>\n ),\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n ({ className, logo, title, onLogoClick, ...props }, ref) => (\n <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n <div\n className={styles.logo}\n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={e => {\n if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? \"pointer\" : undefined }}>\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>\n {title}\n </div>\n </div>\n ),\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}>\n {children}\n </div>\n ),\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}>\n {children}\n </div>\n ),\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n (\n { classNames, icon, children, active, disabled, as = <a />, ...props },\n ref,\n ) => {\n const { isCollapsed, hideCollapsedItemTooltip } =\n useContext(SidebarContext); // To prevent prop drillng\n\n const content = cloneElement(\n as,\n {\n ref,\n className: clsx(styles[\"nav-item\"], classNames?.root),\n \"data-active\": active,\n \"data-disabled\": disabled,\n role: \"menuitem\",\n \"aria-current\": active ? \"page\" : undefined,\n \"aria-disabled\": disabled,\n ...props,\n },\n <>\n <span\n className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n aria-hidden=\"true\">\n {icon}\n </span>\n {!isCollapsed && <span className={styles[\"nav-text\"]}>{children}</span>}\n </>,\n );\n\n if (isCollapsed && !hideCollapsedItemTooltip) {\n return (\n <Tooltip message={children} side=\"right\">\n {content}\n </Tooltip>\n );\n }\n\n return content;\n },\n);\n\nconst SidebarNavigationGroup = forwardRef<\n HTMLElement,\n SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n <section ref={ref} className={className} aria-label={name} {...props}>\n <div className={styles[\"nav-group-header\"]}>\n {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n <span className={styles[\"nav-group-name\"]}>{name}</span>\n </div>\n <div className={styles[\"nav-group-items\"]} role=\"list\">\n {children}\n </div>\n </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n});\n"],"names":["createContext","cva","styles","forwardRef","_jsx","TooltipProvider","Collapsible.Root","_jsxs","Tooltip","useContext","cloneElement","clsx"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import * as Collapsible from "@radix-ui/react-collapsible";
2
- import { ComponentPropsWithoutRef, ReactNode } from "react";
2
+ import { ComponentPropsWithoutRef, ReactNode, ReactElement } from "react";
3
3
  interface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
4
4
  position?: "left" | "right";
5
5
  hideCollapsedItemTooltip?: boolean;
@@ -13,6 +13,7 @@ interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
13
13
  icon: ReactNode;
14
14
  active?: boolean;
15
15
  disabled?: boolean;
16
+ as?: ReactElement;
16
17
  classNames?: {
17
18
  root?: string;
18
19
  icon?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EACL,wBAAwB,EAGxB,SAAS,EAGV,MAAM,OAAO,CAAC;AAef,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAiKD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EACL,wBAAwB,EAGxB,SAAS,EAGT,YAAY,EAEb,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA8KD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}
@@ -1,20 +1,22 @@
1
1
  import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
2
  import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._hjslo7xm5vmo3b4sx344jkbtcq/node_modules/@radix-ui/react-collapsible/dist/index.js';
3
3
  import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
4
- import { createContext, forwardRef, useContext } from 'react';
4
+ import { createContext, forwardRef, useContext, cloneElement } from 'react';
5
5
  import { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';
6
6
  import styles from './sidebar.module.css.js';
7
7
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
8
8
 
9
- const SidebarContext = createContext({ isCollapsed: false });
9
+ const SidebarContext = createContext({
10
+ isCollapsed: false,
11
+ });
10
12
  const root = cva(styles.root);
11
- const SidebarRoot = forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntimeExports.jsxs("aside", { children: [jsxRuntimeExports.jsx(Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntimeExports.jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: (e) => {
13
+ const SidebarRoot = forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntimeExports.jsxs("aside", { children: [jsxRuntimeExports.jsx(Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntimeExports.jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: e => {
12
14
  if (e.key === "Enter" || e.key === " ") {
13
15
  e.preventDefault();
14
16
  onOpenChange?.(!open);
15
17
  }
16
18
  } }) }), children] }) }) }) })));
17
- const SidebarHeader = forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntimeExports.jsxs("div", { ref: ref, className: styles.header, role: "banner", ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: (e) => {
19
+ const SidebarHeader = forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntimeExports.jsxs("div", { ref: ref, className: styles.header, role: "banner", ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
18
20
  if (onLogoClick && (e.key === "Enter" || e.key === " ")) {
19
21
  e.preventDefault();
20
22
  onLogoClick();
@@ -22,10 +24,22 @@ const SidebarHeader = forwardRef(({ className, logo, title, onLogoClick, ...prop
22
24
  }, style: { cursor: onLogoClick ? "pointer" : undefined }, children: logo }), jsxRuntimeExports.jsx("div", { className: styles.title, role: "heading", "aria-level": 1, children: title })] })));
23
25
  const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.main, role: "group", "aria-label": "Main navigation", ...props, children: children })));
24
26
  const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children })));
25
- const SidebarItem = forwardRef(({ classNames, icon, children, active, disabled, ...props }, ref) => {
27
+ const SidebarItem = forwardRef(({ classNames, icon, children, active, disabled, as = jsxRuntimeExports.jsx("a", {}), ...props }, ref) => {
26
28
  const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext); // To prevent prop drillng
27
- const itemContent = (jsxRuntimeExports.jsxs("a", { ref: ref, className: clsx(styles["nav-item"], classNames?.root), "data-active": active, "data-disabled": disabled, role: "menuitem", "aria-current": active ? "page" : undefined, "aria-disabled": disabled, ...props, children: [jsxRuntimeExports.jsx("span", { className: clsx(styles["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), jsxRuntimeExports.jsx("span", { className: styles["nav-text"], children: children })] }));
28
- return (isCollapsed && !hideCollapsedItemTooltip) ? (jsxRuntimeExports.jsx(Tooltip, { message: children, side: "right", children: itemContent })) : itemContent;
29
+ const content = cloneElement(as, {
30
+ ref,
31
+ className: clsx(styles["nav-item"], classNames?.root),
32
+ "data-active": active,
33
+ "data-disabled": disabled,
34
+ role: "menuitem",
35
+ "aria-current": active ? "page" : undefined,
36
+ "aria-disabled": disabled,
37
+ ...props,
38
+ }, jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: clsx(styles["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), !isCollapsed && jsxRuntimeExports.jsx("span", { className: styles["nav-text"], children: children })] }));
39
+ if (isCollapsed && !hideCollapsedItemTooltip) {
40
+ return (jsxRuntimeExports.jsx(Tooltip, { message: children, side: "right", children: content }));
41
+ }
42
+ return content;
29
43
  });
30
44
  const SidebarNavigationGroup = forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles["nav-group-header"], children: [icon && jsxRuntimeExports.jsx("span", { className: styles["nav-icon"], children: icon }), jsxRuntimeExports.jsx("span", { className: styles["nav-group-name"], children: name })] }), jsxRuntimeExports.jsx("div", { className: styles["nav-group-items"], role: "list", children: children })] })));
31
45
  SidebarRoot.displayName = "Sidebar.Root";
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.js","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n ComponentPropsWithoutRef,\n ComponentRef,\n forwardRef,\n ReactNode,\n createContext,\n useContext\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n isCollapsed: boolean;\n hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({ isCollapsed: false });\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: \"left\" | \"right\";\n hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n classNames?: {\n root?: string;\n icon?: string;\n text?: string;\n };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n ComponentRef<typeof Collapsible.Root>,\n SidebarProps\n>(\n (\n { className, position = \"left\", open, onOpenChange, hideCollapsedItemTooltip, children, ...props },\n ref\n ) => (\n <SidebarContext.Provider value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n <TooltipProvider>\n <Collapsible.Root\n ref={ref}\n className={root({ className })}\n data-position={position}\n data-state={open ? \"expanded\" : \"collapsed\"}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n asChild\n >\n <aside>\n <Tooltip\n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === \"left\" ? \"right\" : \"left\"}\n asChild\n >\n <div\n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n ({ className, logo, title, onLogoClick, ...props }, ref) => (\n <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n <div\n className={styles.logo}\n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={(e) => {\n if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? \"pointer\" : undefined }}\n >\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>\n {title}\n </div>\n </div>\n )\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n ({ classNames, icon, children, active, disabled, ...props }, ref) => {\n const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);// To prevent prop drillng\n \n const itemContent = (\n <a\n ref={ref}\n className={clsx(styles[\"nav-item\"], classNames?.root)}\n data-active={active}\n data-disabled={disabled}\n role=\"menuitem\"\n aria-current={active ? \"page\" : undefined}\n aria-disabled={disabled}\n {...props}\n >\n <span\n className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n aria-hidden=\"true\"\n >\n {icon}\n </span>\n <span className={styles[\"nav-text\"]}>{children}</span>\n </a>\n );\n\n return (isCollapsed && !hideCollapsedItemTooltip) ? (\n <Tooltip message={children} side=\"right\">\n {itemContent}\n </Tooltip>\n ) : itemContent;\n }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n HTMLElement,\n SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n <section ref={ref} className={className} aria-label={name} {...props}>\n <div className={styles[\"nav-group-header\"]}>\n {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n <span className={styles[\"nav-group-name\"]}>{name}</span>\n </div>\n <div className={styles[\"nav-group-items\"]} role=\"list\">\n {children}\n </div>\n </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n});\n"],"names":["_jsx","Collapsible.Root","_jsxs"],"mappings":";;;;;;;;AAoBA,MAAM,cAAc,GAAG,aAAa,CAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;AAElF,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAgC9B,MAAM,WAAW,GAAG,UAAU,CAI5B,CACE,EAAE,SAAS,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,wBAAwB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAClG,GAAG,MAEHA,qBAAC,CAAA,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,YAC9EA,qBAAC,CAAA,eAAe,cACdA,qBAAC,CAAAC,IAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,eAAA,EACf,QAAQ,EACX,YAAA,EAAA,IAAI,GAAG,UAAU,GAAG,WAAW,EAC3C,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAAA,YAAA,EACf,oBAAoB,EAAA,eAAA,EAChB,IAAI,EACnB,IAAI,EAAC,YAAY,EAAA,GACb,KAAK,EACT,OAAO,EAEP,IAAA,EAAA,QAAA,EAAAC,sBAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CACEF,sBAAC,OAAO,EAAA,EACN,OAAO,EAAE,IAAI,GAAG,mBAAmB,GAAG,iBAAiB,EACvD,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAC5C,OAAO,EAAA,IAAA,EAAA,QAAA,EAEPA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EAAA,YAAA,EACC,IAAI,GAAG,kBAAkB,GAAG,gBAAgB,EACxD,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,gCAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oCACtC,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oCAAA,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC;iCACvB;6BACF,EAAA,CACD,EACM,CAAA,EACT,QAAQ,CAAA,EAAA,CACH,GACS,EACH,CAAA,EAAA,CACM,CAC3B,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrDE,sBAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,KAAK,KAAK,EAAA,QAAA,EAAA,CAC9DF,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,EACxC,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAG,SAAS,EACrC,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,gBAAA,IAAI,WAAW,KAAK,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;oBACvD,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oBAAA,WAAW,EAAE,CAAC;iBACf;AACH,aAAC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,YAErD,IAAI,EAAA,CACD,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,SAAS,EAAA,YAAA,EAAa,CAAC,EACvD,QAAA,EAAA,KAAK,GACF,CACF,EAAA,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCA,qBACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,iBAAiB,KACxB,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCA,qBACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,mBAAmB,KAC1B,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAClE,IAAA,MAAM,EAAE,WAAW,EAAE,wBAAwB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AAE7E,IAAA,MAAM,WAAW,IACfE,sBACE,CAAA,GAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EACxC,aAAA,EAAA,MAAM,EACJ,eAAA,EAAA,QAAQ,EACvB,IAAI,EAAC,UAAU,EAAA,cAAA,EACD,MAAM,GAAG,MAAM,GAAG,SAAS,EAAA,eAAA,EAC1B,QAAQ,EACnB,GAAA,KAAK,EAET,QAAA,EAAA,CAAAF,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EACzC,aAAA,EAAA,MAAM,YAEjB,IAAI,EAAA,CACA,EACPA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,CAAA,EAAA,CACpD,CACL,CAAC;AAEF,IAAA,OAAO,CAAC,WAAW,IAAI,CAAC,wBAAwB,KAC9CA,qBAAC,CAAA,OAAO,EAAC,EAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EACrC,QAAA,EAAA,WAAW,EACJ,CAAA,IACR,WAAW,CAAC;AAClB,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACnDE,sBAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,gBAAc,IAAI,EAAA,GAAM,KAAK,EAClE,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACvC,QAAA,EAAA,CAAA,IAAI,IAAIF,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC3DA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,IACpD,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,MAAM,EACnD,QAAA,EAAA,QAAQ,GACL,CACE,EAAA,CAAA,CACX,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,sBAAsB,CAAC,WAAW,GAAG,eAAe,CAAC;MAExC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,sBAAsB;AAC9B,CAAA;;;;"}
1
+ {"version":3,"file":"sidebar.js","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n ComponentPropsWithoutRef,\n ComponentRef,\n forwardRef,\n ReactNode,\n createContext,\n useContext,\n ReactElement,\n cloneElement,\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n isCollapsed: boolean;\n hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n isCollapsed: false,\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: \"left\" | \"right\";\n hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n as?: ReactElement;\n classNames?: {\n root?: string;\n icon?: string;\n text?: string;\n };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n ComponentRef<typeof Collapsible.Root>,\n SidebarProps\n>(\n (\n {\n className,\n position = \"left\",\n open,\n onOpenChange,\n hideCollapsedItemTooltip,\n children,\n ...props\n },\n ref,\n ) => (\n <SidebarContext.Provider\n value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n <TooltipProvider>\n <Collapsible.Root\n ref={ref}\n className={root({ className })}\n data-position={position}\n data-state={open ? \"expanded\" : \"collapsed\"}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n asChild>\n <aside>\n <Tooltip\n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === \"left\" ? \"right\" : \"left\"}\n asChild>\n <div\n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={e => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n </SidebarContext.Provider>\n ),\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n ({ className, logo, title, onLogoClick, ...props }, ref) => (\n <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n <div\n className={styles.logo}\n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={e => {\n if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? \"pointer\" : undefined }}>\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>\n {title}\n </div>\n </div>\n ),\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}>\n {children}\n </div>\n ),\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}>\n {children}\n </div>\n ),\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n (\n { classNames, icon, children, active, disabled, as = <a />, ...props },\n ref,\n ) => {\n const { isCollapsed, hideCollapsedItemTooltip } =\n useContext(SidebarContext); // To prevent prop drillng\n\n const content = cloneElement(\n as,\n {\n ref,\n className: clsx(styles[\"nav-item\"], classNames?.root),\n \"data-active\": active,\n \"data-disabled\": disabled,\n role: \"menuitem\",\n \"aria-current\": active ? \"page\" : undefined,\n \"aria-disabled\": disabled,\n ...props,\n },\n <>\n <span\n className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n aria-hidden=\"true\">\n {icon}\n </span>\n {!isCollapsed && <span className={styles[\"nav-text\"]}>{children}</span>}\n </>,\n );\n\n if (isCollapsed && !hideCollapsedItemTooltip) {\n return (\n <Tooltip message={children} side=\"right\">\n {content}\n </Tooltip>\n );\n }\n\n return content;\n },\n);\n\nconst SidebarNavigationGroup = forwardRef<\n HTMLElement,\n SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n <section ref={ref} className={className} aria-label={name} {...props}>\n <div className={styles[\"nav-group-header\"]}>\n {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n <span className={styles[\"nav-group-name\"]}>{name}</span>\n </div>\n <div className={styles[\"nav-group-items\"]} role=\"list\">\n {children}\n </div>\n </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n});\n"],"names":["_jsx","Collapsible.Root","_jsxs"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { Skeleton } from './skeleton';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,36 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var React = require('react');
5
+ var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
6
+ var skeleton_module = require('./skeleton.module.css.cjs');
7
+
8
+ const SkeletonContext = React.createContext(null);
9
+ const SkeletonBase = (props) => {
10
+ const contextProps = React.useContext(SkeletonContext);
11
+ const { baseColor, highlightColor, width, height = 'var(--rs-space-4)', borderRadius = 'var(--rs-radius-2)', inline = false, duration = 1.5, count = 1, enableAnimation = true, style, className, containerStyle, containerClassName, } = { ...contextProps, ...props };
12
+ const skeletonClassName = clsx.clsx(skeleton_module.default.skeleton, inline && skeleton_module.default.inline, enableAnimation && skeleton_module.default.animate, className);
13
+ const Container = inline ? 'span' : 'div';
14
+ const defaultWidth = inline ? '50px' : '100%';
15
+ return (jsxRuntime.jsxRuntimeExports.jsx(Container, { className: containerClassName, style: {
16
+ display: inline ? 'inline-block' : 'flex',
17
+ flexDirection: !inline ? 'column' : undefined,
18
+ gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,
19
+ ...containerStyle
20
+ }, children: Array.from({ length: count }).map((_, i) => (jsxRuntime.jsxRuntimeExports.jsx("span", { className: skeletonClassName, style: {
21
+ width: width ?? defaultWidth,
22
+ height,
23
+ borderRadius,
24
+ '--skeleton-base-color': baseColor,
25
+ '--skeleton-highlight-color': highlightColor,
26
+ '--skeleton-duration': `${duration}s`,
27
+ ...style
28
+ } }, i))) }));
29
+ };
30
+ const Provider = ({ children, ...props }) => {
31
+ return (jsxRuntime.jsxRuntimeExports.jsx(SkeletonContext.Provider, { value: props, children: children }));
32
+ };
33
+ const Skeleton = Object.assign(SkeletonBase, { Provider });
34
+
35
+ exports.Skeleton = Skeleton;
36
+ //# sourceMappingURL=skeleton.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.cjs","sources":["../../../../v1/components/skeleton/skeleton.tsx"],"sourcesContent":["import { CSSProperties, createContext, useContext } from 'react';\nimport { clsx } from 'clsx';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n baseColor?: string;\n highlightColor?: string;\n width?: string | number;\n height?: string | number;\n borderRadius?: string | number;\n inline?: boolean;\n duration?: number;\n enableAnimation?: boolean;\n count?: number;\n style?: CSSProperties;\n className?: string;\n containerStyle?: CSSProperties;\n containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n const contextProps = useContext(SkeletonContext);\n \n const {\n baseColor,\n highlightColor,\n width,\n height = 'var(--rs-space-4)',\n borderRadius = 'var(--rs-radius-2)',\n inline = false,\n duration = 1.5,\n count = 1,\n enableAnimation = true,\n style,\n className,\n containerStyle,\n containerClassName,\n } = { ...contextProps, ...props };\n\n const skeletonClassName = clsx(\n styles.skeleton,\n inline && styles.inline,\n enableAnimation && styles.animate,\n className\n );\n\n const Container = inline ? 'span' : 'div';\n const defaultWidth = inline ? '50px' : '100%';\n\n return (\n <Container\n className={containerClassName}\n style={{\n display: inline ? 'inline-block' : 'flex',\n flexDirection: !inline ? 'column' : undefined,\n gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n ...containerStyle\n }}\n >\n {Array.from({ length: count }).map((_, i) => (\n <span\n key={i}\n className={skeletonClassName}\n style={{\n width: width ?? defaultWidth,\n height,\n borderRadius,\n '--skeleton-base-color': baseColor,\n '--skeleton-highlight-color': highlightColor,\n '--skeleton-duration': `${duration}s`,\n ...style\n } as CSSProperties}\n />\n ))}\n </Container>\n );\n};\n\nconst Provider = ({ \n children,\n ...props\n}: SkeletonProviderProps) => {\n return (\n <SkeletonContext.Provider value={props}>\n {children}\n </SkeletonContext.Provider>\n );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider }); "],"names":["createContext","useContext","clsx","styles","_jsx"],"mappings":";;;;;;;AAoBA,MAAM,eAAe,GAAGA,mBAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,GACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAGC,SAAI,CAC5BC,uBAAM,CAAC,QAAQ,EACf,MAAM,IAAIA,uBAAM,CAAC,MAAM,EACvB,eAAe,IAAIA,uBAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEC,iCAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,gCAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAVb,CAAC,CAWN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,KAAK,EACc,KAAI;AAC1B,IAAA,QACEA,gCAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}
@@ -0,0 +1,24 @@
1
+ import { CSSProperties } from 'react';
2
+ export interface SkeletonProps {
3
+ baseColor?: string;
4
+ highlightColor?: string;
5
+ width?: string | number;
6
+ height?: string | number;
7
+ borderRadius?: string | number;
8
+ inline?: boolean;
9
+ duration?: number;
10
+ enableAnimation?: boolean;
11
+ count?: number;
12
+ style?: CSSProperties;
13
+ className?: string;
14
+ containerStyle?: CSSProperties;
15
+ containerClassName?: string;
16
+ }
17
+ interface SkeletonProviderProps extends SkeletonProps {
18
+ children: React.ReactNode;
19
+ }
20
+ export declare const Skeleton: ((props: SkeletonProps) => import("react/jsx-runtime").JSX.Element) & {
21
+ Provider: ({ children, ...props }: SkeletonProviderProps) => import("react/jsx-runtime").JSX.Element;
22
+ };
23
+ export {};
24
+ //# sourceMappingURL=skeleton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../v1/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,UAAU,qBAAsB,SAAQ,aAAa;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAuED,eAAO,MAAM,QAAQ,WArEQ,aAAa;uCA6DvC,qBAAqB;CAQyC,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import { createContext, useContext } from 'react';
3
+ import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
4
+ import styles from './skeleton.module.css.js';
5
+
6
+ const SkeletonContext = createContext(null);
7
+ const SkeletonBase = (props) => {
8
+ const contextProps = useContext(SkeletonContext);
9
+ const { baseColor, highlightColor, width, height = 'var(--rs-space-4)', borderRadius = 'var(--rs-radius-2)', inline = false, duration = 1.5, count = 1, enableAnimation = true, style, className, containerStyle, containerClassName, } = { ...contextProps, ...props };
10
+ const skeletonClassName = clsx(styles.skeleton, inline && styles.inline, enableAnimation && styles.animate, className);
11
+ const Container = inline ? 'span' : 'div';
12
+ const defaultWidth = inline ? '50px' : '100%';
13
+ return (jsxRuntimeExports.jsx(Container, { className: containerClassName, style: {
14
+ display: inline ? 'inline-block' : 'flex',
15
+ flexDirection: !inline ? 'column' : undefined,
16
+ gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,
17
+ ...containerStyle
18
+ }, children: Array.from({ length: count }).map((_, i) => (jsxRuntimeExports.jsx("span", { className: skeletonClassName, style: {
19
+ width: width ?? defaultWidth,
20
+ height,
21
+ borderRadius,
22
+ '--skeleton-base-color': baseColor,
23
+ '--skeleton-highlight-color': highlightColor,
24
+ '--skeleton-duration': `${duration}s`,
25
+ ...style
26
+ } }, i))) }));
27
+ };
28
+ const Provider = ({ children, ...props }) => {
29
+ return (jsxRuntimeExports.jsx(SkeletonContext.Provider, { value: props, children: children }));
30
+ };
31
+ const Skeleton = Object.assign(SkeletonBase, { Provider });
32
+
33
+ export { Skeleton };
34
+ //# sourceMappingURL=skeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.js","sources":["../../../../v1/components/skeleton/skeleton.tsx"],"sourcesContent":["import { CSSProperties, createContext, useContext } from 'react';\nimport { clsx } from 'clsx';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n baseColor?: string;\n highlightColor?: string;\n width?: string | number;\n height?: string | number;\n borderRadius?: string | number;\n inline?: boolean;\n duration?: number;\n enableAnimation?: boolean;\n count?: number;\n style?: CSSProperties;\n className?: string;\n containerStyle?: CSSProperties;\n containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n const contextProps = useContext(SkeletonContext);\n \n const {\n baseColor,\n highlightColor,\n width,\n height = 'var(--rs-space-4)',\n borderRadius = 'var(--rs-radius-2)',\n inline = false,\n duration = 1.5,\n count = 1,\n enableAnimation = true,\n style,\n className,\n containerStyle,\n containerClassName,\n } = { ...contextProps, ...props };\n\n const skeletonClassName = clsx(\n styles.skeleton,\n inline && styles.inline,\n enableAnimation && styles.animate,\n className\n );\n\n const Container = inline ? 'span' : 'div';\n const defaultWidth = inline ? '50px' : '100%';\n\n return (\n <Container\n className={containerClassName}\n style={{\n display: inline ? 'inline-block' : 'flex',\n flexDirection: !inline ? 'column' : undefined,\n gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n ...containerStyle\n }}\n >\n {Array.from({ length: count }).map((_, i) => (\n <span\n key={i}\n className={skeletonClassName}\n style={{\n width: width ?? defaultWidth,\n height,\n borderRadius,\n '--skeleton-base-color': baseColor,\n '--skeleton-highlight-color': highlightColor,\n '--skeleton-duration': `${duration}s`,\n ...style\n } as CSSProperties}\n />\n ))}\n </Container>\n );\n};\n\nconst Provider = ({ \n children,\n ...props\n}: SkeletonProviderProps) => {\n return (\n <SkeletonContext.Provider value={props}>\n {children}\n </SkeletonContext.Provider>\n );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider }); "],"names":["_jsx"],"mappings":";;;;;AAoBA,MAAM,eAAe,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,GACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAG,IAAI,CAC5B,MAAM,CAAC,QAAQ,EACf,MAAM,IAAI,MAAM,CAAC,MAAM,EACvB,eAAe,IAAI,MAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,qBAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAVb,CAAC,CAWN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,KAAK,EACc,KAAI;AAC1B,IAAA,QACEA,qBAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"skeleton":"skeleton-module_skeleton__OROts","inline":"skeleton-module_inline__lJjhT","animate":"skeleton-module_animate__a58QT","shimmer":"skeleton-module_shimmer__-y0ub"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=skeleton.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"skeleton":"skeleton-module_skeleton__OROts","inline":"skeleton-module_inline__lJjhT","animate":"skeleton-module_animate__a58QT","shimmer":"skeleton-module_shimmer__-y0ub"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=skeleton.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/dist/v1/index.cjs CHANGED
@@ -39,6 +39,7 @@ var select = require('./components/select/select.cjs');
39
39
  var separator = require('./components/separator/separator.cjs');
40
40
  var sheet = require('./components/sheet/sheet.cjs');
41
41
  var sidebar = require('./components/sidebar/sidebar.cjs');
42
+ var skeleton = require('./components/skeleton/skeleton.cjs');
42
43
  var slider = require('./components/slider/slider.cjs');
43
44
  var spinner = require('./components/spinner/spinner.cjs');
44
45
  var _switch = require('./components/switch/switch.cjs');
@@ -51,6 +52,7 @@ var switcher = require('./components/theme-provider/switcher.cjs');
51
52
  var theme = require('./components/theme-provider/theme.cjs');
52
53
  var toast = require('./components/toast/toast.cjs');
53
54
  var tooltip = require('./components/tooltip/tooltip.cjs');
55
+ var index = require('./components/grid/index.cjs');
54
56
 
55
57
 
56
58
 
@@ -94,6 +96,7 @@ exports.Select = select.Select;
94
96
  exports.Separator = separator.Separator;
95
97
  exports.Sheet = sheet.Sheet;
96
98
  exports.Sidebar = sidebar.Sidebar;
99
+ exports.Skeleton = skeleton.Skeleton;
97
100
  exports.Slider = slider.Slider;
98
101
  exports.Spinner = spinner.Spinner;
99
102
  exports.Switch = _switch.Switch;
@@ -109,4 +112,5 @@ exports.ToastContainer = toast.ToastContainer;
109
112
  exports.toast = toast.toast;
110
113
  exports.Tooltip = tooltip.Tooltip;
111
114
  exports.TooltipProvider = tooltip.TooltipProvider;
115
+ exports.Grid = index.Grid;
112
116
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -33,6 +33,7 @@ export { Select } from "./components/select";
33
33
  export { Separator } from "./components/separator";
34
34
  export { Sheet } from "./components/sheet";
35
35
  export { Sidebar } from "./components/sidebar";
36
+ export { Skeleton } from "./components/skeleton";
36
37
  export { Slider } from "./components/slider";
37
38
  export { Spinner } from "./components/spinner";
38
39
  export { Switch } from "./components/switch";
@@ -44,4 +45,5 @@ export { TextArea } from "./components/text-area";
44
45
  export { ThemeProvider, ThemeProviderProps, ThemeSwitcher, useTheme, } from "./components/theme-provider";
45
46
  export { toast, ToastContainer } from "./components/toast";
46
47
  export { Tooltip, TooltipProvider } from "./components/tooltip";
48
+ export { Grid } from "./components/grid";
47
49
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC"}
package/dist/v1/index.js CHANGED
@@ -37,6 +37,7 @@ export { Select } from './components/select/select.js';
37
37
  export { Separator } from './components/separator/separator.js';
38
38
  export { Sheet } from './components/sheet/sheet.js';
39
39
  export { Sidebar } from './components/sidebar/sidebar.js';
40
+ export { Skeleton } from './components/skeleton/skeleton.js';
40
41
  export { Slider } from './components/slider/slider.js';
41
42
  export { Spinner } from './components/spinner/spinner.js';
42
43
  export { Switch } from './components/switch/switch.js';
@@ -49,4 +50,5 @@ export { ThemeSwitcher } from './components/theme-provider/switcher.js';
49
50
  export { ThemeProvider, useTheme } from './components/theme-provider/theme.js';
50
51
  export { ToastContainer, toast } from './components/toast/toast.js';
51
52
  export { Tooltip, TooltipProvider } from './components/tooltip/tooltip.js';
53
+ export { Grid } from './components/grid/index.js';
52
54
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1167,6 +1167,7 @@ var Portal = SelectPortal;
1167
1167
  var Content2 = SelectContent;
1168
1168
  var Viewport = SelectViewport;
1169
1169
  var Group = SelectGroup;
1170
+ var Label = SelectLabel;
1170
1171
  var Item = SelectItem;
1171
1172
  var ItemText = SelectItemText;
1172
1173
  var ScrollDownButton = SelectScrollDownButton;
@@ -1177,6 +1178,7 @@ exports.Group = Group;
1177
1178
  exports.Icon = Icon;
1178
1179
  exports.Item = Item;
1179
1180
  exports.ItemText = ItemText;
1181
+ exports.Label = Label;
1180
1182
  exports.Portal = Portal;
1181
1183
  exports.Root = Root2;
1182
1184
  exports.ScrollDownButton = ScrollDownButton;