@luscii-healthtech/web-ui 63.0.0 → 63.0.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.
- package/dist/esm/components/FlyOutMenu/FlyOutMenu.js +22 -18
- package/dist/esm/components/FlyOutMenu/FlyOutMenu.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarContent.js +3 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarContent.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarExtras.js +3 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarExtras.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarList.js +4 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarList.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.js +3 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarRoot.js +3 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarRoot.js.map +1 -1
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarTrigger.js +4 -4
- package/dist/esm/components/PrimaryTabBar/PrimaryTabBarTrigger.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +10 -11
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/index.development.js +49 -45
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/FlyOutMenu/FlyOutMenu.d.ts +30 -18
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarContent.d.ts +5 -1
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarExtras.d.ts +5 -1
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarList.d.ts +5 -1
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.d.ts +6 -3
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarRoot.d.ts +5 -1
- package/dist/src/components/PrimaryTabBar/PrimaryTabBarTrigger.d.ts +5 -1
- package/dist/src/components/Tabs/Tabs.d.ts +17 -5
- package/dist/src/generated/components/FlyOutMenu/FlyOutMenu.d.ts +30 -18
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarContent.d.ts +5 -1
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarExtras.d.ts +5 -1
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarList.d.ts +5 -1
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.d.ts +6 -3
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarRoot.d.ts +5 -1
- package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarTrigger.d.ts +5 -1
- package/dist/src/generated/components/Tabs/Tabs.d.ts +17 -5
- package/dist/stories/PrimaryTabBar.stories.d.ts +30 -12
- package/dist/stories/Tabs.stories.d.ts +16 -4
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as FlyOutMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
import classNames from 'classnames';
|
|
@@ -10,11 +10,15 @@ function cn(...inputs) {
|
|
|
10
10
|
return twMerge(classNames(inputs));
|
|
11
11
|
}
|
|
12
12
|
const FlyOutMenuRoot = (props) => jsx(FlyOutMenuPrimitive.Root, Object.assign({}, props));
|
|
13
|
-
const FlyOutMenuTrigger =
|
|
13
|
+
const FlyOutMenuTrigger = (_a) => {
|
|
14
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
15
|
+
return jsx(FlyOutMenuPrimitive.Trigger, Object.assign({ ref, asChild: true }, props));
|
|
16
|
+
};
|
|
14
17
|
const FlyOutMenuGroup = FlyOutMenuPrimitive.Group;
|
|
15
18
|
const FlyOutMenuPortal = FlyOutMenuPrimitive.Portal;
|
|
16
|
-
const FlyOutMenuContent =
|
|
19
|
+
const FlyOutMenuContent = (_a) => {
|
|
17
20
|
var {
|
|
21
|
+
ref,
|
|
18
22
|
className,
|
|
19
23
|
/**
|
|
20
24
|
* "8px" is size "xxs" from the design system
|
|
@@ -22,29 +26,29 @@ const FlyOutMenuContent = React.forwardRef((_a, ref) => {
|
|
|
22
26
|
sideOffset = 8,
|
|
23
27
|
align = "end",
|
|
24
28
|
container
|
|
25
|
-
} = _a, props = __rest(_a, ["className", "sideOffset", "align", "container"]);
|
|
29
|
+
} = _a, props = __rest(_a, ["ref", "className", "sideOffset", "align", "container"]);
|
|
26
30
|
return jsx(FlyOutMenuPrimitive.Portal, { container, children: jsx(FlyOutMenuPrimitive.Content, Object.assign({ onClick: (event) => {
|
|
27
31
|
event.stopPropagation();
|
|
28
32
|
}, ref, align, sideOffset, className: cn("ui:z-50 ui:min-w-[8rem] ui:max-w-[55ch] ui:overflow-hidden ui:border ui:border-color-border ui:bg-white ui:shadow-large ui:radius-m", "ui:data-[state=open]:animate-in ui:data-[state=closed]:animate-out ui:data-[state=closed]:fade-out-0 ui:data-[state=open]:fade-in-0 ui:data-[state=closed]:zoom-out-95 ui:data-[state=open]:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2", "ui:max-h-[min(var(--radix-popper-available-height),var(--ui-flyout-menu-content-max-height))] ui:overflow-y-auto", className) }, props)) });
|
|
29
|
-
}
|
|
33
|
+
};
|
|
30
34
|
FlyOutMenuContent.displayName = FlyOutMenuPrimitive.Content.displayName;
|
|
31
|
-
const FlyOutMenuItem =
|
|
32
|
-
var { className, icon, children } = _a, props = __rest(_a, ["className", "icon", "children"]);
|
|
35
|
+
const FlyOutMenuItem = (_a) => {
|
|
36
|
+
var { ref, className, icon, children } = _a, props = __rest(_a, ["ref", "className", "icon", "children"]);
|
|
33
37
|
return jsxs(FlyOutMenuPrimitive.Item, Object.assign({ ref, className: cn("ui:gap-m", "ui:relative ui:flex ui:select-none ui:items-center ui:rounded-sm ui:text-sm ui:outline-none ui:transition-colors", "focus:text-accent-foreground ui:focus:bg-primary-background", className) }, props, { children: [icon, children] }));
|
|
34
|
-
}
|
|
38
|
+
};
|
|
35
39
|
FlyOutMenuItem.displayName = FlyOutMenuPrimitive.Item.displayName;
|
|
36
|
-
const FlyOutMenuLabel =
|
|
37
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
40
|
+
const FlyOutMenuLabel = (_a) => {
|
|
41
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
38
42
|
return jsx(FlyOutMenuPrimitive.Label, Object.assign({ ref, className: cn("ui:px-s ui:pb-xxs ui:pt-l", className) }, props, { children: jsx(Text, { variant: "strong", children: props.children }) }));
|
|
39
|
-
}
|
|
43
|
+
};
|
|
40
44
|
FlyOutMenuLabel.displayName = FlyOutMenuPrimitive.Label.displayName;
|
|
41
|
-
const FlyOutMenuSeparator =
|
|
42
|
-
var { className, color = "divider" } = _a, props = __rest(_a, ["className", "color"]);
|
|
45
|
+
const FlyOutMenuSeparator = (_a) => {
|
|
46
|
+
var { ref, className, color = "divider" } = _a, props = __rest(_a, ["ref", "className", "color"]);
|
|
43
47
|
return jsx(FlyOutMenuPrimitive.Separator, Object.assign({ ref, className: cn("ui:h-px", {
|
|
44
48
|
"ui:bg-color-divider": color === "divider",
|
|
45
49
|
"ui:bg-neutral-border-high-contrast": color === "interactive"
|
|
46
50
|
}, className) }, props));
|
|
47
|
-
}
|
|
51
|
+
};
|
|
48
52
|
FlyOutMenuSeparator.displayName = FlyOutMenuPrimitive.Separator.displayName;
|
|
49
53
|
const ItemButton = (props) => {
|
|
50
54
|
const { children, leadingIcon, trailingIcon } = props, rest = __rest(props, ["children", "leadingIcon", "trailingIcon"]);
|
|
@@ -60,16 +64,16 @@ const FlyOutMenuChildrenItem = (props) => {
|
|
|
60
64
|
const { children, icon } = props, rest = __rest(props, ["children", "icon"]);
|
|
61
65
|
return jsxs("div", Object.assign({}, rest, { className: "ui:flex ui:w-full ui:gap-s ui:p-s", children: [React.isValidElement(icon) ? React.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsx("div", { className: "ui:mt-[2px] ui:w-full", children })] }));
|
|
62
66
|
};
|
|
63
|
-
const FlyOutMenuSwitchItem =
|
|
64
|
-
const { children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["children", "icon", "onSelect", "checkedIndicator"]);
|
|
65
|
-
return jsx(FlyOutMenuPrimitive.CheckboxItem, Object.assign({ ref
|
|
67
|
+
const FlyOutMenuSwitchItem = (props) => {
|
|
68
|
+
const { ref, children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["ref", "children", "icon", "onSelect", "checkedIndicator"]);
|
|
69
|
+
return jsx(FlyOutMenuPrimitive.CheckboxItem, Object.assign({ ref, className: "ui:outline-none ui:focus:bg-primary-background", onSelect: (event) => {
|
|
66
70
|
event.preventDefault();
|
|
67
71
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
|
|
68
72
|
} }, rest, { children: jsx("div", { className: "ui:flex ui:w-full", children: jsxs("label", { className: "ui:inline-flex ui:w-full ui:cursor-pointer ui:p-s", children: [React.isValidElement(icon) ? React.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsxs("div", { className: "ui:inline-flex ui:w-full ui:flex-row-reverse ui:gap-m", children: [jsx("div", { className: "ui:peer ui:ml-auto", children: checkedIndicator !== null && checkedIndicator !== void 0 ? checkedIndicator : jsx("div", { className: classNames("ui:relative ui:h-6 ui:w-11 ui:rounded-full ui:transition-colors", "ui:after:absolute ui:after:start-[2px] ui:after:top-[2px] ui:after:h-5 ui:after:w-5 ui:after:rounded-full ui:after:border ui:after:border-slate-300 ui:after:bg-white ui:after:transition-all ui:after:content-['']", {
|
|
69
73
|
"ui:bg-primary-light ui:after:translate-x-full ui:after:border-white": props.checked === true,
|
|
70
74
|
"ui:bg-slate-300": !props.checked
|
|
71
75
|
}) }) }), jsx(Text, { className: "ui:ml-3 ui:mt-[2px] ui:text-start", children })] })] }) }) }));
|
|
72
|
-
}
|
|
76
|
+
};
|
|
73
77
|
const FlyOutMenu = {
|
|
74
78
|
Root: FlyOutMenuRoot,
|
|
75
79
|
Trigger: FlyOutMenuTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlyOutMenu.js","sources":["../../../../../../src/components/FlyOutMenu/FlyOutMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAOM,SAAU,MAAM,MAAA,EAAgC;AACpD,EAAA,OAAO,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAC,CAAA;AACnC;AAIA,MAAM,cAAA,GAAiB,CACrB,KAAA,KACGA,GAAA,CAAC,mBAAA,CAAoB,IAAA,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK;AAMxC,MAAM,
|
|
1
|
+
{"version":3,"file":"FlyOutMenu.js","sources":["../../../../../../src/components/FlyOutMenu/FlyOutMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
3
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
5
4
|
import classNames from 'classnames';
|
|
6
5
|
|
|
7
|
-
const PrimaryTabBarContent =
|
|
8
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
6
|
+
const PrimaryTabBarContent = (_a) => {
|
|
7
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
9
8
|
return jsx(TabsPrimitive.Content, Object.assign({ ref, className: classNames("ui:relative ui:z-[1]", className), tabIndex: -1 }, props));
|
|
10
|
-
}
|
|
9
|
+
};
|
|
11
10
|
PrimaryTabBarContent.displayName = "PrimaryTabBar.Content";
|
|
12
11
|
|
|
13
12
|
export { PrimaryTabBarContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarContent.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarContent.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOO,MAAM,oBAAA,GAAuB,CAAC,EAAA,KAIc;MAJd,EACnC,GAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,EAAA,EAH2B,oBAIpC,CAAA;AAAmD,EAAA,OAClDA,IAAC,aAAA,CAAc,OAAA,EAAO,MAAA,CAAA,MAAA,CAAA,EACpB,GAAA,EACA,SAAA,EAAW,UAAA,CAAW,sBAAA,EAAwB,SAAS,CAAA,EACvD,QAAA,EAAU,EAAA,EAAE,EACR,KAAK,CAAA,CAAA;;AAGb,oBAAA,CAAqB,WAAA,GAAc,uBAAA;;"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
3
|
import classNames from 'classnames';
|
|
5
4
|
|
|
6
|
-
const PrimaryTabBarExtras =
|
|
7
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
5
|
+
const PrimaryTabBarExtras = (_a) => {
|
|
6
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
8
7
|
return jsx("div", Object.assign({ ref, className: classNames("ui:flex ui:items-center ui:self-center ui:gap-f_base ui:mx-f_l", className) }, props, { children }));
|
|
9
|
-
}
|
|
8
|
+
};
|
|
10
9
|
PrimaryTabBarExtras.displayName = "PrimaryTabBar.Extras";
|
|
11
10
|
|
|
12
11
|
export { PrimaryTabBarExtras };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarExtras.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarExtras.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarExtras.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarExtras.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAOO,MAAM,mBAAA,GAAsB,CAAC,EAAA,KAKD;MALC,EAClC,GAAA,EACA,SAAA,EACA,QAAA,SACG,KAAA,GAAK,MAAA,CAAA,EAAA,EAJ0B,CAAA,KAAA,EAAA,WAAA,EAAA,UAAA,CAKnC,CAAA;AAAmC,EAAA,OAClCA,2BACE,KACA,SAAA,EAAW,UAAA,CACT,gEAAA,EACA,SAAS,GACV,EACG,KAAA,cAEK,CAAA,CAAA;;AAGb,mBAAA,CAAoB,WAAA,GAAc,sBAAA;;"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { Children, isValidElement } from 'react';
|
|
4
4
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { PrimaryTabBarExtras } from './PrimaryTabBarExtras.js';
|
|
7
7
|
|
|
8
|
-
const PrimaryTabBarList =
|
|
9
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
8
|
+
const PrimaryTabBarList = (_a) => {
|
|
9
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
10
10
|
const items = Children.toArray(children);
|
|
11
11
|
const isExtras = (child) => isValidElement(child) && child.type === PrimaryTabBarExtras;
|
|
12
12
|
return jsxs("div", { className: classNames("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), children: [jsx(TabsPrimitive.List, Object.assign({ ref, className: "ui:flex ui:items-end", loop: true }, props, { children: items.filter((child) => !isExtras(child)) })), items.filter(isExtras)] });
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
PrimaryTabBarList.displayName = "PrimaryTabBar.List";
|
|
15
15
|
|
|
16
16
|
export { PrimaryTabBarList };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarList.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarList.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWO,MAAM,iBAAA,GAAoB,CAAC,EAAA,KAKc;MALd,EAChC,GAAA,EACA,SAAA,EACA,QAAA,SACG,KAAA,GAAK,MAAA,CAAA,EAAA,EAJwB,CAAA,KAAA,EAAA,WAAA,EAAA,UAAA,CAKjC,CAAA;AACC,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACvC,EAAA,MAAM,WAAW,CAAC,KAAA,KAChB,eAAe,KAAK,CAAA,IAAK,MAAM,IAAA,KAAS,mBAAA;AAE1C,EAAA,OACEA,KAAA,KAAA,EAAA,EACE,WAAW,UAAA,CACT,gCAAA,EACA,0DACA,SAAS,CAAA,aAGXC,GAAA,CAAC,cAAc,IAAA,EAAI,MAAA,CAAA,OAAA,EACjB,GAAA,EACA,WAAU,sBAAA,EACV,IAAA,UACI,KAAA,EAAK,EAAA,QAAA,EAER,KAAA,CAAM,OAAO,CAAC,KAAA,KAAU,CAAC,QAAA,CAAS,KAAK,CAAC,CAAA,EAAC,CAAA,CAAA,EAE3C,KAAA,CAAM,OAAO,QAAQ,CAAC,GAAA,CAAA;AAG7B;AACA,iBAAA,CAAkB,WAAA,GAAc,oBAAA;;"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
3
|
import classNames from 'classnames';
|
|
5
4
|
|
|
6
|
-
const PrimaryTabBarOverflowIndicator =
|
|
7
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
5
|
+
const PrimaryTabBarOverflowIndicator = (_a) => {
|
|
6
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
8
7
|
return jsx("span", Object.assign({ ref, className: classNames("ui-typo-body-small-regular", "ui:text-text-neutral-secondary-disabled", "ui:self-center ui:whitespace-nowrap", className) }, props, { children }));
|
|
9
|
-
}
|
|
8
|
+
};
|
|
10
9
|
PrimaryTabBarOverflowIndicator.displayName = "PrimaryTabBar.OverflowIndicator";
|
|
11
10
|
|
|
12
11
|
export { PrimaryTabBarOverflowIndicator };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarOverflowIndicator.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarOverflowIndicator.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AASO,MAAM,8BAAA,GAAiC,CAAC,EAAA,KAKL;MALK,EAC7C,GAAA,EACA,SAAA,EACA,QAAA,SACG,KAAA,GAAK,MAAA,CAAA,EAAA,EAJqC,CAAA,KAAA,EAAA,WAAA,EAAA,UAAA,CAK9C,CAAA;AAA0C,EAAA,OACzCA,IAAA,MAAA,EAAA,MAAA,CAAA,OAAA,EACE,GAAA,EACA,WAAW,UAAA,CACT,4BAAA,EACA,yCAAA,EACA,qCAAA,EACA,SAAS,CAAA,EACV,EACG,OAAK,EAAA,QAAA,EAEA,CAAA,CAAA;;AAGb,8BAAA,CAA+B,WAAA,GAAc,iCAAA;;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
3
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
5
4
|
import classNames from 'classnames';
|
|
6
5
|
|
|
7
|
-
const PrimaryTabBarRoot =
|
|
8
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
6
|
+
const PrimaryTabBarRoot = (_a) => {
|
|
7
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
9
8
|
return jsx(TabsPrimitive.Root, Object.assign({ ref, className: classNames("ui:pt-f_l", className) }, props));
|
|
10
|
-
}
|
|
9
|
+
};
|
|
11
10
|
PrimaryTabBarRoot.displayName = "PrimaryTabBar.Root";
|
|
12
11
|
|
|
13
12
|
export { PrimaryTabBarRoot };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarRoot.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarRoot.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarRoot.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarRoot.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAA,KAIc;MAJd,EAChC,GAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,EAAA,EAHwB,oBAIjC,CAAA;AAAgD,EAAA,OAC/CA,GAAA,CAAC,aAAA,CAAc,IAAA,EAAI,MAAA,CAAA,OAAA,EACjB,GAAA,EACA,SAAA,EAAW,UAAA,CAAW,WAAA,EAAa,SAAS,CAAA,EAAC,EACzC,KAAK,CAAA,CAAA;;AAGb,iBAAA,CAAkB,WAAA,GAAc,oBAAA;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { Children, isValidElement } from 'react';
|
|
4
4
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
|
|
@@ -16,8 +16,8 @@ function splitChildren(children) {
|
|
|
16
16
|
});
|
|
17
17
|
return { text, elements };
|
|
18
18
|
}
|
|
19
|
-
const PrimaryTabBarTrigger =
|
|
20
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
19
|
+
const PrimaryTabBarTrigger = (_a) => {
|
|
20
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
21
21
|
const { text, elements } = splitChildren(children);
|
|
22
22
|
return jsxs(TabsPrimitive.Trigger, Object.assign({ ref, className: classNames(
|
|
23
23
|
// Layout
|
|
@@ -55,7 +55,7 @@ const PrimaryTabBarTrigger = forwardRef((_a, ref) => {
|
|
|
55
55
|
"ui:after:shadow-[-3px_3px_0_2px_var(--ui-color-background-neutral-secondary-default)]",
|
|
56
56
|
className
|
|
57
57
|
) }, props, { children: [text.length > 0 && jsx("span", { className: "ui:truncate", children: text }), elements] }));
|
|
58
|
-
}
|
|
58
|
+
};
|
|
59
59
|
PrimaryTabBarTrigger.displayName = "PrimaryTabBar.Trigger";
|
|
60
60
|
|
|
61
61
|
export { PrimaryTabBarTrigger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryTabBarTrigger.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarTrigger.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"PrimaryTabBarTrigger.js","sources":["../../../../../../src/components/PrimaryTabBar/PrimaryTabBarTrigger.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaA,SAAS,cAAc,QAAA,EAAmB;AACxC,EAAA,MAAM,OAAoB,EAAA;AAC1B,EAAA,MAAM,WAAwB,EAAA;AAC9B,EAAA,QAAA,CAAS,OAAA,CAAQ,QAAA,EAAU,CAAC,KAAA,KAAS;AACnC,IAAA,IAAI,cAAA,CAAe,KAAK,CAAA,EAAG;AACzB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA,IACrB,WAAW,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,KAAA,IAAS,UAAU,IAAA,EAAM;AAC9D,MAAA,IAAA,CAAK,KAAK,KAAK,CAAA;AAAA,IACjB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,EAAE,MAAM,QAAA;AACjB;AAOO,MAAM,oBAAA,GAAuB,CAAC,EAAA,KAKc;MALd,EACnC,GAAA,EACA,SAAA,EACA,QAAA,SACG,KAAA,GAAK,MAAA,CAAA,EAAA,EAJ2B,CAAA,KAAA,EAAA,WAAA,EAAA,UAAA,CAKpC,CAAA;AACC,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAQ,GAAK,cAAc,QAAQ,CAAA;AACjD,EAAA,OACEA,KAAC,aAAA,CAAc,OAAA,EAAO,OAAA,MAAA,CAAA,EACpB,KACA,SAAA,EAAW,UAAA;AAAA;AAAA,IAET,2EAAA;AAAA;AAAA,IAEA,6CAAA;AAAA;AAAA,IAEA,yFAAA;AAAA;AAAA,IAEA,kCAAA;AAAA;AAAA,IAEA,qBAAA;AAAA;AAAA,IAEA,wFAAA;AAAA;AAAA,IAEA,uCAAA;AAAA,IACA,6CAAA;AAAA;AAAA,IAEA,8BAAA;AAAA,IACA,gEAAA;AAAA,IACA,6CAAA;AAAA,IACA,gEAAA;AAAA,IACA,0DAAA;AAAA;AAAA,IAEA,wKAAA;AAAA,IACA,kKAAA;AAAA,IACA,wEAAA;AAAA;AAAA,IAEA,0GAAA;AAAA,IACA,yFAAA;AAAA,IACA,uFAAA;AAAA;AAAA,IAEA,yGAAA;AAAA,IACA,sFAAA;AAAA,IACA,uFAAA;AAAA,IACA;AAAA,GAAS,IAEP,KAAA,EAAK,EAAA,UAAA,CAER,IAAA,CAAK,SAAS,CAAA,IAAKC,GAAA,CAAA,QAAA,EAAM,SAAA,EAAU,eAAa,QAAA,EAAE,IAAA,EAAI,CAAA,EACtD,QAAQ,CAAA,EAAA,CAAA,CAAA;AAGf;AACA,oBAAA,CAAqB,WAAA,GAAc,uBAAA;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import * as React from 'react';
|
|
4
3
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
5
4
|
import classNames from 'classnames';
|
|
6
5
|
import { twMerge } from 'tailwind-merge';
|
|
@@ -10,10 +9,10 @@ import { Text } from '../Text/Text.js';
|
|
|
10
9
|
function cn(...inputs) {
|
|
11
10
|
return twMerge(classNames(inputs));
|
|
12
11
|
}
|
|
13
|
-
const TabsRoot =
|
|
12
|
+
const TabsRoot = (props) => jsx(TabsPrimitive.Root, Object.assign({}, props));
|
|
14
13
|
TabsRoot.displayName = "Tabs.Root";
|
|
15
|
-
const TabsList =
|
|
16
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
14
|
+
const TabsList = (_a) => {
|
|
15
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
17
16
|
return jsx(TabsPrimitive.List, Object.assign({ ref, className: cn(
|
|
18
17
|
// `items-stretch` lets the tallest trigger drive the row height
|
|
19
18
|
// so every trigger — with or without an adornment (Badge,
|
|
@@ -23,10 +22,10 @@ const TabsList = React.forwardRef((_a, ref) => {
|
|
|
23
22
|
"ui:inline-flex ui:items-stretch ui:justify-center ui:gap-(--ui-spacing-xl)",
|
|
24
23
|
className
|
|
25
24
|
) }, props));
|
|
26
|
-
}
|
|
25
|
+
};
|
|
27
26
|
TabsList.displayName = "Tabs.List";
|
|
28
|
-
const TabsTrigger =
|
|
29
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
27
|
+
const TabsTrigger = (_a) => {
|
|
28
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
30
29
|
return jsx(TabsPrimitive.Trigger, Object.assign({ ref, className: cn(
|
|
31
30
|
// Use an inline-flex context so the label and any adornments
|
|
32
31
|
// (Badge, LoadingIndicator, etc.) align by flex cross-axis
|
|
@@ -45,12 +44,12 @@ const TabsTrigger = React.forwardRef((_a, ref) => {
|
|
|
45
44
|
"ui:py-(--ui-spacing-m)",
|
|
46
45
|
className
|
|
47
46
|
) }, props));
|
|
48
|
-
}
|
|
47
|
+
};
|
|
49
48
|
TabsTrigger.displayName = "Tabs.Trigger";
|
|
50
|
-
const TabsContent =
|
|
51
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
49
|
+
const TabsContent = (_a) => {
|
|
50
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
52
51
|
return jsx(TabsPrimitive.Content, Object.assign({ ref, className: cn(className) }, props));
|
|
53
|
-
}
|
|
52
|
+
};
|
|
54
53
|
TabsContent.displayName = "Tabs.Content";
|
|
55
54
|
const TabsPadding = (props) => {
|
|
56
55
|
return jsx(Box, Object.assign({ _py: "xl" }, props));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;AAQM,SAAU,MAAM,MAAA,EAAgC;AACpD,EAAA,OAAO,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAC,CAAA;AACnC;AAEA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChBA,GAAA,CAAC,aAAA,CAAc,IAAA,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAE/B,QAAA,CAAS,WAAA,GAAc,WAAA;AAEvB,MAAM,QAAA,GAAW,CAAC,EAAA,KAIoC;MAJpC,EAChB,GAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,EAAA,EAHQ,oBAIjB,CAAA;AAAsD,EAAA,OACrDA,IAAC,aAAA,CAAc,IAAA,EAAI,OAAA,MAAA,CAAA,EACjB,KACA,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,4EAAA;AAAA,IACA;AAAA,GAAS,IAEP,KAAK,CAAA,CAAA;;AAGb,QAAA,CAAS,WAAA,GAAc,WAAA;AAEvB,MAAM,WAAA,GAAc,CAAC,EAAA,KAIoC;MAJpC,EACnB,GAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,EAAA,EAHW,oBAIpB,CAAA;AAAyD,EAAA,OACxDA,IAAC,aAAA,CAAc,OAAA,EAAO,OAAA,MAAA,CAAA,EACpB,KACA,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAST,gCAAA;AAAA,IACA,mBAAA;AAAA,IACA,uBAAA;AAAA,IACA,wDAAA;AAAA,IACA,qCAAA;AAAA,IACA,2EAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GAAS,IAEP,KAAK,CAAA,CAAA;;AAGb,WAAA,CAAY,WAAA,GAAc,cAAA;AAE1B,MAAM,WAAA,GAAc,CAAC,EAAA,KAIoC;MAJpC,EACnB,GAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,EAAA,EAHW,oBAIpB,CAAA;AAAyD,EAAA,OACxDA,GAAA,CAAC,aAAA,CAAc,OAAA,EAAO,MAAA,CAAA,MAAA,CAAA,EAAC,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,IAAO,KAAK,CAAA,CAAA;;AAEtE,WAAA,CAAY,WAAA,GAAc,cAAA;AAE1B,MAAM,WAAA,GAAiE,CACrE,KAAA,KACE;AACF,EAAA,OAAOA,GAAA,CAAC,KAAG,MAAA,CAAA,MAAA,CAAA,EAAC,GAAA,EAAI,IAAA,EAAI,EAAK,KAAK,CAAA,CAAA;AAChC,CAAA;AAEA,MAAM,YAAA,GAAkD,CAAC,KAAA,KAAS;AAChE,EAAA,OAAOA,GAAA,CAAC,IAAA,EAAI,MAAA,CAAA,MAAA,CAAA,EAAC,OAAA,EAAQ,QAAA,EAAS,KAAA,EAAM,SAAA,EAAU,EAAA,EAAG,MAAA,EAAM,EAAK,KAAK;AACnE,CAAA;AAuCO,MAAM,IAAA,GAAyB;AAAA,EACpC,IAAA,EAAM,QAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,SAAA,EAAW;;;"}
|
|
@@ -2658,11 +2658,15 @@ function cn$1(...inputs) {
|
|
|
2658
2658
|
return tailwindMerge.twMerge(classNames__default.default(inputs));
|
|
2659
2659
|
}
|
|
2660
2660
|
const FlyOutMenuRoot = (props) => jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Root, Object.assign({}, props));
|
|
2661
|
-
const FlyOutMenuTrigger =
|
|
2661
|
+
const FlyOutMenuTrigger = (_a) => {
|
|
2662
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
2663
|
+
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Trigger, Object.assign({ ref, asChild: true }, props));
|
|
2664
|
+
};
|
|
2662
2665
|
const FlyOutMenuGroup = FlyOutMenuPrimitive__namespace.Group;
|
|
2663
2666
|
const FlyOutMenuPortal = FlyOutMenuPrimitive__namespace.Portal;
|
|
2664
|
-
const FlyOutMenuContent =
|
|
2667
|
+
const FlyOutMenuContent = (_a) => {
|
|
2665
2668
|
var {
|
|
2669
|
+
ref,
|
|
2666
2670
|
className,
|
|
2667
2671
|
/**
|
|
2668
2672
|
* "8px" is size "xxs" from the design system
|
|
@@ -2670,29 +2674,29 @@ const FlyOutMenuContent = React__namespace.forwardRef((_a, ref) => {
|
|
|
2670
2674
|
sideOffset = 8,
|
|
2671
2675
|
align = "end",
|
|
2672
2676
|
container
|
|
2673
|
-
} = _a, props = __rest(_a, ["className", "sideOffset", "align", "container"]);
|
|
2677
|
+
} = _a, props = __rest(_a, ["ref", "className", "sideOffset", "align", "container"]);
|
|
2674
2678
|
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Portal, { container, children: jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Content, Object.assign({ onClick: (event) => {
|
|
2675
2679
|
event.stopPropagation();
|
|
2676
2680
|
}, ref, align, sideOffset, className: cn$1("ui:z-50 ui:min-w-[8rem] ui:max-w-[55ch] ui:overflow-hidden ui:border ui:border-color-border ui:bg-white ui:shadow-large ui:radius-m", "ui:data-[state=open]:animate-in ui:data-[state=closed]:animate-out ui:data-[state=closed]:fade-out-0 ui:data-[state=open]:fade-in-0 ui:data-[state=closed]:zoom-out-95 ui:data-[state=open]:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2", "ui:max-h-[min(var(--radix-popper-available-height),var(--ui-flyout-menu-content-max-height))] ui:overflow-y-auto", className) }, props)) });
|
|
2677
|
-
}
|
|
2681
|
+
};
|
|
2678
2682
|
FlyOutMenuContent.displayName = FlyOutMenuPrimitive__namespace.Content.displayName;
|
|
2679
|
-
const FlyOutMenuItem =
|
|
2680
|
-
var { className, icon, children } = _a, props = __rest(_a, ["className", "icon", "children"]);
|
|
2683
|
+
const FlyOutMenuItem = (_a) => {
|
|
2684
|
+
var { ref, className, icon, children } = _a, props = __rest(_a, ["ref", "className", "icon", "children"]);
|
|
2681
2685
|
return jsxRuntime.jsxs(FlyOutMenuPrimitive__namespace.Item, Object.assign({ ref, className: cn$1("ui:gap-m", "ui:relative ui:flex ui:select-none ui:items-center ui:rounded-sm ui:text-sm ui:outline-none ui:transition-colors", "focus:text-accent-foreground ui:focus:bg-primary-background", className) }, props, { children: [icon, children] }));
|
|
2682
|
-
}
|
|
2686
|
+
};
|
|
2683
2687
|
FlyOutMenuItem.displayName = FlyOutMenuPrimitive__namespace.Item.displayName;
|
|
2684
|
-
const FlyOutMenuLabel =
|
|
2685
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2688
|
+
const FlyOutMenuLabel = (_a) => {
|
|
2689
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
2686
2690
|
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Label, Object.assign({ ref, className: cn$1("ui:px-s ui:pb-xxs ui:pt-l", className) }, props, { children: jsxRuntime.jsx(Text, { variant: "strong", children: props.children }) }));
|
|
2687
|
-
}
|
|
2691
|
+
};
|
|
2688
2692
|
FlyOutMenuLabel.displayName = FlyOutMenuPrimitive__namespace.Label.displayName;
|
|
2689
|
-
const FlyOutMenuSeparator =
|
|
2690
|
-
var { className, color = "divider" } = _a, props = __rest(_a, ["className", "color"]);
|
|
2693
|
+
const FlyOutMenuSeparator = (_a) => {
|
|
2694
|
+
var { ref, className, color = "divider" } = _a, props = __rest(_a, ["ref", "className", "color"]);
|
|
2691
2695
|
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Separator, Object.assign({ ref, className: cn$1("ui:h-px", {
|
|
2692
2696
|
"ui:bg-color-divider": color === "divider",
|
|
2693
2697
|
"ui:bg-neutral-border-high-contrast": color === "interactive"
|
|
2694
2698
|
}, className) }, props));
|
|
2695
|
-
}
|
|
2699
|
+
};
|
|
2696
2700
|
FlyOutMenuSeparator.displayName = FlyOutMenuPrimitive__namespace.Separator.displayName;
|
|
2697
2701
|
const ItemButton = (props) => {
|
|
2698
2702
|
const { children, leadingIcon, trailingIcon } = props, rest = __rest(props, ["children", "leadingIcon", "trailingIcon"]);
|
|
@@ -2708,16 +2712,16 @@ const FlyOutMenuChildrenItem = (props) => {
|
|
|
2708
2712
|
const { children, icon } = props, rest = __rest(props, ["children", "icon"]);
|
|
2709
2713
|
return jsxRuntime.jsxs("div", Object.assign({}, rest, { className: "ui:flex ui:w-full ui:gap-s ui:p-s", children: [React__namespace.isValidElement(icon) ? React__namespace.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsxRuntime.jsx("div", { className: "ui:mt-[2px] ui:w-full", children })] }));
|
|
2710
2714
|
};
|
|
2711
|
-
const FlyOutMenuSwitchItem =
|
|
2712
|
-
const { children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["children", "icon", "onSelect", "checkedIndicator"]);
|
|
2713
|
-
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.CheckboxItem, Object.assign({ ref
|
|
2715
|
+
const FlyOutMenuSwitchItem = (props) => {
|
|
2716
|
+
const { ref, children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["ref", "children", "icon", "onSelect", "checkedIndicator"]);
|
|
2717
|
+
return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.CheckboxItem, Object.assign({ ref, className: "ui:outline-none ui:focus:bg-primary-background", onSelect: (event) => {
|
|
2714
2718
|
event.preventDefault();
|
|
2715
2719
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
|
|
2716
2720
|
} }, rest, { children: jsxRuntime.jsx("div", { className: "ui:flex ui:w-full", children: jsxRuntime.jsxs("label", { className: "ui:inline-flex ui:w-full ui:cursor-pointer ui:p-s", children: [React__namespace.isValidElement(icon) ? React__namespace.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsxRuntime.jsxs("div", { className: "ui:inline-flex ui:w-full ui:flex-row-reverse ui:gap-m", children: [jsxRuntime.jsx("div", { className: "ui:peer ui:ml-auto", children: checkedIndicator !== null && checkedIndicator !== void 0 ? checkedIndicator : jsxRuntime.jsx("div", { className: classNames__default.default("ui:relative ui:h-6 ui:w-11 ui:rounded-full ui:transition-colors", "ui:after:absolute ui:after:start-[2px] ui:after:top-[2px] ui:after:h-5 ui:after:w-5 ui:after:rounded-full ui:after:border ui:after:border-slate-300 ui:after:bg-white ui:after:transition-all ui:after:content-['']", {
|
|
2717
2721
|
"ui:bg-primary-light ui:after:translate-x-full ui:after:border-white": props.checked === true,
|
|
2718
2722
|
"ui:bg-slate-300": !props.checked
|
|
2719
2723
|
}) }) }), jsxRuntime.jsx(Text, { className: "ui:ml-3 ui:mt-[2px] ui:text-start", children })] })] }) }) }));
|
|
2720
|
-
}
|
|
2724
|
+
};
|
|
2721
2725
|
const FlyOutMenu = {
|
|
2722
2726
|
Root: FlyOutMenuRoot,
|
|
2723
2727
|
Trigger: FlyOutMenuTrigger,
|
|
@@ -3037,10 +3041,10 @@ const IconWrapper = ({ children, isChevron = false }) => jsxRuntime.jsx("span",
|
|
|
3037
3041
|
function cn(...inputs) {
|
|
3038
3042
|
return tailwindMerge.twMerge(classNames__default.default(inputs));
|
|
3039
3043
|
}
|
|
3040
|
-
const TabsRoot =
|
|
3044
|
+
const TabsRoot = (props) => jsxRuntime.jsx(TabsPrimitive__namespace.Root, Object.assign({}, props));
|
|
3041
3045
|
TabsRoot.displayName = "Tabs.Root";
|
|
3042
|
-
const TabsList =
|
|
3043
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
3046
|
+
const TabsList = (_a) => {
|
|
3047
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
3044
3048
|
return jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: cn(
|
|
3045
3049
|
// `items-stretch` lets the tallest trigger drive the row height
|
|
3046
3050
|
// so every trigger — with or without an adornment (Badge,
|
|
@@ -3050,10 +3054,10 @@ const TabsList = React__namespace.forwardRef((_a, ref) => {
|
|
|
3050
3054
|
"ui:inline-flex ui:items-stretch ui:justify-center ui:gap-(--ui-spacing-xl)",
|
|
3051
3055
|
className
|
|
3052
3056
|
) }, props));
|
|
3053
|
-
}
|
|
3057
|
+
};
|
|
3054
3058
|
TabsList.displayName = "Tabs.List";
|
|
3055
|
-
const TabsTrigger =
|
|
3056
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
3059
|
+
const TabsTrigger = (_a) => {
|
|
3060
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
3057
3061
|
return jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, Object.assign({ ref, className: cn(
|
|
3058
3062
|
// Use an inline-flex context so the label and any adornments
|
|
3059
3063
|
// (Badge, LoadingIndicator, etc.) align by flex cross-axis
|
|
@@ -3072,12 +3076,12 @@ const TabsTrigger = React__namespace.forwardRef((_a, ref) => {
|
|
|
3072
3076
|
"ui:py-(--ui-spacing-m)",
|
|
3073
3077
|
className
|
|
3074
3078
|
) }, props));
|
|
3075
|
-
}
|
|
3079
|
+
};
|
|
3076
3080
|
TabsTrigger.displayName = "Tabs.Trigger";
|
|
3077
|
-
const TabsContent =
|
|
3078
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
3081
|
+
const TabsContent = (_a) => {
|
|
3082
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
3079
3083
|
return jsxRuntime.jsx(TabsPrimitive__namespace.Content, Object.assign({ ref, className: cn(className) }, props));
|
|
3080
|
-
}
|
|
3084
|
+
};
|
|
3081
3085
|
TabsContent.displayName = "Tabs.Content";
|
|
3082
3086
|
const TabsPadding = (props) => {
|
|
3083
3087
|
return jsxRuntime.jsx(Box, Object.assign({ _py: "xl" }, props));
|
|
@@ -3094,24 +3098,24 @@ const Tabs = {
|
|
|
3094
3098
|
LabelText: TabLabelText
|
|
3095
3099
|
};
|
|
3096
3100
|
|
|
3097
|
-
const PrimaryTabBarRoot =
|
|
3098
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
3101
|
+
const PrimaryTabBarRoot = (_a) => {
|
|
3102
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
3099
3103
|
return jsxRuntime.jsx(TabsPrimitive__namespace.Root, Object.assign({ ref, className: classNames__default.default("ui:pt-f_l", className) }, props));
|
|
3100
|
-
}
|
|
3104
|
+
};
|
|
3101
3105
|
PrimaryTabBarRoot.displayName = "PrimaryTabBar.Root";
|
|
3102
3106
|
|
|
3103
|
-
const PrimaryTabBarExtras =
|
|
3104
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
3107
|
+
const PrimaryTabBarExtras = (_a) => {
|
|
3108
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
3105
3109
|
return jsxRuntime.jsx("div", Object.assign({ ref, className: classNames__default.default("ui:flex ui:items-center ui:self-center ui:gap-f_base ui:mx-f_l", className) }, props, { children }));
|
|
3106
|
-
}
|
|
3110
|
+
};
|
|
3107
3111
|
PrimaryTabBarExtras.displayName = "PrimaryTabBar.Extras";
|
|
3108
3112
|
|
|
3109
|
-
const PrimaryTabBarList =
|
|
3110
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
3113
|
+
const PrimaryTabBarList = (_a) => {
|
|
3114
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
3111
3115
|
const items = React.Children.toArray(children);
|
|
3112
3116
|
const isExtras = (child) => React.isValidElement(child) && child.type === PrimaryTabBarExtras;
|
|
3113
3117
|
return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), children: [jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: "ui:flex ui:items-end", loop: true }, props, { children: items.filter((child) => !isExtras(child)) })), items.filter(isExtras)] });
|
|
3114
|
-
}
|
|
3118
|
+
};
|
|
3115
3119
|
PrimaryTabBarList.displayName = "PrimaryTabBar.List";
|
|
3116
3120
|
|
|
3117
3121
|
function splitChildren(children) {
|
|
@@ -3126,8 +3130,8 @@ function splitChildren(children) {
|
|
|
3126
3130
|
});
|
|
3127
3131
|
return { text, elements };
|
|
3128
3132
|
}
|
|
3129
|
-
const PrimaryTabBarTrigger =
|
|
3130
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
3133
|
+
const PrimaryTabBarTrigger = (_a) => {
|
|
3134
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
3131
3135
|
const { text, elements } = splitChildren(children);
|
|
3132
3136
|
return jsxRuntime.jsxs(TabsPrimitive__namespace.Trigger, Object.assign({ ref, className: classNames__default.default(
|
|
3133
3137
|
// Layout
|
|
@@ -3165,19 +3169,19 @@ const PrimaryTabBarTrigger = React.forwardRef((_a, ref) => {
|
|
|
3165
3169
|
"ui:after:shadow-[-3px_3px_0_2px_var(--ui-color-background-neutral-secondary-default)]",
|
|
3166
3170
|
className
|
|
3167
3171
|
) }, props, { children: [text.length > 0 && jsxRuntime.jsx("span", { className: "ui:truncate", children: text }), elements] }));
|
|
3168
|
-
}
|
|
3172
|
+
};
|
|
3169
3173
|
PrimaryTabBarTrigger.displayName = "PrimaryTabBar.Trigger";
|
|
3170
3174
|
|
|
3171
|
-
const PrimaryTabBarContent =
|
|
3172
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
3175
|
+
const PrimaryTabBarContent = (_a) => {
|
|
3176
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
3173
3177
|
return jsxRuntime.jsx(TabsPrimitive__namespace.Content, Object.assign({ ref, className: classNames__default.default("ui:relative ui:z-[1]", className), tabIndex: -1 }, props));
|
|
3174
|
-
}
|
|
3178
|
+
};
|
|
3175
3179
|
PrimaryTabBarContent.displayName = "PrimaryTabBar.Content";
|
|
3176
3180
|
|
|
3177
|
-
const PrimaryTabBarOverflowIndicator =
|
|
3178
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
3181
|
+
const PrimaryTabBarOverflowIndicator = (_a) => {
|
|
3182
|
+
var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
|
|
3179
3183
|
return jsxRuntime.jsx("span", Object.assign({ ref, className: classNames__default.default("ui-typo-body-small-regular", "ui:text-text-neutral-secondary-disabled", "ui:self-center ui:whitespace-nowrap", className) }, props, { children }));
|
|
3180
|
-
}
|
|
3184
|
+
};
|
|
3181
3185
|
PrimaryTabBarOverflowIndicator.displayName = "PrimaryTabBar.OverflowIndicator";
|
|
3182
3186
|
|
|
3183
3187
|
const PrimaryTabBar = {
|