@raystack/apsara 0.33.0 → 0.33.1

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.
@@ -5,7 +5,7 @@ var search = require('../../search/search.cjs');
5
5
  var useDataTable = require('../hooks/useDataTable.cjs');
6
6
 
7
7
  function TableSearch({ ...props }) {
8
- const { updateTableQuery } = useDataTable.useDataTable();
8
+ const { updateTableQuery, tableQuery } = useDataTable.useDataTable();
9
9
  const handleSearch = (e) => {
10
10
  const value = e.target.value;
11
11
  updateTableQuery((query) => {
@@ -15,7 +15,15 @@ function TableSearch({ ...props }) {
15
15
  };
16
16
  });
17
17
  };
18
- return jsxRuntime.jsxRuntimeExports.jsx(search.Search, { ...props, onChange: handleSearch });
18
+ const handleClear = () => {
19
+ updateTableQuery((query) => {
20
+ return {
21
+ ...query,
22
+ search: "",
23
+ };
24
+ });
25
+ };
26
+ return (jsxRuntime.jsxRuntimeExports.jsx(search.Search, { ...props, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
19
27
  }
20
28
 
21
29
  exports.TableSearch = TableSearch;
@@ -1 +1 @@
1
- {"version":3,"file":"search.cjs","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n const { updateTableQuery } = useDataTable();\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n updateTableQuery((query) => {\n return {\n ...query,\n search: value,\n };\n });\n };\n\n return <Search {...props} onChange={handleSearch} />;\n}\n"],"names":["useDataTable","_jsx","Search"],"mappings":";;;;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;AACnD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGA,yBAAY,EAAE,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,OAAOC,gCAAA,CAACC,aAAM,EAAK,EAAA,GAAA,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAA,CAAI,CAAC;AACvD;;;;"}
1
+ {"version":3,"file":"search.cjs","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n const { updateTableQuery, tableQuery } = useDataTable();\n\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n updateTableQuery((query) => {\n return {\n ...query,\n search: value,\n };\n });\n };\n\n const handleClear = () => {\n updateTableQuery((query) => {\n return {\n ...query,\n search: \"\",\n };\n });\n };\n\n return (\n <Search\n {...props}\n onChange={handleSearch}\n value={tableQuery?.search}\n onClear={handleClear}\n />\n );\n}\n"],"names":["useDataTable","_jsx","Search"],"mappings":";;;;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;IACnD,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAGA,yBAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEC,iCAACC,aAAM,EAAA,EAAA,GACD,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/components/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,wBAAgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAapD"}
1
+ {"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/components/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,wBAAgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA8BpD"}
@@ -3,7 +3,7 @@ import { Search } from '../../search/search.js';
3
3
  import { useDataTable } from '../hooks/useDataTable.js';
4
4
 
5
5
  function TableSearch({ ...props }) {
6
- const { updateTableQuery } = useDataTable();
6
+ const { updateTableQuery, tableQuery } = useDataTable();
7
7
  const handleSearch = (e) => {
8
8
  const value = e.target.value;
9
9
  updateTableQuery((query) => {
@@ -13,7 +13,15 @@ function TableSearch({ ...props }) {
13
13
  };
14
14
  });
15
15
  };
16
- return jsxRuntimeExports.jsx(Search, { ...props, onChange: handleSearch });
16
+ const handleClear = () => {
17
+ updateTableQuery((query) => {
18
+ return {
19
+ ...query,
20
+ search: "",
21
+ };
22
+ });
23
+ };
24
+ return (jsxRuntimeExports.jsx(Search, { ...props, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
17
25
  }
18
26
 
19
27
  export { TableSearch };
@@ -1 +1 @@
1
- {"version":3,"file":"search.js","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n const { updateTableQuery } = useDataTable();\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n updateTableQuery((query) => {\n return {\n ...query,\n search: value,\n };\n });\n };\n\n return <Search {...props} onChange={handleSearch} />;\n}\n"],"names":["_jsx"],"mappings":";;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;AACnD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,OAAOA,qBAAA,CAAC,MAAM,EAAK,EAAA,GAAA,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAA,CAAI,CAAC;AACvD;;;;"}
1
+ {"version":3,"file":"search.js","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n const { updateTableQuery, tableQuery } = useDataTable();\n\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n updateTableQuery((query) => {\n return {\n ...query,\n search: value,\n };\n });\n };\n\n const handleClear = () => {\n updateTableQuery((query) => {\n return {\n ...query,\n search: \"\",\n };\n });\n };\n\n return (\n <Search\n {...props}\n onChange={handleSearch}\n value={tableQuery?.search}\n onClear={handleClear}\n />\n );\n}\n"],"names":["_jsx"],"mappings":";;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;IACnD,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,sBAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ;;;;"}
@@ -7,17 +7,17 @@ var tooltip = require('../tooltip/tooltip.cjs');
7
7
  var sidebar_module = require('./sidebar.module.css.cjs');
8
8
 
9
9
  const root = index$1.cva(sidebar_module.default.root);
10
- const SidebarRoot = ({ className, position = 'left', open, onOpenChange, children, profile, ref, ...props }) => (jsxRuntime.jsxRuntimeExports.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxRuntimeExports.jsxs(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, 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) => {
11
- if (e.key === 'Enter' || e.key === ' ') {
10
+ const SidebarRoot = ({ className, position = 'left', open, onOpenChange, children, profile, ref, ...props }) => (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) => {
11
+ if (e.key === 'Enter' || e.key === ' ') {
12
+ e.preventDefault();
13
+ onOpenChange?.(!open);
14
+ }
15
+ } }) }), children, profile && (jsxRuntime.jsxRuntimeExports.jsxs("a", { href: profile.href, className: sidebar_module.default.account, role: "button", "aria-label": `Profile: ${profile.label}`, onClick: (e) => {
16
+ if (profile.onIconClick) {
12
17
  e.preventDefault();
13
- onOpenChange?.(!open);
18
+ profile.onIconClick();
14
19
  }
15
- } }) }), children, profile && (jsxRuntime.jsxRuntimeExports.jsxs("a", { href: profile.href, className: sidebar_module.default.account, role: "button", "aria-label": `Profile: ${profile.label}`, onClick: (e) => {
16
- if (profile.onIconClick) {
17
- e.preventDefault();
18
- profile.onIconClick();
19
- }
20
- }, children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-icon'], "aria-hidden": "true", style: { cursor: profile.onIconClick ? 'pointer' : undefined }, children: profile.icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-text'], children: profile.label })] }))] }) }));
20
+ }, children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-icon'], "aria-hidden": "true", style: { cursor: profile.onIconClick ? 'pointer' : undefined }, children: profile.icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-text'], children: profile.label })] }))] }) }) }));
21
21
  const SidebarHeader = ({ className, logo, title, onLogoClick, ref, ...props }) => (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) => {
22
22
  if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {
23
23
  e.preventDefault();
@@ -27,21 +27,20 @@ const SidebarHeader = ({ className, logo, title, onLogoClick, ref, ...props }) =
27
27
  const SidebarMain = ({ className, children, ref, ...props }) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.main, role: "group", "aria-label": "Main navigation", ...props, children: children }));
28
28
  const SidebarFooter = ({ className, children, ref, ...props }) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children }));
29
29
  const SidebarItem = ({ className, icon, children, active, disabled, ref, ...props }) => (jsxRuntime.jsxRuntimeExports.jsxs("a", { ref: ref, className: sidebar_module.default['nav-item'], "data-active": active, "data-disabled": disabled, role: "menuitem", "aria-current": active ? "page" : undefined, "aria-disabled": disabled, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-icon'], "aria-hidden": "true", children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
30
- const SidebarNavigationGroup = ({ className, name, icon, children, ref, ...props }) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, role: "group", "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'], children: children })] }));
30
+ const SidebarNavigationGroup = ({ className, name, icon, children, ref, ...props }) => (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 })] }));
31
31
  SidebarRoot.displayName = "Sidebar.Root";
32
32
  SidebarHeader.displayName = "Sidebar.Header";
33
33
  SidebarMain.displayName = "Sidebar.Main";
34
34
  SidebarFooter.displayName = "Sidebar.Footer";
35
35
  SidebarItem.displayName = "Sidebar.Item";
36
36
  SidebarNavigationGroup.displayName = "Sidebar.Group";
37
- const Sidebar = {
38
- Root: SidebarRoot,
37
+ const Sidebar = Object.assign(SidebarRoot, {
39
38
  Header: SidebarHeader,
40
39
  Main: SidebarMain,
41
40
  Footer: SidebarFooter,
42
41
  Item: SidebarItem,
43
42
  Group: SidebarNavigationGroup,
44
- };
43
+ });
45
44
 
46
45
  exports.Sidebar = Sidebar;
47
46
  //# sourceMappingURL=sidebar.cjs.map
@@ -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 { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\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 >\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 {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\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}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \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 className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n role=\"group\"\n aria-label={name}\n {...props}\n >\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']}>\n {children}\n </div>\n </div>\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 = {\n Root: SidebarRoot,\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n};\n"],"names":["cva","styles","_jsx","TooltipProvider","_jsxs","Collapsible.Root","Tooltip"],"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 { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\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 {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\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}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \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 className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <section \n ref={ref as unknown as React.RefObject<HTMLElement>}\n className={className}\n aria-label={name}\n {...props}\n >\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":["cva","styles","_jsx","TooltipProvider","Collapsible.Root","_jsxs","Tooltip"],"mappings":"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"}
@@ -31,10 +31,9 @@ interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<"div"> {
31
31
  ref?: ComponentRef<"div">;
32
32
  }
33
33
  export declare const Sidebar: {
34
- Root: {
35
- ({ className, position, open, onOpenChange, children, profile, ref, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
36
- displayName: string;
37
- };
34
+ ({ className, position, open, onOpenChange, children, profile, ref, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
35
+ displayName: string;
36
+ } & {
38
37
  Header: {
39
38
  ({ className, logo, title, onLogoClick, ref, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
40
39
  displayName: 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,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,UAAU,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;CAC7C;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;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;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,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACzB;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAkMD,eAAO,MAAM,OAAO;;wFAvLjB,YAAY;;;;iEAoEZ,kBAAkB;;;;;;;;;;iDAgDlB,kBAAkB;;;;yEAoBlB,gBAAgB;;;;6DAuBhB,2BAA2B;;;CA+B7B,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,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,UAAU,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;CAC7C;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;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;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,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACzB;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAqMD,eAAO,MAAM,OAAO;oFA1LjB,YAAY;;;;iEAuEZ,kBAAkB;;;;;;;;;;iDAgDlB,kBAAkB;;;;yEAoBlB,gBAAgB;;;;6DAuBhB,2BAA2B;;;CA8B5B,CAAC"}
@@ -5,17 +5,17 @@ import { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';
5
5
  import styles from './sidebar.module.css.js';
6
6
 
7
7
  const root = cva(styles.root);
8
- const SidebarRoot = ({ className, position = 'left', open, onOpenChange, children, profile, ref, ...props }) => (jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsxs(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, 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) => {
9
- if (e.key === 'Enter' || e.key === ' ') {
8
+ const SidebarRoot = ({ className, position = 'left', open, onOpenChange, children, profile, ref, ...props }) => (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) => {
9
+ if (e.key === 'Enter' || e.key === ' ') {
10
+ e.preventDefault();
11
+ onOpenChange?.(!open);
12
+ }
13
+ } }) }), children, profile && (jsxRuntimeExports.jsxs("a", { href: profile.href, className: styles.account, role: "button", "aria-label": `Profile: ${profile.label}`, onClick: (e) => {
14
+ if (profile.onIconClick) {
10
15
  e.preventDefault();
11
- onOpenChange?.(!open);
16
+ profile.onIconClick();
12
17
  }
13
- } }) }), children, profile && (jsxRuntimeExports.jsxs("a", { href: profile.href, className: styles.account, role: "button", "aria-label": `Profile: ${profile.label}`, onClick: (e) => {
14
- if (profile.onIconClick) {
15
- e.preventDefault();
16
- profile.onIconClick();
17
- }
18
- }, children: [jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], "aria-hidden": "true", style: { cursor: profile.onIconClick ? 'pointer' : undefined }, children: profile.icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: profile.label })] }))] }) }));
18
+ }, children: [jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], "aria-hidden": "true", style: { cursor: profile.onIconClick ? 'pointer' : undefined }, children: profile.icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: profile.label })] }))] }) }) }));
19
19
  const SidebarHeader = ({ className, logo, title, onLogoClick, ref, ...props }) => (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) => {
20
20
  if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {
21
21
  e.preventDefault();
@@ -25,21 +25,20 @@ const SidebarHeader = ({ className, logo, title, onLogoClick, ref, ...props }) =
25
25
  const SidebarMain = ({ className, children, ref, ...props }) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.main, role: "group", "aria-label": "Main navigation", ...props, children: children }));
26
26
  const SidebarFooter = ({ className, children, ref, ...props }) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children }));
27
27
  const SidebarItem = ({ className, icon, children, active, disabled, ref, ...props }) => (jsxRuntimeExports.jsxs("a", { ref: ref, className: styles['nav-item'], "data-active": active, "data-disabled": disabled, role: "menuitem", "aria-current": active ? "page" : undefined, "aria-disabled": disabled, ...props, children: [jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], "aria-hidden": "true", children: icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: children })] }));
28
- const SidebarNavigationGroup = ({ className, name, icon, children, ref, ...props }) => (jsxRuntimeExports.jsxs("div", { ref: ref, role: "group", "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'], children: children })] }));
28
+ const SidebarNavigationGroup = ({ className, name, icon, children, ref, ...props }) => (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 })] }));
29
29
  SidebarRoot.displayName = "Sidebar.Root";
30
30
  SidebarHeader.displayName = "Sidebar.Header";
31
31
  SidebarMain.displayName = "Sidebar.Main";
32
32
  SidebarFooter.displayName = "Sidebar.Footer";
33
33
  SidebarItem.displayName = "Sidebar.Item";
34
34
  SidebarNavigationGroup.displayName = "Sidebar.Group";
35
- const Sidebar = {
36
- Root: SidebarRoot,
35
+ const Sidebar = Object.assign(SidebarRoot, {
37
36
  Header: SidebarHeader,
38
37
  Main: SidebarMain,
39
38
  Footer: SidebarFooter,
40
39
  Item: SidebarItem,
41
40
  Group: SidebarNavigationGroup,
42
- };
41
+ });
43
42
 
44
43
  export { Sidebar };
45
44
  //# sourceMappingURL=sidebar.js.map
@@ -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 { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\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 >\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 {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\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}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \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 className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n role=\"group\"\n aria-label={name}\n {...props}\n >\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']}>\n {children}\n </div>\n </div>\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 = {\n Root: SidebarRoot,\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n};\n"],"names":["_jsx","_jsxs","Collapsible.Root"],"mappings":"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"}
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 { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\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 {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </aside>\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\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}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \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 className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <section \n ref={ref as unknown as React.RefObject<HTMLElement>}\n className={className}\n aria-label={name}\n {...props}\n >\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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"}
@@ -24,8 +24,8 @@ const tooltip = index$1.cva(tooltip_module.default.content, {
24
24
  side: "top"
25
25
  }
26
26
  });
27
- const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
28
- return disabled ? (children) : (jsxRuntime.jsxRuntimeExports.jsx(index.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, { "aria-describedby": "tooltip", asChild: asChild, className: classNames?.trigger, style: style, children: children }), jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: message })) : (message), jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, { className: clsx.clsx(tooltip_module.default.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
27
+ const Tooltip = ({ children, message, disabled, side = "top", classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
28
+ return disabled ? (children) : (jsxRuntime.jsxRuntimeExports.jsx(index.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, { "aria-describedby": "tooltip", asChild: asChild, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(tooltip_module.default.trigger, classNames?.trigger ?? ""), style: triggerStyle, children: children }) }), jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: message })) : (message), jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, { className: clsx.clsx(tooltip_module.default.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
29
29
  };
30
30
  Tooltip.displayName = 'Tooltip';
31
31
  const TooltipProvider = index.Provider;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n className={classNames?.trigger}\n style={style}\n >\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["cva","styles","_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","Text","TooltipPrimitive.Arrow","clsx"],"mappings":";;;;;;;;;AAQA,MAAM,OAAO,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAEA,sBAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAEA,sBAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAEA,sBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAEA,sBAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAEA,sBAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAEA,sBAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAEA,sBAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAEA,sBAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERC,iCAACC,cAAyB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC3F,QAAA,EAAAC,iCAAA,CAACC,UAAqB,EACpB,EAAA,QAAA,EAAA,CAAAH,gCAAA,CAACI,aAAwB,EACN,EAAA,kBAAA,EAAA,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,EAAE,OAAO,EAC9B,KAAK,EAAE,KAAK,EAEX,QAAA,EAAA,QAAQ,EACgB,CAAA,EAC3BJ,iCAACK,YAAuB,EACtB,EAAA,QAAA,EAAAH,iCAAA,CAACI,aAAwB,EACvB,EAAA,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,aAElB,OAAO,OAAO,KAAK,QAAQ,IAC1BN,gCAAC,CAAAO,SAAI,EAAE,EAAA,QAAA,EAAA,OAAO,GAAQ,KAEtB,OAAO,CACR,EACDP,gCAAA,CAACQ,WAAsB,EAAA,EAAC,SAAS,EAAEC,SAAI,CAACV,sBAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAA,CAAI,IACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGE;;;;;"}
1
+ {"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n triggerStyle,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n >\n <div className={clsx(styles.trigger, classNames?.trigger ?? \"\")} style={triggerStyle}>\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["cva","styles","_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","clsx","TooltipPrimitive.Portal","TooltipPrimitive.Content","Text","TooltipPrimitive.Arrow"],"mappings":";;;;;;;;;AAQA,MAAM,OAAO,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAEA,sBAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAEA,sBAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAEA,sBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAEA,sBAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAEA,sBAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAEA,sBAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAEA,sBAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAEA,sBAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERC,gCAAA,CAACC,cAAyB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAA,QAAA,EAC3FC,iCAAC,CAAAC,UAAqB,EAAA,EAAA,QAAA,EAAA,CACpBH,gCAAC,CAAAI,aAAwB,wBACN,SAAS,EAC1B,OAAO,EAAE,OAAO,EAAA,QAAA,EAEhBJ,0CAAK,SAAS,EAAEK,SAAI,CAACN,sBAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAA,QAAA,EACjF,QAAQ,EAAA,CACL,GACmB,EAC3BC,gCAAA,CAACM,YAAuB,EAAA,EAAA,QAAA,EACtBJ,kCAACK,aAAwB,EAAA,EACvB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,EAElB,QAAA,EAAA,CAAA,OAAO,OAAO,KAAK,QAAQ,IAC1BP,gCAAC,CAAAQ,SAAI,cAAE,OAAO,EAAA,CAAQ,KAEtB,OAAO,CACR,EACDR,gCAAC,CAAAS,WAAsB,IAAC,SAAS,EAAEJ,SAAI,CAACN,sBAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAI,CAAA,CAAA,EAAA,CACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGE;;;;;"}
@@ -13,7 +13,7 @@ interface TooltipProps extends VariantProps<typeof tooltip> {
13
13
  content?: string;
14
14
  arrow?: string;
15
15
  };
16
- style?: React.CSSProperties;
16
+ triggerStyle?: React.CSSProperties;
17
17
  contentStyle?: React.CSSProperties;
18
18
  delayDuration?: number;
19
19
  skipDelayDuration?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAM7D,QAAA,MAAM,OAAO;;mFAgBX,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgD1C,CAAC;AAIF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAM7D,QAAA,MAAM,OAAO;;mFAgBX,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgD1C,CAAC;AAIF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}
@@ -22,8 +22,8 @@ const tooltip = cva(styles.content, {
22
22
  side: "top"
23
23
  }
24
24
  });
25
- const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
26
- return disabled ? (children) : (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": "tooltip", asChild: asChild, className: classNames?.trigger, style: style, children: children }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntimeExports.jsx(Text, { children: message })) : (message), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: clsx(styles.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
25
+ const Tooltip = ({ children, message, disabled, side = "top", classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
26
+ return disabled ? (children) : (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": "tooltip", asChild: asChild, children: jsxRuntimeExports.jsx("div", { className: clsx(styles.trigger, classNames?.trigger ?? ""), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntimeExports.jsx(Text, { children: message })) : (message), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: clsx(styles.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
27
27
  };
28
28
  Tooltip.displayName = 'Tooltip';
29
29
  const TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n className={classNames?.trigger}\n style={style}\n >\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERA,sBAACC,yCAAyB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC3F,QAAA,EAAAC,sBAAA,CAACC,yCAAqB,EACpB,EAAA,QAAA,EAAA,CAAAH,qBAAA,CAACI,yCAAwB,EACN,EAAA,kBAAA,EAAA,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,EAAE,OAAO,EAC9B,KAAK,EAAE,KAAK,EAEX,QAAA,EAAA,QAAQ,EACgB,CAAA,EAC3BJ,sBAACK,yCAAuB,EACtB,EAAA,QAAA,EAAAH,sBAAA,CAACI,yCAAwB,EACvB,EAAA,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,aAElB,OAAO,OAAO,KAAK,QAAQ,IAC1BN,qBAAC,CAAA,IAAI,EAAE,EAAA,QAAA,EAAA,OAAO,GAAQ,KAEtB,OAAO,CACR,EACDA,qBAAA,CAACO,yCAAsB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAA,CAAI,IACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGN;;;;"}
1
+ {"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n triggerStyle,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n >\n <div className={clsx(styles.trigger, classNames?.trigger ?? \"\")} style={triggerStyle}>\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERA,qBAAA,CAACC,yCAAyB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAA,QAAA,EAC3FC,sBAAC,CAAAC,yCAAqB,EAAA,EAAA,QAAA,EAAA,CACpBH,qBAAC,CAAAI,yCAAwB,wBACN,SAAS,EAC1B,OAAO,EAAE,OAAO,EAAA,QAAA,EAEhBJ,+BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAA,QAAA,EACjF,QAAQ,EAAA,CACL,GACmB,EAC3BA,qBAAA,CAACK,yCAAuB,EAAA,EAAA,QAAA,EACtBH,uBAACI,yCAAwB,EAAA,EACvB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,EAElB,QAAA,EAAA,CAAA,OAAO,OAAO,KAAK,QAAQ,IAC1BN,qBAAC,CAAA,IAAI,cAAE,OAAO,EAAA,CAAQ,KAEtB,OAAO,CACR,EACDA,qBAAC,CAAAO,yCAAsB,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAI,CAAA,CAAA,EAAA,CACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGN;;;;"}