@aivenio/aquarium 6.5.0 → 6.6.0

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.
package/dist/atoms.cjs CHANGED
@@ -6994,17 +6994,18 @@ var navigationClasses = (0, import_tailwind_variants19.tv)({
6994
6994
  slots: {
6995
6995
  nav: "bg-body h-full border-r border-muted",
6996
6996
  list: "flex flex-col h-full",
6997
- header: "px-6 py-5",
6997
+ header: "px-6 py-4",
6998
6998
  headerTitle: "uppercase text-muted typography-small",
6999
6999
  headerSubtitle: "text-intense",
7000
7000
  footer: "px-6 py-5 mt-auto",
7001
- sectionContainer: "py-5",
7001
+ sectionContainer: "py-4",
7002
7002
  sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
7003
7003
  sectionList: "flex flex-col",
7004
7004
  divider: "border-t border-muted",
7005
7005
  itemContainer: "",
7006
7006
  itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
7007
- submenuContainer: "",
7007
+ // `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
7008
+ submenuContainer: "py-3 [&+&]:pt-0",
7008
7009
  submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
7009
7010
  submenuList: "flex flex-col",
7010
7011
  submenuItem: "pl-[56px]"
package/dist/atoms.mjs CHANGED
@@ -6914,17 +6914,18 @@ var navigationClasses = tv19({
6914
6914
  slots: {
6915
6915
  nav: "bg-body h-full border-r border-muted",
6916
6916
  list: "flex flex-col h-full",
6917
- header: "px-6 py-5",
6917
+ header: "px-6 py-4",
6918
6918
  headerTitle: "uppercase text-muted typography-small",
6919
6919
  headerSubtitle: "text-intense",
6920
6920
  footer: "px-6 py-5 mt-auto",
6921
- sectionContainer: "py-5",
6921
+ sectionContainer: "py-4",
6922
6922
  sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
6923
6923
  sectionList: "flex flex-col",
6924
6924
  divider: "border-t border-muted",
6925
6925
  itemContainer: "",
6926
6926
  itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
6927
- submenuContainer: "",
6927
+ // `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
6928
+ submenuContainer: "py-3 [&+&]:pt-0",
6928
6929
  submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
6929
6930
  submenuList: "flex flex-col",
6930
6931
  submenuItem: "pl-[56px]"
@@ -16,17 +16,18 @@ const navigationClasses = tv({
16
16
  slots: {
17
17
  nav: 'bg-body h-full border-r border-muted',
18
18
  list: 'flex flex-col h-full',
19
- header: 'px-6 py-5',
19
+ header: 'px-6 py-4',
20
20
  headerTitle: 'uppercase text-muted typography-small',
21
21
  headerSubtitle: 'text-intense',
22
22
  footer: 'px-6 py-5 mt-auto',
23
- sectionContainer: 'py-5',
23
+ sectionContainer: 'py-4',
24
24
  sectionTitle: 'py-2 px-6 text-inactive uppercase cursor-default typography-small',
25
25
  sectionList: 'flex flex-col',
26
26
  divider: 'border-t border-muted',
27
27
  itemContainer: '',
28
28
  itemAnchor: 'py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable',
29
- submenuContainer: '',
29
+ // `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
30
+ submenuContainer: 'py-3 [&+&]:pt-0',
30
31
  submenuAnchor: 'py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full',
31
32
  submenuList: 'flex flex-col',
32
33
  submenuItem: 'pl-[56px]',
@@ -107,4 +108,4 @@ Navigation.Section = Section;
107
108
  Navigation.Item = Item;
108
109
  Navigation.Submenu = Submenu;
109
110
  Navigation.Divider = Divider;
110
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFlN0QsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDM0IsS0FBSyxFQUFFO1FBQ0wsR0FBRyxFQUFFLHNDQUFzQztRQUMzQyxJQUFJLEVBQUUsc0JBQXNCO1FBQzVCLE1BQU0sRUFBRSxXQUFXO1FBQ25CLFdBQVcsRUFBRSx1Q0FBdUM7UUFDcEQsY0FBYyxFQUFFLGNBQWM7UUFDOUIsTUFBTSxFQUFFLG1CQUFtQjtRQUMzQixnQkFBZ0IsRUFBRSxNQUFNO1FBQ3hCLFlBQVksRUFBRSxtRUFBbUU7UUFDakYsV0FBVyxFQUFFLGVBQWU7UUFDNUIsT0FBTyxFQUFFLHVCQUF1QjtRQUNoQyxhQUFhLEVBQUUsRUFBRTtRQUNqQixVQUFVLEVBQUUsK0ZBQStGO1FBQzNHLGdCQUFnQixFQUFFLEVBQUU7UUFDcEIsYUFBYSxFQUNYLHFHQUFxRztRQUN2RyxXQUFXLEVBQUUsZUFBZTtRQUM1QixXQUFXLEVBQUUsV0FBVztLQUN6QjtJQUNELFFBQVEsRUFBRTtRQUNSLE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRTtnQkFDSixVQUFVLEVBQUUsc0JBQXNCO2FBQ25DO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxjQUFjO2FBQzNCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBbUQsQ0FBQyxFQUsxRSxFQUFFLEVBQUU7UUFMc0UsRUFDekUsU0FBUyxFQUNULFFBQVEsRUFDUixZ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
111
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFlN0QsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDM0IsS0FBSyxFQUFFO1FBQ0wsR0FBRyxFQUFFLHNDQUFzQztRQUMzQyxJQUFJLEVBQUUsc0JBQXNCO1FBQzVCLE1BQU0sRUFBRSxXQUFXO1FBQ25CLFdBQVcsRUFBRSx1Q0FBdUM7UUFDcEQsY0FBYyxFQUFFLGNBQWM7UUFDOUIsTUFBTSxFQUFFLG1CQUFtQjtRQUMzQixnQkFBZ0IsRUFBRSxNQUFNO1FBQ3hCLFlBQVksRUFBRSxtRUFBbUU7UUFDakYsV0FBVyxFQUFFLGVBQWU7UUFDNUIsT0FBTyxFQUFFLHVCQUF1QjtRQUNoQyxhQUFhLEVBQUUsRUFBRTtRQUNqQixVQUFVLEVBQUUsK0ZBQStGO1FBQzNHLHFIQUFxSDtRQUNySCxnQkFBZ0IsRUFBRSxpQkFBaUI7UUFDbkMsYUFBYSxFQUNYLHFHQUFxRztRQUN2RyxXQUFXLEVBQUUsZUFBZTtRQUM1QixXQUFXLEVBQUUsV0FBVztLQUN6QjtJQUNELFFBQVEsRUFBRTtRQUNSLE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRTtnQkFDSixVQUFVLEVBQUUsc0JBQXNCO2FBQ25DO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxjQUFjO2FBQzNCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBbUQsQ0FBQyxFQUsxRSxFQUFFLEVBQUU7UUFMc0UsRUFDekUsU0FBUyxF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
@@ -16,7 +16,7 @@ import { Badge } from '../../../src/molecules/Badge/Badge';
16
16
  import { Box } from '../../../src/molecules/Box/Box';
17
17
  import { InlineIcon } from '../../../src/molecules/Icon/Icon';
18
18
  import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
19
- import { caretDownFilled, caretUpFilled } from '../../../src/icons';
19
+ import { caretRight } from '../../../src/icons';
20
20
  export const Navigation = (_a) => {
21
21
  var { className } = _a, props = __rest(_a, ["className"]);
22
22
  return (React.createElement(NavigationBase, Object.assign({ className: clsx('Aquarium-Navigation', className) }, props)));
@@ -29,11 +29,12 @@ const Item = (_a) => {
29
29
  icon && !showNotification && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
30
30
  children));
31
31
  };
32
+ const DisclosureCaret = ({ open }) => (React.createElement(InlineIcon, { icon: caretRight, width: "12px", height: "12px", className: clsx('mr-1 transition-transform duration-200 ease-in-out', open ? 'rotate-90' : 'rotate-0') }));
32
33
  const Submenu = ({ children, title, icon, defaultOpen = false }) => {
33
34
  const [open, setOpen] = React.useState(defaultOpen);
34
35
  const id = uniqueId();
35
36
  return (React.createElement(NavigationBase.Submenu, { title: React.createElement(React.Fragment, null,
36
- React.createElement(InlineIcon, { icon: open ? caretUpFilled : caretDownFilled, width: "12px", height: "12px", className: "mr-1" }),
37
+ React.createElement(DisclosureCaret, { open: open }),
37
38
  React.createElement(Box.Flex, { paddingX: "1", gap: "4" },
38
39
  icon && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
39
40
  title)), "aria-expanded": open, id: id, onClick: (e) => {
@@ -48,4 +49,4 @@ Navigation.Footer = NavigationBase.Footer;
48
49
  Navigation.Header = NavigationBase.Header;
49
50
  Navigation.Section = NavigationBase.Section;
50
51
  Navigation.Submenu = Submenu;
51
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFM0QsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFBb0UsRUFBRSxFQUFFO1FBQXhFLEVBQUUsU0FBUyxPQUF5RCxFQUFwRCxLQUFLLGNBQXJCLGFBQXVCLENBQUY7SUFBb0QsT0FBQSxDQUNsRyxvQkFBQyxjQUFjLGtCQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMscUJBQXFCLEVBQUUsU0FBUyxDQUFDLElBQU0sS0FBSyxFQUFJLENBQ2pGLENBQUE7Q0FBQSxDQUFDO0FBY0YsTUFBTSxJQUFJLEdBQUcsQ0FBQyxFQUtpRCxFQUFFLEVBQUU7UUFMckQsRUFDWixRQUFRLEVBQ1IsSUFBSSxFQUNKLGdCQUFnQixHQUFHLEtBQUssT0FFcUMsRUFEMUQsSUFBSSxjQUpLLHdDQUtiLENBRFE7SUFDMkQsT0FBQSxDQUNsRSxvQkFBQyxjQUFjLENBQUMsSUFBSSxvQkFBSyxJQUFJO1FBQzFCLElBQUksSUFBSSxnQkFBZ0IsSUFBSSxDQUMzQixvQkFBQyxLQUFLLENBQUMsWUFBWTtZQUNqQixvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUcsQ0FDbEMsQ0FDdEI7UUFDQSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUc7UUFDbEYsUUFBUSxDQUNXLENBQ3ZCLENBQUE7Q0FBQSxDQUFDO0FBWUYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsR0FBRyxLQUFLLEVBQWdCLEVBQUUsRUFBRTtJQUMvRSxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDcEQsTUFBTSxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDdEIsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxPQUFPLElBQ3JCLEtBQUssRUFDSDtZQUNFLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFDLE1BQU0sR0FBRztZQUN4RyxvQkFBQyxHQUFHLENBQUMsSUFBSSxJQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQzNCLElBQUksSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUc7Z0JBQzdELEtBQUssQ0FDRyxDQUNWLG1CQUVVLElBQUksRUFDbkIsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNiLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqQixDQUFDLElBRUEsSUFBSSxJQUFJLENBQ1AsNEJBQUksSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsZUFBZSxxQkFBa0IsRUFBRSxJQUMxRCxRQUFRLENBQ04sQ0FDTixDQUNzQixDQUMxQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztBQUUzQyxVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUFvRSxFQUFFLEVBQUU7UUFBeEUsRUFBRSxTQUFTLE9BQXlELEVBQXBELEtBQUssY0FBckIsYUFBdUIsQ0FBRjtJQUFvRCxPQUFBLENBQ2xHLG9CQUFDLGNBQWMsa0JBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDakYsQ0FBQTtDQUFBLENBQUM7QUFjRixNQUFNLElBQUksR0FBRyxDQUFDLEVBS2lELEVBQUUsRUFBRTtRQUxyRCxFQUNaLFFBQVEsRUFDUixJQUFJLEVBQ0osZ0JBQWdCLEdBQUcsS0FBSyxPQUVxQyxFQUQxRCxJQUFJLGNBSkssd0NBS2IsQ0FEUTtJQUMyRCxPQUFBLENBQ2xFLG9CQUFDLGNBQWMsQ0FBQyxJQUFJLG9CQUFLLElBQUk7UUFDMUIsSUFBSSxJQUFJLGdCQUFnQixJQUFJ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
package/dist/styles.css CHANGED
@@ -1608,10 +1608,18 @@ video {
1608
1608
  --tw-translate-y: -50%;
1609
1609
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1610
1610
  }
1611
+ .rotate-0{
1612
+ --tw-rotate: 0deg;
1613
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1614
+ }
1611
1615
  .rotate-45{
1612
1616
  --tw-rotate: 45deg;
1613
1617
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1614
1618
  }
1619
+ .rotate-90{
1620
+ --tw-rotate: 90deg;
1621
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1622
+ }
1615
1623
  .scale-125{
1616
1624
  --tw-scale-x: 1.25;
1617
1625
  --tw-scale-y: 1.25;
@@ -3716,6 +3724,11 @@ video {
3716
3724
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3717
3725
  transition-duration: 150ms;
3718
3726
  }
3727
+ .transition-transform{
3728
+ transition-property: transform;
3729
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3730
+ transition-duration: 150ms;
3731
+ }
3719
3732
  .delay-150{
3720
3733
  transition-delay: 150ms;
3721
3734
  }
@@ -5080,6 +5093,9 @@ code{
5080
5093
  padding-bottom: 32px;
5081
5094
  }
5082
5095
  }
5096
+ .\[\&\+\&\]\:pt-0+.\[\&\+\&\]\:pt-0{
5097
+ padding-top: 0px;
5098
+ }
5083
5099
  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
5084
5100
  display: none;
5085
5101
  }
package/dist/system.cjs CHANGED
@@ -567,235 +567,225 @@ var data7 = {
567
567
  };
568
568
  var calendar_default = data7;
569
569
 
570
- // src/icons/caretDownFilled.js
571
- var data8 = {
572
- "body": '<path fill="currentColor" d="M6.386 8.532a.5.5 0 01-.772 0l-3.27-3.964a.5.5 0 01.386-.818h6.54a.5.5 0 01.385.818l-3.27 3.964Z"/>',
573
- "left": 0,
574
- "top": 0,
575
- "width": 12,
576
- "height": 12
577
- };
578
- var caretDownFilled_default = data8;
579
-
580
570
  // src/icons/caretDown.js
581
- var data9 = {
571
+ var data8 = {
582
572
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 8.25 5.5 5.5 5.5-5.5"/>',
583
573
  "left": 0,
584
574
  "top": 0,
585
575
  "width": 22,
586
576
  "height": 22
587
577
  };
588
- var caretDown_default = data9;
578
+ var caretDown_default = data8;
589
579
 
590
- // src/icons/caretUpFilled.js
591
- var data10 = {
592
- "body": '<path fill="currentColor" d="M5.614 3.468a.5.5 0 01.772 0l3.27 3.964a.5.5 0 01-.386.818H2.73a.5.5 0 01-.385-.818l3.27-3.964Z"/>',
580
+ // src/icons/caretRight.js
581
+ var data9 = {
582
+ "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.25 16.5 5.5-5.5-5.5-5.5"/>',
593
583
  "left": 0,
594
584
  "top": 0,
595
- "width": 12,
596
- "height": 12
585
+ "width": 22,
586
+ "height": 22
597
587
  };
598
- var caretUpFilled_default = data10;
588
+ var caretRight_default = data9;
599
589
 
600
590
  // src/icons/caretUp.js
601
- var data11 = {
591
+ var data10 = {
602
592
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 13.75 11 8.25l-5.5 5.5"/>',
603
593
  "left": 0,
604
594
  "top": 0,
605
595
  "width": 22,
606
596
  "height": 22
607
597
  };
608
- var caretUp_default = data11;
598
+ var caretUp_default = data10;
609
599
 
610
600
  // src/icons/chevronBackward.js
611
- var data12 = {
601
+ var data11 = {
612
602
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4v14m8-1.25-5.5-5.5 5.5-5.5"/>',
613
603
  "left": 0,
614
604
  "top": 0,
615
605
  "width": 22,
616
606
  "height": 22
617
607
  };
618
- var chevronBackward_default = data12;
608
+ var chevronBackward_default = data11;
619
609
 
620
610
  // src/icons/chevronForward.js
621
- var data13 = {
611
+ var data12 = {
622
612
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4v14m-8-1.25 5.5-5.5L7 5.75"/>',
623
613
  "left": 0,
624
614
  "top": 0,
625
615
  "width": 22,
626
616
  "height": 22
627
617
  };
628
- var chevronForward_default = data13;
618
+ var chevronForward_default = data12;
629
619
 
630
620
  // src/icons/chevronLeft.js
631
- var data14 = {
621
+ var data13 = {
632
622
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.75 16.5 8.25 11l5.5-5.5"/>',
633
623
  "left": 0,
634
624
  "top": 0,
635
625
  "width": 22,
636
626
  "height": 22
637
627
  };
638
- var chevronLeft_default = data14;
628
+ var chevronLeft_default = data13;
639
629
 
640
630
  // src/icons/chevronRight.js
641
- var data15 = {
631
+ var data14 = {
642
632
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.25 16.5 5.5-5.5-5.5-5.5"/>',
643
633
  "left": 0,
644
634
  "top": 0,
645
635
  "width": 22,
646
636
  "height": 22
647
637
  };
648
- var chevronRight_default = data15;
638
+ var chevronRight_default = data14;
649
639
 
650
640
  // src/icons/confirm.js
651
- var data16 = {
641
+ var data15 = {
652
642
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.167 10.162v.843a9.166 9.166 0 11-5.436-8.378m5.436 1.04L11 12.842l-2.75-2.75"/>',
653
643
  "left": 0,
654
644
  "top": 0,
655
645
  "width": 22,
656
646
  "height": 22
657
647
  };
658
- var confirm_default = data16;
648
+ var confirm_default = data15;
659
649
 
660
650
  // src/icons/cross.js
661
- var data17 = {
651
+ var data16 = {
662
652
  "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
663
653
  "left": 0,
664
654
  "top": 0,
665
655
  "width": 22,
666
656
  "height": 22
667
657
  };
668
- var cross_default = data17;
658
+ var cross_default = data16;
669
659
 
670
660
  // src/icons/error.js
671
- var data18 = {
661
+ var data17 = {
672
662
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V11m0 3.667h.01M20.166 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
673
663
  "left": 0,
674
664
  "top": 0,
675
665
  "width": 22,
676
666
  "height": 22
677
667
  };
678
- var error_default = data18;
668
+ var error_default = data17;
679
669
 
680
670
  // src/icons/infoSign.js
681
- var data19 = {
671
+ var data18 = {
682
672
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
683
673
  "left": 0,
684
674
  "top": 0,
685
675
  "width": 22,
686
676
  "height": 22
687
677
  };
688
- var infoSign_default = data19;
678
+ var infoSign_default = data18;
689
679
 
690
680
  // src/icons/loading.js
691
- var data20 = {
681
+ var data19 = {
692
682
  "body": '<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="3" transform="translate(1 1)"><circle cx="18" cy="18" r="18" stroke-opacity=".5"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" dur="1s" from="0 18 18" repeatCount="indefinite" to="360 18 18" type="rotate"/></path></g>',
693
683
  "left": 0,
694
684
  "top": 0,
695
685
  "width": 38,
696
686
  "height": 38
697
687
  };
698
- var loading_default = data20;
688
+ var loading_default = data19;
699
689
 
700
690
  // src/icons/lock.js
701
- var data21 = {
691
+ var data20 = {
702
692
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.583 9.167V7.333a4.583 4.583 0 10-9.166 0v1.834M11 13.292v1.833M8.067 19.25h5.866c1.54 0 2.31 0 2.899-.3a2.75 2.75 0 001.202-1.201c.3-.589.3-1.359.3-2.899v-1.283c0-1.54 0-2.31-.3-2.899a2.75 2.75 0 00-1.202-1.202c-.588-.3-1.359-.3-2.899-.3H8.067c-1.54 0-2.31 0-2.899.3a2.75 2.75 0 00-1.202 1.202c-.3.588-.3 1.359-.3 2.899v1.283c0 1.54 0 2.31.3 2.899a2.75 2.75 0 001.202 1.201c.588.3 1.359.3 2.899.3Z"/>',
703
693
  "left": 0,
704
694
  "top": 0,
705
695
  "width": 22,
706
696
  "height": 22
707
697
  };
708
- var lock_default = data21;
698
+ var lock_default = data20;
709
699
 
710
700
  // src/icons/minus.js
711
- var data22 = {
701
+ var data21 = {
712
702
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.583 11h12.834"/>',
713
703
  "left": 0,
714
704
  "top": 0,
715
705
  "width": 22,
716
706
  "height": 22
717
707
  };
718
- var minus_default = data22;
708
+ var minus_default = data21;
719
709
 
720
710
  // src/icons/more.js
721
- var data23 = {
711
+ var data22 = {
722
712
  "body": '<g fill="none"><path fill="currentColor" d="M11 12a1 1 0 100-2 1 1 0 000 2Zm8 0a1 1 0 100-2 1 1 0 000 2ZM3 12a1 1 0 100-2 1 1 0 000 2Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M11 12a1 1 0 100-2 1 1 0 000 2Zm8 0a1 1 0 100-2 1 1 0 000 2ZM3 12a1 1 0 100-2 1 1 0 000 2Z"/></g>',
723
713
  "left": 0,
724
714
  "top": 0,
725
715
  "width": 22,
726
716
  "height": 22
727
717
  };
728
- var more_default = data23;
718
+ var more_default = data22;
729
719
 
730
720
  // src/icons/questionMark.js
731
- var data24 = {
721
+ var data23 = {
732
722
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.332 8.25a2.75 2.75 0 015.345.917c0 1.833-2.75 2.75-2.75 2.75M11 16.5s-.004-1.11 0-1.5m9.167-4a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
733
723
  "left": 0,
734
724
  "top": 0,
735
725
  "width": 22,
736
726
  "height": 22
737
727
  };
738
- var questionMark_default = data24;
728
+ var questionMark_default = data23;
739
729
 
740
730
  // src/icons/slash.js
741
- var data25 = {
731
+ var data24 = {
742
732
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6.417 20.167 9.166-18.334"/>',
743
733
  "left": 0,
744
734
  "top": 0,
745
735
  "width": 22,
746
736
  "height": 22
747
737
  };
748
- var slash_default = data25;
738
+ var slash_default = data24;
749
739
 
750
740
  // src/icons/smallCross.js
751
- var data26 = {
741
+ var data25 = {
752
742
  "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
753
743
  "left": 0,
754
744
  "top": 0,
755
745
  "width": 22,
756
746
  "height": 22
757
747
  };
758
- var smallCross_default = data26;
748
+ var smallCross_default = data25;
759
749
 
760
750
  // src/icons/tickCircle.js
761
- var data27 = {
751
+ var data26 = {
762
752
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6.875 11 2.75 2.75 5.5-5.5M20.167 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
763
753
  "left": 0,
764
754
  "top": 0,
765
755
  "width": 22,
766
756
  "height": 22
767
757
  };
768
- var tickCircle_default = data27;
758
+ var tickCircle_default = data26;
769
759
 
770
760
  // src/icons/time.js
771
- var data28 = {
761
+ var data27 = {
772
762
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 5.5V11l3.667 1.833m5.5-1.833a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
773
763
  "left": 0,
774
764
  "top": 0,
775
765
  "width": 22,
776
766
  "height": 22
777
767
  };
778
- var time_default = data28;
768
+ var time_default = data27;
779
769
 
780
770
  // src/icons/upload.js
781
- var data29 = {
771
+ var data28 = {
782
772
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.25 13.75v1.1c0 1.54 0 2.31-.3 2.899a2.751 2.751 0 01-1.201 1.201c-.589.3-1.359.3-2.899.3h-7.7c-1.54 0-2.31 0-2.898-.3a2.75 2.75 0 01-1.202-1.2c-.3-.589-.3-1.359-.3-2.899v-1.1m12.833-6.417L11 2.75m0 0L6.417 7.333M11 2.75v11"/>',
783
773
  "left": 0,
784
774
  "top": 0,
785
775
  "width": 22,
786
776
  "height": 22
787
777
  };
788
- var upload_default = data29;
778
+ var upload_default = data28;
789
779
 
790
780
  // src/icons/warningSign.js
791
- var data30 = {
781
+ var data29 = {
792
782
  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 8.25v3.667M11 16l.009-1.5M9.73 3.567 2.191 16.59c-.418.723-.627 1.084-.596 1.38a.917.917 0 00.372.646c.241.176.659.176 1.493.176h15.08c.834 0 1.251 0 1.492-.176a.917.917 0 00.373-.646c.03-.296-.178-.657-.596-1.38l-7.54-13.023c-.417-.72-.625-1.08-.897-1.2a.917.917 0 00-.745 0c-.272.12-.48.48-.897 1.2Z"/>',
793
783
  "left": 0,
794
784
  "top": 0,
795
785
  "width": 22,
796
786
  "height": 22
797
787
  };
798
- var warningSign_default = data30;
788
+ var warningSign_default = data29;
799
789
 
800
790
  // src/utils/useMeasure.ts
801
791
  var import_react4 = __toESM(require("react"));
@@ -13312,17 +13302,18 @@ var navigationClasses = (0, import_tailwind_variants28.tv)({
13312
13302
  slots: {
13313
13303
  nav: "bg-body h-full border-r border-muted",
13314
13304
  list: "flex flex-col h-full",
13315
- header: "px-6 py-5",
13305
+ header: "px-6 py-4",
13316
13306
  headerTitle: "uppercase text-muted typography-small",
13317
13307
  headerSubtitle: "text-intense",
13318
13308
  footer: "px-6 py-5 mt-auto",
13319
- sectionContainer: "py-5",
13309
+ sectionContainer: "py-4",
13320
13310
  sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
13321
13311
  sectionList: "flex flex-col",
13322
13312
  divider: "border-t border-muted",
13323
13313
  itemContainer: "",
13324
13314
  itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
13325
- submenuContainer: "",
13315
+ // `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
13316
+ submenuContainer: "py-3 [&+&]:pt-0",
13326
13317
  submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
13327
13318
  submenuList: "flex flex-col",
13328
13319
  submenuItem: "pl-[56px]"
@@ -13407,13 +13398,22 @@ var Item5 = ({
13407
13398
  showNotification = false,
13408
13399
  ...rest
13409
13400
  }) => /* @__PURE__ */ import_react123.default.createElement(Navigation.Item, { ...rest }, icon && showNotification && /* @__PURE__ */ import_react123.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" })), icon && !showNotification && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), children);
13401
+ var DisclosureCaret = ({ open }) => /* @__PURE__ */ import_react123.default.createElement(
13402
+ InlineIcon,
13403
+ {
13404
+ icon: caretRight_default,
13405
+ width: "12px",
13406
+ height: "12px",
13407
+ className: (0, import_clsx35.clsx)("mr-1 transition-transform duration-200 ease-in-out", open ? "rotate-90" : "rotate-0")
13408
+ }
13409
+ );
13410
13410
  var Submenu2 = ({ children, title, icon, defaultOpen = false }) => {
13411
13411
  const [open, setOpen] = import_react123.default.useState(defaultOpen);
13412
13412
  const id = (0, import_lodash_es42.uniqueId)();
13413
13413
  return /* @__PURE__ */ import_react123.default.createElement(
13414
13414
  Navigation.Submenu,
13415
13415
  {
13416
- title: /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon: open ? caretUpFilled_default : caretDownFilled_default, width: "12px", height: "12px", className: "mr-1" }), /* @__PURE__ */ import_react123.default.createElement(Box.Flex, { paddingX: "1", gap: "4" }, icon && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), title)),
13416
+ title: /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(DisclosureCaret, { open }), /* @__PURE__ */ import_react123.default.createElement(Box.Flex, { paddingX: "1", gap: "4" }, icon && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), title)),
13417
13417
  "aria-expanded": open,
13418
13418
  id,
13419
13419
  onClick: (e) => {
@@ -14467,11 +14467,11 @@ var useSortState = (initialSortState) => import_react147.default.useState(initia
14467
14467
 
14468
14468
  // src/utils/table/useTableSelect.ts
14469
14469
  var import_react148 = __toESM(require("react"));
14470
- var useTableSelect = (data31, { key }) => {
14470
+ var useTableSelect = (data30, { key }) => {
14471
14471
  const [selected, setSelected] = import_react148.default.useState([]);
14472
- const allSelected = selected.length === data31.length;
14472
+ const allSelected = selected.length === data30.length;
14473
14473
  const isSelected = (dot) => selected.includes(dot[key]);
14474
- const selectAll = () => setSelected(data31.map((dot) => dot[key]));
14474
+ const selectAll = () => setSelected(data30.map((dot) => dot[key]));
14475
14475
  const selectOnlyOne = (dot) => setSelected([dot[key]]);
14476
14476
  const unselectAll = () => setSelected([]);
14477
14477
  const toggle = (dot) => {