twenty-ui 2.42.0 → 2.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +11 -6
- package/dist/{AllIcons-DMeLF1LP.cjs → AllIcons-D_4JeQkX.cjs} +1 -1
- package/dist/{AllIcons-BkHLT6oe.js → AllIcons-Z8o0B2fy.js} +1 -1
- package/dist/{Avatar-C_TzSJBe.js → Avatar-BSHgTxt-.js} +2 -2
- package/dist/Avatar-DTNH6Ku7.cjs +1 -0
- package/dist/Input-CFXY05bj.cjs +1 -0
- package/dist/Input-DHfmRBq5.js +116 -0
- package/dist/{ListItem-D75aS69B.cjs → ListItem-2dHkY1NB.cjs} +1 -1
- package/dist/{ListItem-C08r49UJ.js → ListItem-D6DvFIbl.js} +3 -3
- package/dist/ListItem.module-CveFbY4M.cjs +1 -0
- package/dist/ListItem.module-DtIGiTDL.js +38 -0
- package/dist/{Loader-DbOLVUcK.js → Loader-X1LymYkw.js} +4 -4
- package/dist/Loader-Z6_7AA-x.cjs +1 -0
- package/dist/MenuSeparator-DJOspG7J.cjs +1 -0
- package/dist/MenuSeparator-dNx4JE6C.js +66 -0
- package/dist/{OverflowingTextWithTooltip-BXWJtb0f.js → OverflowingTextWithTooltip-CqEkoH6t.js} +1 -1
- package/dist/OverflowingTextWithTooltip-bn6EwWeq.cjs +1 -0
- package/dist/ResizeHandle-DN1bRxQb.js +89 -0
- package/dist/ResizeHandle-cll01qBQ.cjs +1 -0
- package/dist/TabsTabContent-BseLV1Wk.cjs +1 -0
- package/dist/TabsTabContent-_NCTxoP6.js +40 -0
- package/dist/components/code-editor/CodeEditor/CodeEditor.d.ts +1 -1
- package/dist/components/code-editor/CodeEditor/types/CodeEditorProps.d.ts +1 -0
- package/dist/components/code-editor/CodeEditor/utils/getBaseCodeEditorTheme.d.ts +1 -1
- package/dist/components/code-editor.cjs +1 -1
- package/dist/components/code-editor.mjs +54 -52
- package/dist/components/data-display/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/dist/components/data-display/AvatarGroup/types/AvatarGroupProps.d.ts +3 -0
- package/dist/components/index.d.ts +15 -0
- package/dist/components/input/SearchInput/types/SearchInputProps.d.ts +2 -2
- package/dist/components/navigation/Dropdown/Dropdown.d.ts +21 -0
- package/dist/components/navigation/Dropdown/__stories__/DropdownNestedExample.d.ts +1 -0
- package/dist/components/navigation/Dropdown/__stories__/DropdownPagesExample.d.ts +1 -0
- package/dist/components/navigation/Dropdown/__stories__/DropdownPanelExample.d.ts +1 -0
- package/dist/components/navigation/Dropdown/__stories__/DropdownPickerExample.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownBack.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownClose.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownContext.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts +37 -0
- package/dist/components/navigation/Dropdown/internal/DropdownEmpty.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownFocusTarget.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/DropdownHeader.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownLoading.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownNestedRootEffect.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownPage.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownPageFocusEffect.d.ts +6 -0
- package/dist/components/navigation/Dropdown/internal/DropdownPageFocusRequest.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/DropdownRoot.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSearch.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSearchTargetEffect.d.ts +5 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSection.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSeparator.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSubmenu.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownTitle.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/DropdownTrigger.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownFocusTarget.d.ts +8 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownItemLabel.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownItems.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownSearchTarget.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownTrigger.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/getNextDropdownItem.d.ts +7 -0
- package/dist/components/navigation/Dropdown/internal/isUnhandledModifierShortcut.d.ts +2 -0
- package/dist/components/navigation/Dropdown/internal/preventDismissingClickActivation.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/useDropdownContext.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/useDropdownItemFocus.d.ts +7 -0
- package/dist/components/navigation/Dropdown/internal/useDropdownKeyboardNavigation.d.ts +7 -0
- package/dist/components/navigation/Dropdown/types/DropdownActionItemProps.d.ts +10 -0
- package/dist/components/navigation/Dropdown/types/DropdownCloseProps.d.ts +4 -0
- package/dist/components/navigation/Dropdown/types/DropdownContentProps.d.ts +5 -0
- package/dist/components/navigation/Dropdown/types/DropdownHeaderProps.d.ts +2 -0
- package/dist/components/navigation/Dropdown/types/DropdownOptionItemProps.d.ts +7 -0
- package/dist/components/navigation/Dropdown/types/DropdownPageProps.d.ts +7 -0
- package/dist/components/navigation/Dropdown/types/DropdownRootProps.d.ts +11 -0
- package/dist/components/navigation/Dropdown/types/DropdownSearchProps.d.ts +4 -0
- package/dist/components/navigation/Dropdown/types/DropdownSectionProps.d.ts +5 -0
- package/dist/components/navigation/Dropdown/types/DropdownSubmenuProps.d.ts +2 -0
- package/dist/components/navigation/Dropdown/types/DropdownSubmenuTriggerProps.d.ts +6 -0
- package/dist/components/navigation/Dropdown/types/DropdownTitleProps.d.ts +2 -0
- package/dist/components/navigation/Dropdown/types/DropdownTriggerProps.d.ts +2 -0
- package/dist/components/navigation/Dropdown/types/DropdownType.d.ts +1 -0
- package/dist/components-BYWo2sUE.cjs +1 -0
- package/dist/components-C96xU59U.js +1996 -0
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +40 -39
- package/dist/data-display-BQ9g9oSc.cjs +1 -0
- package/dist/{data-display-YQG01UPq.js → data-display-z9gKjkPS.js} +30 -30
- package/dist/icon/constants/TwentyIconDictionary.d.ts +9 -0
- package/dist/icon/providers/internal/AllIcons.d.ts +1 -1
- package/dist/{icon-CDy3-hqV.js → icon-Bd81r48z.js} +131 -117
- package/dist/icon-iD9IXJmn.cjs +1 -0
- package/dist/icon.cjs +1 -1
- package/dist/icon.mjs +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.mjs +554 -557
- package/dist/individual-entry.d.ts +0 -1
- package/dist/input-C8IiOA9Q.js +335 -0
- package/dist/input-NBD4DP8j.cjs +1 -0
- package/dist/{navigation-e5PTdnND.cjs → navigation-BqZBteC2.cjs} +1 -1
- package/dist/{navigation-Z7puI3wl.js → navigation-CLMgaqS8.js} +1 -1
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +2 -2
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +1 -1
- package/dist/primitives/input/ButtonGroup/internal/ButtonGroupContext.d.ts +1 -1
- package/dist/primitives/input/SegmentedControl/SegmentedControl.d.ts +2 -29
- package/dist/primitives/input/SegmentedControl/types/SegmentedControlOption.d.ts +13 -0
- package/dist/primitives/input/SegmentedControl/types/SegmentedControlProps.d.ts +10 -0
- package/dist/primitives/input/index.d.ts +2 -1
- package/dist/primitives/input.cjs +1 -1
- package/dist/primitives/input.mjs +12 -12
- package/dist/primitives/layout/ResizeHandle/ResizeHandle.d.ts +2 -9
- package/dist/primitives/layout/ResizeHandle/__stories__/ControlledResizeHandle.d.ts +2 -0
- package/dist/primitives/layout/ResizeHandle/__stories__/ResizableDemo.d.ts +3 -0
- package/dist/primitives/layout/ResizeHandle/__stories__/withMockPointerCapture.d.ts +4 -0
- package/dist/primitives/layout/ResizeHandle/internal/ResizeHandleDefaults.constant.d.ts +6 -0
- package/dist/primitives/layout/ResizeHandle/internal/useResizeHandleInteraction.d.ts +19 -0
- package/dist/primitives/layout/ResizeHandle/types/ResizeHandleProps.d.ts +11 -0
- package/dist/primitives/layout/index.d.ts +1 -1
- package/dist/primitives/layout.cjs +1 -1
- package/dist/primitives/layout.mjs +7 -8
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +2 -2
- package/dist/primitives/surfaces/Card/Card.d.ts +17 -7
- package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts +8 -0
- package/dist/primitives/surfaces/index.d.ts +0 -3
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +8 -10
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +1 -1
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +59 -62
- package/dist/style.css +1 -1
- package/dist/surfaces-DX8oX1ou.js +254 -0
- package/dist/surfaces-uuLwsFxg.cjs +1 -0
- package/dist/testing/index.d.ts +1 -3
- package/dist/testing/utils/overrideMediaQueryMatches.d.ts +1 -0
- package/dist/testing.cjs +1 -1
- package/dist/testing.mjs +98 -102
- package/dist/theme/ThemeOverrides.d.ts +1 -0
- package/dist/theme/ThemeProvider.d.ts +3 -0
- package/dist/theme/ThemeProviderProps.d.ts +13 -0
- package/dist/{theme-constants → theme}/getNextThemeColor.d.ts +1 -1
- package/dist/theme/index.d.ts +10 -0
- package/dist/theme/internal/ThemeContextType.d.ts +6 -0
- package/dist/theme/internal/computeThemeFromCss.d.ts +2 -0
- package/dist/theme/internal/getThemeContext.d.ts +3 -0
- package/dist/theme/internal/getThemeScopeContext.d.ts +2 -0
- package/dist/theme/internal/resolveExplicitTheme.d.ts +5 -0
- package/dist/{theme-OwFrow8b.js → theme-DBro6iwF.js} +1198 -23
- package/dist/theme-DNG4OSBd.cjs +1 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.mjs +14 -7
- package/dist/utilities/color/utils/stringToThemeColorP3String.d.ts +1 -2
- package/dist/utilities/index.d.ts +3 -1
- package/dist/utilities/responsive/constants/MobileMediaQuery.d.ts +1 -0
- package/dist/utilities/responsive/constants/TouchDeviceMediaQuery.d.ts +1 -0
- package/dist/utilities/responsive/hooks/useMediaQuery.d.ts +1 -0
- package/dist/utilities/responsive/internal/getMediaQueryStore.d.ts +6 -0
- package/dist/utilities-BlvbRryv.cjs +1 -0
- package/dist/utilities-C5Tt2HLT.js +56 -0
- package/dist/utilities.cjs +1 -1
- package/dist/utilities.mjs +17 -15
- package/package.json +2 -16
- package/dist/Avatar-BGFK0_a_.cjs +0 -1
- package/dist/ListItem.module-CFDku7rI.cjs +0 -1
- package/dist/ListItem.module-DBhzbt9-.js +0 -38
- package/dist/Loader-CHKTYJo7.cjs +0 -1
- package/dist/OverflowingTextWithTooltip-DpizuDxR.cjs +0 -1
- package/dist/ResizeHandle-BWfY2ONo.js +0 -37
- package/dist/ResizeHandle-IVbYS3b8.cjs +0 -1
- package/dist/Switch-BvVP6vjR.js +0 -101
- package/dist/Switch-DuoJ4ytC.cjs +0 -1
- package/dist/TabsTabContent-BWQCg7Ua.js +0 -40
- package/dist/TabsTabContent-ChqlTk3P.cjs +0 -1
- package/dist/chunk-u_mIcLyS.cjs +0 -1
- package/dist/components-B2Pdf_yn.js +0 -1459
- package/dist/components-DfhgWbKW.cjs +0 -1
- package/dist/data-display-QOdhAohf.cjs +0 -1
- package/dist/icon-lF2kxwql.cjs +0 -1
- package/dist/input-C2q7tGPj.js +0 -383
- package/dist/input-CAX9aS7C.cjs +0 -1
- package/dist/primitives/layout/ResizeHandle/hooks/useResizeHandle.d.ts +0 -10
- package/dist/surfaces-Cr4lhCvZ.js +0 -306
- package/dist/surfaces-CuxI6145.cjs +0 -1
- package/dist/testing/decorators/ComponentWithRouterDecorator.d.ts +0 -9
- package/dist/testing/decorators/RouterDecorator.d.ts +0 -2
- package/dist/theme-YHfZnD2U.cjs +0 -1
- package/dist/theme-constants/ThemeProvider.d.ts +0 -15
- package/dist/theme-constants/ThemeScopeContext.d.ts +0 -1
- package/dist/theme-constants/index.d.ts +0 -10
- package/dist/theme-constants-CrrgAYWN.js +0 -1163
- package/dist/theme-constants-ZNgkgDE-.cjs +0 -1
- package/dist/theme-constants.cjs +0 -1
- package/dist/theme-constants.mjs +0 -12
- package/dist/utilities/screen-size/hooks/useScreenSize.d.ts +0 -4
- package/dist/utilities-D7Z6Uof8.cjs +0 -1
- package/dist/utilities-FXsKnNbt.js +0 -49
- /package/dist/primitives/surfaces/{CardContent → Card/internal}/CardContent.d.ts +0 -0
- /package/dist/primitives/surfaces/{CardFooter → Card/internal}/CardFooter.d.ts +0 -0
- /package/dist/primitives/surfaces/{CardHeader → Card/internal}/CardHeader.d.ts +0 -0
- /package/dist/{theme-constants/constants.d.ts → theme/constants/MobileViewport.d.ts} +0 -0
- /package/dist/{theme-constants → theme}/themeCssVariables.d.ts +0 -0
- /package/dist/{theme-constants → theme}/themeTypes.d.ts +0 -0
- /package/dist/{theme-constants → theme}/useTheme.d.ts +0 -0
- /package/dist/{theme-constants → theme}/useThemeColorScheme.d.ts +0 -0
- /package/dist/{theme-constants → theme}/useThemeContainer.d.ts +0 -0
package/dist/components.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components-BYWo2sUE.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AvatarGroup=e.AvatarGroup;exports.Callout=e.Callout;exports.CardPicker=e.CardPicker;exports.ColorSchemePicker=e.ColorSchemePicker;exports.CommandBlock=e.CommandBlock;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.DEFAULT_TOAST_LIMIT=e.DEFAULT_TOAST_LIMIT;exports.Dropdown=e.Dropdown;exports.IconButton=e.IconButton;exports.Info=e.Info;exports.InlineBanner=e.InlineBanner;exports.JsonTree=e.JsonTree;exports.LightButton=e.LightButton;exports.LightIconButton=e.LightIconButton;exports.MainButton=e.MainButton;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuPicker=e.MenuPicker;exports.NavigationBar=e.NavigationBar;exports.NotificationCounter=e.NotificationCounter;exports.RoundedLink=e.RoundedLink;exports.SearchInput=e.SearchInput;exports.Section=e.Section;exports.SettingsRow=e.SettingsRow;exports.TabButton=e.TabButton;exports.TintedIconTile=e.TintedIconTile;exports.Toast=e.Toast;exports.ToastContext=e.ToastContext;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.completeToastExit=e.completeToastExit;exports.createToastStore=e.createToastStore;exports.dismissToasts=e.dismissToasts;exports.getIconTileColorShades=e.getIconTileColorShades;exports.isToastVisible=e.isToastVisible;exports.useCloseToast=e.useCloseToast;exports.useEnqueueToast=e.useEnqueueToast;exports.useToast=e.useToast;exports.useToastContext=e.useToastContext;exports.useToastEntries=e.useToastEntries;
|
package/dist/components.mjs
CHANGED
|
@@ -1,45 +1,46 @@
|
|
|
1
|
-
import { A as s, B as t, C as
|
|
1
|
+
import { A as s, B as t, C as o, D as e, E as n, F as i, H as r, I as u, L as T, M as c, N as I, O as l, P as m, R as d, S as C, T as g, U as B, V as L, _ as S, a as A, b as M, c as p, d as E, f as h, g as k, h as f, i as v, j as x, k as D, l as P, m as _, n as b, o as O, p as R, r as w, s as F, t as N, u as U, v as V, w as j, x as q, y, z } from "./components-C96xU59U.js";
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
h as AnimatedIconCrossfade,
|
|
4
|
+
B as AvatarGroup,
|
|
5
|
+
T as Callout,
|
|
6
|
+
M as CardPicker,
|
|
7
|
+
y as ColorSchemePicker,
|
|
8
|
+
r as CommandBlock,
|
|
9
9
|
P as DEFAULT_COLOR_LABELS,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
10
|
+
m as DEFAULT_TOAST_LIMIT,
|
|
11
|
+
U as Dropdown,
|
|
12
|
+
V as IconButton,
|
|
13
|
+
u as Info,
|
|
14
|
+
i as InlineBanner,
|
|
15
|
+
L as JsonTree,
|
|
16
|
+
S as LightButton,
|
|
17
|
+
k as LightIconButton,
|
|
18
|
+
f as MainButton,
|
|
19
|
+
p as MenuItem,
|
|
19
20
|
F as MenuItemAvatar,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
O as MenuItemDraggable,
|
|
22
|
+
A as MenuItemSuggestion,
|
|
23
|
+
v as MenuPicker,
|
|
24
|
+
w as NavigationBar,
|
|
25
|
+
t as NotificationCounter,
|
|
25
26
|
b as RoundedLink,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
_ as SearchInput,
|
|
28
|
+
E as Section,
|
|
29
|
+
R as SettingsRow,
|
|
29
30
|
N as TabButton,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
d as TintedIconTile,
|
|
32
|
+
j as Toast,
|
|
33
|
+
I as ToastContext,
|
|
34
|
+
o as ToastProvider,
|
|
35
|
+
q as Toaster,
|
|
36
|
+
C as completeToastExit,
|
|
37
|
+
g as createToastStore,
|
|
38
|
+
x as dismissToasts,
|
|
39
|
+
z as getIconTileColorShades,
|
|
40
|
+
c as isToastVisible,
|
|
41
|
+
D as useCloseToast,
|
|
42
|
+
l as useEnqueueToast,
|
|
43
|
+
e as useToast,
|
|
44
|
+
s as useToastContext,
|
|
45
|
+
n as useToastEntries
|
|
45
46
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const i=require("./theme-DNG4OSBd.cjs"),a=require("./isDefined-DS2Q42p5.cjs"),F=require("./utilities-BlvbRryv.cjs"),I=require("./Loader-Z6_7AA-x.cjs"),N=require("./OverflowingTextWithTooltip-bn6EwWeq.cjs");let v=require("clsx"),t=require("react/jsx-runtime"),C=require("@base-ui/react/button"),D=require("@base-ui/react/use-render");var K={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},$="_chip_104p8_1",k="_content_104p8_73",U="_emptyLabel_104p8_79",W="_endElementDivider_104p8_83",g={chip:$,content:k,emptyLabel:U,endElementDivider:W},Y=({children:e,size:r="sm",variant:s="ghost",color:l="primary",shape:n="square",weight:d="regular",disabled:o=!1,onClick:u,clickable:p=a.isDefined(u),nativeButton:f=!0,startElement:c,endElement:_,endElementDivider:m=!1,maxWidth:x,tooltipLabel:b,tooltipPlace:h,alwaysShowTooltip:P=!1,isLabelHidden:V=!1,forceEmptyText:O=!1,emptyLabel:R="Untitled",className:z,style:E,render:T,ref:A,...B})=>{const L=a.isDefined(e)&&e!==""&&e!==!1;return(0,D.useRender)({render:a.isDefined(u)?(0,t.jsx)(C.Button,{render:T,disabled:o,nativeButton:f}):T,ref:A,state:{size:r,variant:s,color:l,shape:n,weight:d,disabled:o,clickable:p},props:{...B,onClick:u,className:(0,v.clsx)(g.chip,z),style:{...a.isDefined(x)?{"--tw-chip-max-width":`calc(${x}px - 2 * var(--tw-chip-padding))`}:{},...E},children:(0,t.jsxs)(t.Fragment,{children:[c,!V&&(L?typeof e=="string"?(0,t.jsx)(N.OverflowingTextWithTooltip,{size:r==="md"?"large":"small",text:e,tooltipContent:b,tooltipPlace:h,alwaysShowTooltip:P}):(0,t.jsx)("span",{className:g.content,children:e}):!O&&(0,t.jsx)("span",{className:g.emptyLabel,children:R})),a.isDefined(_)&&_!==!1&&(0,t.jsxs)(t.Fragment,{children:[m&&(0,t.jsx)("span",{className:g.endElementDivider}),_]})]})}})},Z="_root_1wwsw_1",G="_circle_1wwsw_13",H="_pipeline_1wwsw_19",w={root:Z,circle:G,pipeline:H},J=(e,r)=>a.isDefined(r)?r:i.themeCssVariables.tag.background[e],M=e=>i.themeCssVariables.tag.text[e],Q=({colorName:e,color:r,variant:s,className:l})=>(0,t.jsx)("div",{className:(0,v.clsx)(w.root,s==="circle"&&w.circle,s==="pipeline"&&w.pipeline,l),style:{"--color-sample-color":J(e,r),"--color-sample-border-color":M(e)}}),X="_status_va5xu_1",ee="_content_va5xu_49",q={status:X,content:ee},te=({children:e,color:r,loading:s=!1,weight:l="regular",disabled:n=!1,nativeButton:d=!0,onClick:o,className:u,style:p,render:f,ref:c,..._})=>{const m=F.parseThemeColor(r);return(0,D.useRender)({defaultTagName:"span",render:a.isDefined(o)?(0,t.jsx)(C.Button,{render:f,disabled:n,nativeButton:d}):f,ref:c,state:{loading:s,weight:l,disabled:n,interactive:a.isDefined(o)},props:{..._,onClick:o,className:(0,v.clsx)(q.status,u),style:{"--tw-status-background":i.themeCssVariables.tag.background[m],"--tw-status-text-color":i.themeCssVariables.tag.text[m],...p},children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:q.content,children:e}),s&&(0,t.jsx)(I.Loader,{color:r})]})}})},re="_tag_1vz7j_1",ae="_content_1vz7j_52",se="_iconContainer_1vz7j_58",j={tag:re,content:ae,iconContainer:se},y=e=>{e.preventDefault(),e.stopPropagation()},S=e=>{e.key!=="Enter"&&e.key!==" "||y(e)},ne=({children:e,color:r,weight:s="regular",variant:l="soft",startIcon:n,preventShrink:d=!1,preventPadding:o=!1,borderStyle:u="solid",disabled:p=!1,nativeButton:f=!0,onClick:c,className:_,style:m,render:x,ref:b,...h})=>(0,D.useRender)({defaultTagName:"span",render:a.isDefined(c)?(0,t.jsx)(C.Button,{render:x,disabled:p,nativeButton:f}):x,ref:b,state:{variant:l,weight:s,disabled:p,interactive:a.isDefined(c),preventShrink:d,preventPadding:o},props:{...h,onClick:c,...p&&{disabled:!0,"aria-disabled":!0,tabIndex:-1,onClickCapture:y,onPointerDownCapture:y,onKeyDownCapture:S,onKeyUpCapture:S},className:(0,v.clsx)(j.tag,_),style:{"--tw-tag-background":r==="transparent"?"transparent":i.themeCssVariables.tag.background[r]??i.themeCssVariables.tag.background.gray,"--tw-tag-text":r==="transparent"?i.themeCssVariables.font.color.secondary:i.themeCssVariables.tag.text[r]??i.themeCssVariables.font.color.secondary,"--tw-tag-border-style":u,...m},children:(0,t.jsxs)(t.Fragment,{children:[a.isDefined(n)&&typeof n!="boolean"&&n!==""&&(0,t.jsx)("span",{className:j.iconContainer,"aria-hidden":!0,children:n}),(0,t.jsx)("span",{className:j.content,children:typeof e=="string"&&!d?(0,t.jsx)(N.OverflowingTextWithTooltip,{text:e}):e})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return ne}});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as r } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { t as q } from "./Loader-
|
|
5
|
-
import { t as A } from "./OverflowingTextWithTooltip-
|
|
2
|
+
import { a as n } from "./theme-DBro6iwF.js";
|
|
3
|
+
import { d as V } from "./utilities-C5Tt2HLT.js";
|
|
4
|
+
import { t as q } from "./Loader-X1LymYkw.js";
|
|
5
|
+
import { t as A } from "./OverflowingTextWithTooltip-CqEkoH6t.js";
|
|
6
6
|
import { clsx as h } from "clsx";
|
|
7
|
-
import { Fragment as x, jsx as
|
|
7
|
+
import { Fragment as x, jsx as e, jsxs as w } from "react/jsx-runtime";
|
|
8
8
|
import { Button as D } from "@base-ui/react/button";
|
|
9
9
|
import { useRender as T } from "@base-ui/react/use-render";
|
|
10
10
|
var ut = {
|
|
@@ -33,17 +33,17 @@ var ut = {
|
|
|
33
33
|
content: I,
|
|
34
34
|
emptyLabel: Y,
|
|
35
35
|
endElementDivider: Z
|
|
36
|
-
}, _t = ({ children: t, size:
|
|
36
|
+
}, _t = ({ children: t, size: a = "sm", variant: s = "ghost", color: l = "primary", shape: o = "square", weight: _ = "regular", disabled: p = !1, onClick: i, clickable: c = r(i), nativeButton: d = !0, startElement: m, endElement: u, endElementDivider: f = !1, maxWidth: g, tooltipLabel: y, tooltipPlace: b, alwaysShowTooltip: L = !1, isLabelHidden: P = !1, forceEmptyText: R = !1, emptyLabel: B = "Untitled", className: K, style: $, render: z, ref: k, ...O }) => {
|
|
37
37
|
const U = r(t) && t !== "" && t !== !1;
|
|
38
38
|
return T({
|
|
39
|
-
render: r(i) ? /* @__PURE__ */
|
|
39
|
+
render: r(i) ? /* @__PURE__ */ e(D, {
|
|
40
40
|
render: z,
|
|
41
41
|
disabled: p,
|
|
42
42
|
nativeButton: d
|
|
43
43
|
}) : z,
|
|
44
44
|
ref: k,
|
|
45
45
|
state: {
|
|
46
|
-
size:
|
|
46
|
+
size: a,
|
|
47
47
|
variant: s,
|
|
48
48
|
color: l,
|
|
49
49
|
shape: o,
|
|
@@ -61,20 +61,20 @@ var ut = {
|
|
|
61
61
|
},
|
|
62
62
|
children: /* @__PURE__ */ w(x, { children: [
|
|
63
63
|
m,
|
|
64
|
-
!P && (U ? typeof t == "string" ? /* @__PURE__ */
|
|
65
|
-
size:
|
|
64
|
+
!P && (U ? typeof t == "string" ? /* @__PURE__ */ e(A, {
|
|
65
|
+
size: a === "md" ? "large" : "small",
|
|
66
66
|
text: t,
|
|
67
67
|
tooltipContent: y,
|
|
68
68
|
tooltipPlace: b,
|
|
69
69
|
alwaysShowTooltip: L
|
|
70
|
-
}) : /* @__PURE__ */
|
|
70
|
+
}) : /* @__PURE__ */ e("span", {
|
|
71
71
|
className: v.content,
|
|
72
72
|
children: t
|
|
73
|
-
}) : !R && /* @__PURE__ */
|
|
73
|
+
}) : !R && /* @__PURE__ */ e("span", {
|
|
74
74
|
className: v.emptyLabel,
|
|
75
75
|
children: B
|
|
76
76
|
})),
|
|
77
|
-
r(u) && u !== !1 && /* @__PURE__ */ w(x, { children: [f && /* @__PURE__ */
|
|
77
|
+
r(u) && u !== !1 && /* @__PURE__ */ w(x, { children: [f && /* @__PURE__ */ e("span", { className: v.endElementDivider }), u] })
|
|
78
78
|
] })
|
|
79
79
|
}
|
|
80
80
|
});
|
|
@@ -82,20 +82,20 @@ var ut = {
|
|
|
82
82
|
root: G,
|
|
83
83
|
circle: H,
|
|
84
84
|
pipeline: J
|
|
85
|
-
}, M = (t,
|
|
85
|
+
}, M = (t, a) => r(a) ? a : n.tag.background[t], Q = (t) => n.tag.text[t], dt = ({ colorName: t, color: a, variant: s, className: l }) => /* @__PURE__ */ e("div", {
|
|
86
86
|
className: h(C.root, s === "circle" && C.circle, s === "pipeline" && C.pipeline, l),
|
|
87
87
|
style: {
|
|
88
|
-
"--color-sample-color": M(t,
|
|
88
|
+
"--color-sample-color": M(t, a),
|
|
89
89
|
"--color-sample-border-color": Q(t)
|
|
90
90
|
}
|
|
91
91
|
}), W = "_status_va5xu_1", X = "_content_va5xu_49", j = {
|
|
92
92
|
status: W,
|
|
93
93
|
content: X
|
|
94
|
-
}, ft = ({ children: t, color:
|
|
95
|
-
const f = V(
|
|
94
|
+
}, ft = ({ children: t, color: a, loading: s = !1, weight: l = "regular", disabled: o = !1, nativeButton: _ = !0, onClick: p, className: i, style: c, render: d, ref: m, ...u }) => {
|
|
95
|
+
const f = V(a);
|
|
96
96
|
return T({
|
|
97
97
|
defaultTagName: "span",
|
|
98
|
-
render: r(p) ? /* @__PURE__ */
|
|
98
|
+
render: r(p) ? /* @__PURE__ */ e(D, {
|
|
99
99
|
render: d,
|
|
100
100
|
disabled: o,
|
|
101
101
|
nativeButton: _
|
|
@@ -116,23 +116,23 @@ var ut = {
|
|
|
116
116
|
"--tw-status-text-color": n.tag.text[f],
|
|
117
117
|
...c
|
|
118
118
|
},
|
|
119
|
-
children: /* @__PURE__ */ w(x, { children: [/* @__PURE__ */
|
|
119
|
+
children: /* @__PURE__ */ w(x, { children: [/* @__PURE__ */ e("span", {
|
|
120
120
|
className: j.content,
|
|
121
121
|
children: t
|
|
122
|
-
}), s && /* @__PURE__ */
|
|
122
|
+
}), s && /* @__PURE__ */ e(q, { color: a })] })
|
|
123
123
|
}
|
|
124
124
|
});
|
|
125
|
-
}, tt = "_tag_1vz7j_1",
|
|
125
|
+
}, tt = "_tag_1vz7j_1", at = "_content_1vz7j_52", et = "_iconContainer_1vz7j_58", N = {
|
|
126
126
|
tag: tt,
|
|
127
|
-
content:
|
|
128
|
-
iconContainer:
|
|
127
|
+
content: at,
|
|
128
|
+
iconContainer: et
|
|
129
129
|
}, S = (t) => {
|
|
130
130
|
t.preventDefault(), t.stopPropagation();
|
|
131
131
|
}, E = (t) => {
|
|
132
132
|
t.key !== "Enter" && t.key !== " " || S(t);
|
|
133
|
-
}, gt = ({ children: t, color:
|
|
133
|
+
}, gt = ({ children: t, color: a, weight: s = "regular", variant: l = "soft", startIcon: o, preventShrink: _ = !1, preventPadding: p = !1, borderStyle: i = "solid", disabled: c = !1, nativeButton: d = !0, onClick: m, className: u, style: f, render: g, ref: y, ...b }) => T({
|
|
134
134
|
defaultTagName: "span",
|
|
135
|
-
render: r(m) ? /* @__PURE__ */
|
|
135
|
+
render: r(m) ? /* @__PURE__ */ e(D, {
|
|
136
136
|
render: g,
|
|
137
137
|
disabled: c,
|
|
138
138
|
nativeButton: d
|
|
@@ -160,18 +160,18 @@ var ut = {
|
|
|
160
160
|
},
|
|
161
161
|
className: h(N.tag, u),
|
|
162
162
|
style: {
|
|
163
|
-
"--tw-tag-background":
|
|
164
|
-
"--tw-tag-text":
|
|
163
|
+
"--tw-tag-background": a === "transparent" ? "transparent" : n.tag.background[a] ?? n.tag.background.gray,
|
|
164
|
+
"--tw-tag-text": a === "transparent" ? n.font.color.secondary : n.tag.text[a] ?? n.font.color.secondary,
|
|
165
165
|
"--tw-tag-border-style": i,
|
|
166
166
|
...f
|
|
167
167
|
},
|
|
168
|
-
children: /* @__PURE__ */ w(x, { children: [r(o) && typeof o != "boolean" && o !== "" && /* @__PURE__ */
|
|
168
|
+
children: /* @__PURE__ */ w(x, { children: [r(o) && typeof o != "boolean" && o !== "" && /* @__PURE__ */ e("span", {
|
|
169
169
|
className: N.iconContainer,
|
|
170
170
|
"aria-hidden": !0,
|
|
171
171
|
children: o
|
|
172
|
-
}), /* @__PURE__ */
|
|
172
|
+
}), /* @__PURE__ */ e("span", {
|
|
173
173
|
className: N.content,
|
|
174
|
-
children: typeof t == "string" && !_ ? /* @__PURE__ */
|
|
174
|
+
children: typeof t == "string" && !_ ? /* @__PURE__ */ e(A, { text: t }) : t
|
|
175
175
|
})] })
|
|
176
176
|
}
|
|
177
177
|
});
|
|
@@ -200,6 +200,15 @@ export declare const TWENTY_ICON_DICTIONARY: readonly [{
|
|
|
200
200
|
readonly keywords: readonly ["widget", "add widget", "dashboard block"];
|
|
201
201
|
readonly useWhen: "Representing a widget or the act of adding a widget.";
|
|
202
202
|
readonly avoidWhen: "Representing a complete dashboard or generic application.";
|
|
203
|
+
}, {
|
|
204
|
+
readonly key: "transcript";
|
|
205
|
+
readonly label: "Transcript";
|
|
206
|
+
readonly category: "layouts";
|
|
207
|
+
readonly iconName: "IconBlockquote";
|
|
208
|
+
readonly tablerName: "blockquote";
|
|
209
|
+
readonly keywords: readonly ["transcript", "transcription", "spoken words"];
|
|
210
|
+
readonly useWhen: "Representing a transcript tab or widget.";
|
|
211
|
+
readonly avoidWhen: "Representing recording controls or audio and video playback.";
|
|
203
212
|
}, {
|
|
204
213
|
readonly key: "record-page";
|
|
205
214
|
readonly label: "Record Page";
|
|
@@ -18,9 +18,9 @@ export declare const ALL_ICONS: {
|
|
|
18
18
|
IconAdCircleOff: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<SVGSVGElement>>;
|
|
19
19
|
IconAdOff: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<SVGSVGElement>>;
|
|
20
20
|
IconAddressBook: (props: {
|
|
21
|
+
color?: string | undefined;
|
|
21
22
|
size?: number | string | undefined;
|
|
22
23
|
stroke?: number | string | undefined;
|
|
23
|
-
color?: string | undefined;
|
|
24
24
|
}) => import("react").JSX.Element;
|
|
25
25
|
IconAddressBookOff: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
26
|
IconAdjustments: import('react').ForwardRefExoticComponent<import('@tabler/icons-react').IconProps & import('react').RefAttributes<SVGSVGElement>>;
|