twenty-ui 2.44.0 → 2.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar-Da_dlwJP.js → Avatar-C0FtFpJC.js} +1 -1
- package/dist/{Avatar-B5-MSVUG.cjs → Avatar-CkI8b3nh.cjs} +1 -1
- package/dist/ListItem-B2HOeN2h.cjs +1 -0
- package/dist/ListItem-D8BQRK1W.js +97 -0
- package/dist/ListItem.module-Dxd8jOJP.js +35 -0
- package/dist/ListItem.module-RqrfwrFg.cjs +1 -0
- package/dist/{OverflowingTextWithTooltip-maBlogGW.cjs → OverflowingTextWithTooltip-tsJWb_Ie.cjs} +1 -1
- package/dist/ProgressBar-21MXyySH.js +108 -0
- package/dist/ProgressBar-CyqeRyzA.cjs +1 -0
- package/dist/{ResizeHandle-DN1bRxQb.js → ResizeHandle-CGYGfOVF.js} +5 -5
- package/dist/{ResizeHandle-cll01qBQ.cjs → ResizeHandle-CI-VTVOi.cjs} +1 -1
- package/dist/Shortcut-CRCVbA2m.js +71 -0
- package/dist/Shortcut-CuBFak3I.cjs +1 -0
- package/dist/Switch-BQp0t6JZ.js +129 -0
- package/dist/Switch-CFCj3OQZ.cjs +1 -0
- package/dist/TabsTabContent-DZUNi_iE.cjs +1 -0
- package/dist/TabsTabContent-s6J5bZ3R.js +39 -0
- package/dist/components/code-editor.cjs +1 -1
- package/dist/components/code-editor.mjs +1 -1
- package/dist/components/data-display/MetricRow/MetricRow.d.ts +2 -0
- package/dist/components/data-display/MetricRow/types/MetricRowProps.d.ts +11 -0
- package/dist/components/index.d.ts +6 -1
- package/dist/components/input/IconButton/types/IconButtonProps.d.ts +1 -1
- package/dist/components/input/ImageInput/ImageInput.d.ts +2 -0
- package/dist/components/input/ImageInput/__stories__/ImageInputPreviewChangesExample.d.ts +2 -0
- package/dist/components/input/ImageInput/__stories__/imageInputPreviewUrl.d.ts +1 -0
- package/dist/components/input/ImageInput/internal/ImageInputPreview.d.ts +5 -0
- package/dist/components/input/ImageInput/types/ImageInputProps.d.ts +15 -0
- package/dist/components/layout/OverflowingList/OverflowingList.d.ts +2 -0
- package/dist/components/layout/OverflowingList/__stories__/OVERFLOWING_LIST_STORY_ITEMS.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledFocusExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListMutableTag.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/OverflowingListResizeExample.d.ts +1 -0
- package/dist/components/layout/OverflowingList/__stories__/expectOverflowingListPopupGeometry.d.ts +4 -0
- package/dist/components/layout/OverflowingList/internal/OverflowingListItem.d.ts +9 -0
- package/dist/components/layout/OverflowingList/internal/getVisibleItemCount.d.ts +6 -0
- package/dist/components/layout/OverflowingList/internal/measureItemWidths.d.ts +5 -0
- package/dist/components/layout/OverflowingList/internal/useFocusedElementUnmountRef.d.ts +1 -0
- package/dist/components/layout/OverflowingList/internal/useOverflowingListLayout.d.ts +12 -0
- package/dist/components/layout/OverflowingList/types/OverflowingListProps.d.ts +7 -0
- package/dist/components/navigation/Dropdown/Dropdown.d.ts +3 -3
- package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts +1 -1
- package/dist/components/navigation/Dropdown/types/DropdownActionItemProps.d.ts +1 -1
- package/dist/components/navigation/Dropdown/types/DropdownOptionItemProps.d.ts +1 -1
- package/dist/components/navigation/MenuItem/MenuItem.d.ts +1 -1
- package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts +3 -3
- package/dist/components/navigation/TabButton/types/TabButtonProps.d.ts +1 -1
- package/dist/components-BizDepCM.cjs +1 -0
- package/dist/components-CC-3jXEq.js +2144 -0
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +30 -28
- package/dist/{data-display-DenoFbuP.cjs → data-display-BgweQocz.cjs} +1 -1
- package/dist/{data-display-npY0auY_.js → data-display-Dn_nzrc8.js} +25 -25
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +631 -622
- package/dist/input-C50264Jb.js +407 -0
- package/dist/input-CRiX4eQH.cjs +1 -0
- package/dist/isRenderableSlot-DT_depzM.js +6 -0
- package/dist/isRenderableSlot-Guryb6Nf.cjs +1 -0
- package/dist/navigation-B9YTBTaa.cjs +1 -0
- package/dist/navigation-CQUyRKgk.js +122 -0
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +2 -2
- package/dist/primitives/feedback/ProgressRing/ProgressRing.d.ts +2 -0
- package/dist/primitives/feedback/ProgressRing/types/ProgressRingProps.d.ts +6 -0
- package/dist/primitives/feedback/index.d.ts +2 -0
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +6 -5
- package/dist/primitives/input/Button/Button.d.ts +1 -1
- package/dist/primitives/input/Button/types/ButtonProps.d.ts +3 -1
- package/dist/primitives/input/NumberStepper/NumberStepper.d.ts +2 -0
- package/dist/primitives/input/NumberStepper/__stories__/ControlledNumberStepperExample.d.ts +2 -0
- package/dist/primitives/input/NumberStepper/__stories__/NumberStepperFieldExample.d.ts +2 -0
- package/dist/primitives/input/NumberStepper/__stories__/NumberStepperFormExample.d.ts +4 -0
- package/dist/primitives/input/NumberStepper/internal/constants/NumberStepperFormat.d.ts +1 -0
- package/dist/primitives/input/NumberStepper/internal/utils/isBlurRoundingOfCurrentValue.d.ts +8 -0
- package/dist/primitives/input/NumberStepper/types/NumberStepperProps.d.ts +7 -0
- package/dist/primitives/input/index.d.ts +2 -0
- package/dist/primitives/input.cjs +1 -1
- package/dist/primitives/input.mjs +15 -14
- package/dist/primitives/layout.cjs +1 -1
- package/dist/primitives/layout.mjs +1 -1
- package/dist/primitives/navigation/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/primitives/navigation/Breadcrumb/internal/BreadcrumbItemContent.d.ts +6 -0
- package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbItem.d.ts +2 -0
- package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbProps.d.ts +5 -0
- package/dist/primitives/navigation/ListItem/ListItem.d.ts +1 -1
- package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts +3 -2
- package/dist/primitives/navigation/index.d.ts +3 -0
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +5 -4
- package/dist/primitives/surfaces/Menu/internal/getMenuListItemProps.d.ts +2 -2
- package/dist/primitives/surfaces/Menu/types/MenuItemSlotProps.d.ts +1 -1
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +2 -2
- package/dist/primitives/typography/Shortcut/Shortcut.d.ts +2 -0
- package/dist/primitives/typography/Shortcut/formatShortcut.d.ts +2 -0
- package/dist/primitives/typography/Shortcut/internal/getShortcutPresentation.d.ts +8 -0
- package/dist/primitives/typography/Shortcut/types/ShortcutDefinition.d.ts +1 -0
- package/dist/primitives/typography/Shortcut/types/ShortcutFormatOptions.d.ts +7 -0
- package/dist/primitives/typography/Shortcut/types/ShortcutProps.d.ts +6 -0
- package/dist/primitives/typography/index.d.ts +5 -0
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +8 -4
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +61 -54
- package/dist/style.css +1 -1
- package/dist/{surfaces-BJilWRcD.js → surfaces-C9ZUjKxU.js} +10 -10
- package/dist/{surfaces-iGk6vB0x.cjs → surfaces-Davk4uBw.cjs} +1 -1
- package/dist/typography-D3fk3hSo.cjs +1 -0
- package/dist/typography-DUJWRilJ.js +5 -0
- package/dist/useIsMobile-CAIiLC-3.js +37 -0
- package/dist/useIsMobile-UXHqqYXb.cjs +1 -0
- package/dist/utilities/index.d.ts +0 -1
- package/dist/utilities-CJKPcDM4.js +28 -0
- package/dist/utilities-CdR__WZM.cjs +1 -0
- package/dist/utilities.cjs +1 -1
- package/dist/utilities.mjs +16 -16
- package/package.json +1 -1
- package/dist/ListItem-Bg7Sk5Nv.js +0 -112
- package/dist/ListItem-UYe5GaEQ.cjs +0 -1
- package/dist/ListItem.module-DkSRO3lX.cjs +0 -1
- package/dist/ListItem.module-DqkBkYtI.js +0 -38
- package/dist/ProgressBar-C8N-1Iav.cjs +0 -1
- package/dist/ProgressBar-Cq6EDZz9.js +0 -58
- package/dist/Switch-BLO0Y9bi.cjs +0 -1
- package/dist/Switch-CMVfAYqP.js +0 -127
- package/dist/TabsTabContent-BseLV1Wk.cjs +0 -1
- package/dist/TabsTabContent-_NCTxoP6.js +0 -40
- package/dist/components/navigation/NavigationBar/NavigationBar.d.ts +0 -13
- package/dist/components/navigation/NavigationBar/internal/NavigationBarItem/NavigationBarItem.d.ts +0 -9
- package/dist/components-Bs-35QDJ.cjs +0 -1
- package/dist/components-kaERZ89J.js +0 -1865
- package/dist/input-BNuMVtkM.cjs +0 -1
- package/dist/input-COx4wMjs.js +0 -324
- package/dist/navigation-CUofX3gO.js +0 -78
- package/dist/navigation-qJfYicT7.cjs +0 -1
- package/dist/primitives/input/Button/internal/ButtonHotKeys.d.ts +0 -5
- package/dist/primitives/navigation/ListItem/internal/MenuItemHotKeys/MenuItemHotKeys.d.ts +0 -6
- package/dist/primitives/navigation/Tabs/internal/isRenderableSlot.d.ts +0 -2
- package/dist/utilities/device/getOsShortcutSeparator.d.ts +0 -1
- package/dist/utilities-B7EwAZ4L.cjs +0 -1
- package/dist/utilities-CMrqpiWM.js +0 -64
- package/dist/{OverflowingTextWithTooltip-CtHMhu6b.js → OverflowingTextWithTooltip-CNpmkBvJ.js} +1 -1
- /package/dist/{primitives/navigation/ListItem → utilities}/internal/isRenderableSlot.d.ts +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as k } from "./isDefined-fMi6eQ4r.js";
|
|
2
2
|
import { r as q } from "./theme-CjHovJAZ.js";
|
|
3
|
-
import {
|
|
3
|
+
import { a as m } from "./utilities-CJKPcDM4.js";
|
|
4
4
|
import { n as z } from "./useProvidedTextDirection-P1dtjUtE.js";
|
|
5
5
|
import { Fragment as D, jsx as t, jsxs as R } from "react/jsx-runtime";
|
|
6
6
|
import { Button as S } from "@base-ui/react/button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const F=require("./theme-DumxXtpW.cjs"),h=require("./isDefined-DS2Q42p5.cjs"),d=require("./utilities-
|
|
1
|
+
const F=require("./theme-DumxXtpW.cjs"),h=require("./isDefined-DS2Q42p5.cjs"),d=require("./utilities-CdR__WZM.cjs"),L=require("./useProvidedTextDirection-B7ovnsdr.cjs");let a=require("react/jsx-runtime"),z=require("@base-ui/react/button"),v=require("@base-ui/react/avatar");var O="_root_xleyk_1",R="_avatarPulsing_xleyk_1",U="_image_xleyk_87",$="_fallback_xleyk_93",E="_icon_xleyk_97",n={root:O,avatarPulsing:R,image:U,fallback:$,icon:E},G=({src:k,name:s,colorSeed:l=s,size:x="md",shape:q="square",variant:_="soft",icon:t,color:p,backgroundColor:y,borderColor:j,pulsing:A=!1,ring:T=!1,disabled:g=!1,nativeButton:P=!0,onClick:m,className:C,style:c,render:i,"aria-label":N,...D})=>{const e=F.useTheme(),o=s?.trim().charAt(0).toUpperCase(),w=o?p??d.stringToThemeColorP3String({string:l??"",variant:12,theme:e}):e.font.color.tertiary,B=o?y??d.stringToThemeColorP3String({string:l??"",variant:_==="outline"?5:4,theme:e}):e.background.transparent.light,f=j??(o?d.stringToThemeColorP3String({string:l??"",variant:6,theme:e}):void 0),u=h.isDefined(m),b=h.isDefined(t)&&typeof t!="boolean"&&t!=="";return(0,a.jsx)(v.Avatar.Root,{...D,onClick:m,"aria-label":N??(u?s?.trim()||"Avatar":void 0),"data-size":x,"data-shape":q,"data-pulsing":A||void 0,"data-ring":T||void 0,"data-disabled":g||void 0,"data-clickable":u||void 0,className:L.mergeClassNames(n.root,C),style:r=>({"--tw-avatar-color":w,"--tw-avatar-background":b?"inherit":r.imageLoadingStatus==="loaded"?"none":B,"--tw-avatar-border":_==="outline"&&r.imageLoadingStatus!=="loaded"&&f?`1px solid ${f}`:"none",...typeof c=="function"?c(r):c}),render:u?(r,I)=>(0,a.jsx)(z.Button,{...r,disabled:g,nativeButton:P,render:typeof i=="function"?S=>i(S,I):i}):i,children:b?(0,a.jsx)("span",{className:n.icon,"aria-hidden":!0,children:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.Avatar.Image,{src:k??void 0,alt:"",className:n.image}),(0,a.jsx)(v.Avatar.Fallback,{className:n.fallback,"aria-hidden":!0,children:o||"-"})]})})};Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return G}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const p=require("./isDefined-DS2Q42p5.cjs"),i=require("./isRenderableSlot-Guryb6Nf.cjs"),D=require("./Shortcut-CuBFak3I.cjs"),R=require("./OverflowingTextWithTooltip-tsJWb_Ie.cjs"),e=require("./ListItem.module-RqrfwrFg.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),T=require("@sniptt/guards"),y=require("@base-ui/react/use-render"),c=require("@tabler/icons-react");var O=({checked:a,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,r.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":a||void 0,"data-disabled":s||void 0,children:(0,t.jsx)("span",{className:e.Checkbox_module_default.box,children:a&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(c.IconCheck,{"aria-hidden":!0})})})}),w=({color:a="neutral",selected:s=!1,focused:j=!1,disabled:l=!1,indicator:n="none",startIcon:_,endIcon:m,description:d,descriptionPlacement:h="inline",actions:x,actionsVisibility:L="hover",shortcut:f,shortcutJoinLabel:q,hasSubmenu:k=!1,className:N,children:u,render:C,ref:g,onClick:I,...v})=>{const b=i.isRenderableSlot(d),S=o=>{if(l){o.preventDefault();return}p.isDefined(I)&&(o.stopPropagation(),I(o))};return(0,y.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:j,disabled:l},props:{...v,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,N),"aria-disabled":l||void 0,onClick:S,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(O,{checked:s,disabled:l}),i.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:_}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,T.isString)(u)?(0,t.jsx)(R.OverflowingTextWithTooltip,{text:u}):u}),b&&h==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&h==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),i.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:x}),p.isDefined(f)&&(0,t.jsx)(D.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:f,sequenceJoinLabel:q}),i.isRenderableSlot(m)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:m}),n==="check"&&s&&(0,t.jsx)(c.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(c.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return w}});
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { En as y, Sn as I } from "./icon-B7aZ6RxF.js";
|
|
2
|
+
import { t as b } from "./isDefined-fMi6eQ4r.js";
|
|
3
|
+
import { t } from "./isRenderableSlot-DT_depzM.js";
|
|
4
|
+
import { t as T } from "./Shortcut-CRCVbA2m.js";
|
|
5
|
+
import { t as w } from "./OverflowingTextWithTooltip-CNpmkBvJ.js";
|
|
6
|
+
import { n as s, t as e } from "./ListItem.module-Dxd8jOJP.js";
|
|
7
|
+
import { clsx as o } from "clsx";
|
|
8
|
+
import { Fragment as E, jsx as a, jsxs as v } from "react/jsx-runtime";
|
|
9
|
+
import { isString as F } from "@sniptt/guards";
|
|
10
|
+
import { useRender as J } from "@base-ui/react/use-render";
|
|
11
|
+
var O = ({ checked: r, disabled: i }) => /* @__PURE__ */ a("span", {
|
|
12
|
+
"aria-hidden": !0,
|
|
13
|
+
className: o(s.root, s.solid, s.sm, s.square, s.accent),
|
|
14
|
+
"data-checked": r || void 0,
|
|
15
|
+
"data-disabled": i || void 0,
|
|
16
|
+
children: /* @__PURE__ */ a("span", {
|
|
17
|
+
className: s.box,
|
|
18
|
+
children: r && /* @__PURE__ */ a("span", {
|
|
19
|
+
className: s.indicator,
|
|
20
|
+
children: /* @__PURE__ */ a(I, { "aria-hidden": !0 })
|
|
21
|
+
})
|
|
22
|
+
})
|
|
23
|
+
}), U = ({ color: r = "neutral", selected: i = !1, focused: g = !1, disabled: n = !1, indicator: c = "none", startIcon: h, endIcon: p, description: l, descriptionPlacement: f = "inline", actions: u, actionsVisibility: C = "hover", shortcut: N, shortcutJoinLabel: D, hasSubmenu: L = !1, className: S, children: m, render: _, ref: R, onClick: x, ...j }) => {
|
|
24
|
+
const k = t(l), q = (d) => {
|
|
25
|
+
if (n) {
|
|
26
|
+
d.preventDefault();
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
b(x) && (d.stopPropagation(), x(d));
|
|
30
|
+
};
|
|
31
|
+
return J({
|
|
32
|
+
render: _,
|
|
33
|
+
ref: R,
|
|
34
|
+
state: {
|
|
35
|
+
color: r,
|
|
36
|
+
indicator: c,
|
|
37
|
+
selected: i,
|
|
38
|
+
highlighted: g,
|
|
39
|
+
disabled: n
|
|
40
|
+
},
|
|
41
|
+
props: {
|
|
42
|
+
...j,
|
|
43
|
+
"data-actions-visibility": C,
|
|
44
|
+
className: o(e.root, S),
|
|
45
|
+
"aria-disabled": n || void 0,
|
|
46
|
+
onClick: q,
|
|
47
|
+
children: /* @__PURE__ */ v(E, { children: [
|
|
48
|
+
c === "checkbox" && /* @__PURE__ */ a(O, {
|
|
49
|
+
checked: i,
|
|
50
|
+
disabled: n
|
|
51
|
+
}),
|
|
52
|
+
t(h) && /* @__PURE__ */ a("span", {
|
|
53
|
+
className: e.startIcon,
|
|
54
|
+
children: h
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ v("span", {
|
|
57
|
+
className: e.label,
|
|
58
|
+
children: [/* @__PURE__ */ a("span", {
|
|
59
|
+
className: e.text,
|
|
60
|
+
children: F(m) ? /* @__PURE__ */ a(w, { text: m }) : m
|
|
61
|
+
}), k && f === "inline" && /* @__PURE__ */ a("span", {
|
|
62
|
+
className: o(e.description, e.inlineDescription),
|
|
63
|
+
children: l
|
|
64
|
+
})]
|
|
65
|
+
}),
|
|
66
|
+
k && f === "end" && /* @__PURE__ */ a("span", {
|
|
67
|
+
className: o(e.description, e.endDescription),
|
|
68
|
+
children: l
|
|
69
|
+
}),
|
|
70
|
+
t(u) && /* @__PURE__ */ a("span", {
|
|
71
|
+
className: e.actions,
|
|
72
|
+
children: u
|
|
73
|
+
}),
|
|
74
|
+
b(N) && /* @__PURE__ */ a(T, {
|
|
75
|
+
className: e.hotkeys,
|
|
76
|
+
shortcut: N,
|
|
77
|
+
sequenceJoinLabel: D
|
|
78
|
+
}),
|
|
79
|
+
t(p) && /* @__PURE__ */ a("span", {
|
|
80
|
+
className: e.endIcon,
|
|
81
|
+
children: p
|
|
82
|
+
}),
|
|
83
|
+
c === "check" && i && /* @__PURE__ */ a(I, {
|
|
84
|
+
className: e.checkIndicator,
|
|
85
|
+
"aria-hidden": !0
|
|
86
|
+
}),
|
|
87
|
+
L && /* @__PURE__ */ a(y, {
|
|
88
|
+
className: e.submenuIcon,
|
|
89
|
+
"aria-hidden": !0
|
|
90
|
+
})
|
|
91
|
+
] })
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
export {
|
|
96
|
+
U as t
|
|
97
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var _ = "_root_1fskg_1", r = "_solid_1fskg_22", a = "_outline_1fskg_26", s = "_soft_1fskg_30", o = "_sm_1fskg_35", e = "_md_1fskg_40", n = "_square_1fskg_46", t = "_round_1fskg_51", c = "_accent_1fskg_57", i = "_success_1fskg_63", d = "_warning_1fskg_69", v = "_hoverable_1fskg_75", u = "_box_1fskg_113", k = "_indicator_1fskg_134", f = "_check_1fskg_150", p = "_minus_1fskg_151", L = {
|
|
2
|
+
root: _,
|
|
3
|
+
solid: r,
|
|
4
|
+
outline: a,
|
|
5
|
+
soft: s,
|
|
6
|
+
sm: o,
|
|
7
|
+
md: e,
|
|
8
|
+
square: n,
|
|
9
|
+
round: t,
|
|
10
|
+
accent: c,
|
|
11
|
+
success: i,
|
|
12
|
+
warning: d,
|
|
13
|
+
hoverable: v,
|
|
14
|
+
box: u,
|
|
15
|
+
indicator: k,
|
|
16
|
+
check: f,
|
|
17
|
+
minus: p
|
|
18
|
+
}, g = "_root_1dup2_2", l = "_submenuIcon_1dup2_51", m = "_startIcon_1dup2_55", b = "_endIcon_1dup2_56", h = "_label_1dup2_72", I = "_text_1dup2_82", x = "_description_1dup2_90", D = "_inlineDescription_1dup2_98", q = "_endDescription_1dup2_103", w = "_hotkeys_1dup2_108", y = "_actions_1dup2_114", C = "_checkIndicator_1dup2_131", $ = {
|
|
19
|
+
root: g,
|
|
20
|
+
submenuIcon: l,
|
|
21
|
+
startIcon: m,
|
|
22
|
+
endIcon: b,
|
|
23
|
+
label: h,
|
|
24
|
+
text: I,
|
|
25
|
+
description: x,
|
|
26
|
+
inlineDescription: D,
|
|
27
|
+
endDescription: q,
|
|
28
|
+
hotkeys: w,
|
|
29
|
+
actions: y,
|
|
30
|
+
checkIndicator: C
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
L as n,
|
|
34
|
+
$ as t
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _="_root_1fskg_1",e="_solid_1fskg_22",r="_outline_1fskg_26",a="_soft_1fskg_30",t="_sm_1fskg_35",o="_md_1fskg_40",n="_square_1fskg_46",s="_round_1fskg_51",u="_accent_1fskg_57",c="_success_1fskg_63",d="_warning_1fskg_69",i="_hoverable_1fskg_75",v="_box_1fskg_113",f="_indicator_1fskg_134",k="_check_1fskg_150",l="_minus_1fskg_151",g={root:_,solid:e,outline:r,soft:a,sm:t,md:o,square:n,round:s,accent:u,success:c,warning:d,hoverable:i,box:v,indicator:f,check:k,minus:l},p="_root_1dup2_2",m="_submenuIcon_1dup2_51",b="_startIcon_1dup2_55",h="_endIcon_1dup2_56",I="_label_1dup2_72",x="_text_1dup2_82",y="_description_1dup2_90",D="_inlineDescription_1dup2_98",j="_endDescription_1dup2_103",q="_hotkeys_1dup2_108",w="_actions_1dup2_114",C="_checkIndicator_1dup2_131",L={root:p,submenuIcon:m,startIcon:b,endIcon:h,label:I,text:x,description:y,inlineDescription:D,endDescription:j,hotkeys:q,actions:w,checkIndicator:C};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return L}});
|
package/dist/{OverflowingTextWithTooltip-maBlogGW.cjs → OverflowingTextWithTooltip-tsJWb_Ie.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
const L=require("./theme-DumxXtpW.cjs"),a=require("./isDefined-DS2Q42p5.cjs"),M=require("./getSafeUrl-BuX_E2_8.cjs"),S=require("./useProvidedTextDirection-B7ovnsdr.cjs");let E=require("clsx"),t=require("react/jsx-runtime"),w=require("@sniptt/guards"),q=require("react"),
|
|
1
|
+
const L=require("./theme-DumxXtpW.cjs"),a=require("./isDefined-DS2Q42p5.cjs"),M=require("./getSafeUrl-BuX_E2_8.cjs"),S=require("./useProvidedTextDirection-B7ovnsdr.cjs");let E=require("clsx"),t=require("react/jsx-runtime"),w=require("@sniptt/guards"),q=require("react"),W=require("@base-ui/react/use-render"),c=require("@base-ui/react/tooltip");var U="_positioner_w2bea_1",F="_popup_w2bea_5",X="_content_w2bea_47",G="_title_w2bea_53",z="_icon_w2bea_65",B="_description_w2bea_75",J="_arrow_w2bea_81",v={positioner:U,popup:F,content:X,title:G,icon:z,description:B,arrow:J},I=({children:i,description:r,startIcon:e,className:n,render:o,ref:l,...u})=>(0,W.useRender)({defaultTagName:"div",render:o,ref:l,props:{...u,className:(0,E.clsx)(v.content,n),children:(0,t.jsxs)(t.Fragment,{children:[a.isDefined(i)&&i!==""&&(0,t.jsxs)("div",{className:v.title,children:[a.isDefined(e)&&(0,t.jsx)("span",{className:v.icon,"aria-hidden":!0,children:e}),(0,t.jsx)("span",{children:i})]}),a.isDefined(r)&&(0,t.jsx)("div",{className:v.description,children:r})]})}}),K=10,Q="300px",A=({side:i="top",align:r="center",sideOffset:e=K,alignOffset:n,anchor:o,positionMethod:l,collisionBoundary:u,collisionPadding:p,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,arrow:g=!1,withExitAnimation:j=!1,maxWidth:b=Q,container:m,keepMounted:x,className:d,children:h,...k})=>{const D=L.useThemeContainer(),N=S.useProvidedTextDirection(),s=(0,w.isString)(h)||(0,w.isNumber)(h);return(0,t.jsx)(c.Tooltip.Portal,{container:m??D??void 0,keepMounted:x,children:(0,t.jsx)(c.Tooltip.Positioner,{dir:N,side:i,align:r,sideOffset:e,alignOffset:n,anchor:o,positionMethod:l,collisionBoundary:u,collisionPadding:p,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,className:v.positioner,style:{maxWidth:b},children:(0,t.jsxs)(c.Tooltip.Popup,{role:"tooltip",...k,"data-with-exit-animation":j||void 0,className:S.mergeClassNames(v.popup,d),children:[s?(0,t.jsx)(I,{children:h}):h,g&&(0,t.jsx)(c.Tooltip.Arrow,{className:v.arrow})]})})})},V=({content:i,children:r,open:e,defaultOpen:n,onOpenChange:o,onOpenChangeComplete:l,disabled:u=!1,disableHoverablePopup:p,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,delay:j,closeDelay:b,closeOnClick:m,...x})=>{const d=u||!a.isDefined(i)||i===""||i===!1;return(0,t.jsxs)(c.Tooltip.Root,{open:a.isDefined(e)?e&&!d:void 0,defaultOpen:n&&!d,onOpenChange:o,onOpenChangeComplete:l,disabled:d,disableHoverablePopup:p,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,children:[(0,t.jsx)(c.Tooltip.Trigger,{render:r,delay:j,closeDelay:b,closeOnClick:m}),(0,t.jsx)(A,{...x,children:i})]})},C=Object.assign(V,{Root:c.Tooltip.Root,Trigger:c.Tooltip.Trigger,Popup:A,Content:I,Provider:c.Tooltip.Provider,createHandle:c.Tooltip.createHandle}),Y="_truncate_1x6ii_1",Z="_lineClamp_1x6ii_7",R={truncate:Y,lineClamp:Z},H=({render:i,truncate:r,lineClamp:e,className:n,style:o,ref:l,...u})=>{const p=a.isDefined(e)&&Number.isInteger(e)&&e>0;return(0,W.useRender)({render:i,ref:l,props:{...u,className:(0,E.clsx)(r&&R.truncate,p&&R.lineClamp,n),style:p?{...o,"--text-line-clamp":e}:o}})},$=/https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g,ee=i=>{const r=[];let e=0;for(const n of i.matchAll($)){const o=n[0],l=n.index;l>e&&r.push({type:"text",content:i.slice(e,l)}),r.push({type:"link",content:o}),e=l+o.length}return e<i.length&&r.push({type:"text",content:i.slice(e)}),r},te="_link_mrld0_1",ie={link:te},re=({text:i})=>(0,w.isNonEmptyString)(i)?(0,t.jsx)(t.Fragment,{children:ee(i).map((r,e)=>r.type==="link"?(0,t.jsx)("a",{className:ie.link,href:M.getSafeUrl(r.content),target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:r.content},e):r.content)}):null,ne="_overflowingMultilineText_1qcnw_1",oe="_overflowingText_1qcnw_20",le="_large_1qcnw_37",se="_multilineTooltip_1qcnw_41",P={overflowingMultilineText:ne,overflowingText:oe,large:le,multilineTooltip:se},ae=(0,q.memo)(function({size:r="small",text:e,isTooltipMultiline:n,displayedMaxRows:o,tooltipContent:l,tooltipDelay:u=500,tooltipPlace:p="bottom",alwaysShowTooltip:T=!1,isFocusable:_=!1}){const f=(0,q.useRef)(null),[g,j]=(0,q.useState)(!1),[b,m]=(0,q.useState)(!1),x=()=>{const s=f.current,O=a.isDefined(s)&&(s.scrollHeight>s.clientHeight||s.scrollWidth>s.clientWidth);return j(O),O},d=s=>{if(!s){m(!1);return}m(x()||T)},h=()=>{f.current?.focus(),d(!0)},k=s=>{s.stopPropagation(),s.preventDefault()},D=(0,w.isNonEmptyString)(l)?l:(0,w.isNonEmptyString)(e)?e:null,N=a.isDefined(o);return(0,t.jsxs)(C.Root,{open:b&&a.isDefined(D),onOpenChange:(...s)=>{const[O,y]=s;if(!O&&y.reason==="trigger-hover"&&_&&document.activeElement===f.current){y.cancel();return}d(O)},disabled:!a.isDefined(D)||!g&&!T,children:[(0,t.jsx)(C.Trigger,{delay:u,closeOnClick:!1,render:(0,t.jsx)(H,{...N?{lineClamp:o||1}:{truncate:!0},"data-testid":"tooltip","data-content-overflowing":g?"":void 0,className:(0,E.clsx)(N?P.overflowingMultilineText:P.overflowingText,r==="large"&&P.large),ref:f,tabIndex:_?0:void 0,onPointerEnter:x,onFocus:_?()=>d(!0):void 0,onClick:_?h:void 0,children:(0,w.isNonEmptyString)(e)?(0,t.jsx)(re,{text:e}):e})}),(0,t.jsx)(C.Popup,{className:n?P.multilineTooltip:void 0,sideOffset:5,side:p,positionMethod:"absolute",onClick:k,children:D})]})});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return C}});
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { t as B } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
+
import { t as x } from "./isRenderableSlot-DT_depzM.js";
|
|
3
|
+
import { clsx as y } from "clsx";
|
|
4
|
+
import { jsx as a, jsxs as k } from "react/jsx-runtime";
|
|
5
|
+
import { isNonEmptyString as N } from "@sniptt/guards";
|
|
6
|
+
import { Progress as v } from "@base-ui/react/progress";
|
|
7
|
+
import { clamp as D } from "@base-ui/utils/clamp";
|
|
8
|
+
var R = "_root_xbchc_1", A = "_ring_xbchc_11", I = "_track_xbchc_16", S = "_indicator_xbchc_21", g = {
|
|
9
|
+
root: R,
|
|
10
|
+
ring: A,
|
|
11
|
+
track: I,
|
|
12
|
+
indicator: S
|
|
13
|
+
}, E = {
|
|
14
|
+
sm: 14,
|
|
15
|
+
md: 16
|
|
16
|
+
}, b = 2, Q = ({ value: e, size: c = "md", barColor: o, children: s, className: p, style: _, "aria-valuetext": n, ...f }) => {
|
|
17
|
+
const l = D(e, 0, 100), m = Number.isNaN(l) ? 0 : l, r = E[c], t = (r - b) / 2, i = 2 * Math.PI * t;
|
|
18
|
+
return /* @__PURE__ */ k(v.Root, {
|
|
19
|
+
...f,
|
|
20
|
+
value: m,
|
|
21
|
+
min: 0,
|
|
22
|
+
max: 100,
|
|
23
|
+
getAriaValueText: (h) => N(n) ? n : h,
|
|
24
|
+
className: y(g.root, p),
|
|
25
|
+
style: {
|
|
26
|
+
...B(o) ? { "--progress-ring-color": o } : {},
|
|
27
|
+
..._
|
|
28
|
+
},
|
|
29
|
+
children: [x(s) && /* @__PURE__ */ a("span", { children: s }), /* @__PURE__ */ k("svg", {
|
|
30
|
+
className: g.ring,
|
|
31
|
+
width: r,
|
|
32
|
+
height: r,
|
|
33
|
+
viewBox: `0 0 ${r} ${r}`,
|
|
34
|
+
"aria-hidden": "true",
|
|
35
|
+
focusable: "false",
|
|
36
|
+
children: [/* @__PURE__ */ a("circle", {
|
|
37
|
+
className: g.track,
|
|
38
|
+
cx: r / 2,
|
|
39
|
+
cy: r / 2,
|
|
40
|
+
r: t,
|
|
41
|
+
strokeWidth: b
|
|
42
|
+
}), /* @__PURE__ */ a("circle", {
|
|
43
|
+
className: g.indicator,
|
|
44
|
+
cx: r / 2,
|
|
45
|
+
cy: r / 2,
|
|
46
|
+
r: t,
|
|
47
|
+
strokeWidth: b,
|
|
48
|
+
strokeDasharray: i,
|
|
49
|
+
strokeDashoffset: i - m / 100 * i,
|
|
50
|
+
strokeLinecap: "round"
|
|
51
|
+
})]
|
|
52
|
+
})]
|
|
53
|
+
});
|
|
54
|
+
}, P = "_banner_i03ag_1", T = "_primaryBlue_i03ag_17", w = "_primaryDanger_i03ag_23", G = "_secondaryBlue_i03ag_29", $ = "_secondaryDanger_i03ag_35", d = {
|
|
55
|
+
banner: P,
|
|
56
|
+
primaryBlue: T,
|
|
57
|
+
primaryDanger: w,
|
|
58
|
+
secondaryBlue: G,
|
|
59
|
+
secondaryDanger: $
|
|
60
|
+
}, L = {
|
|
61
|
+
primary: {
|
|
62
|
+
blue: d.primaryBlue,
|
|
63
|
+
danger: d.primaryDanger
|
|
64
|
+
},
|
|
65
|
+
secondary: {
|
|
66
|
+
blue: d.secondaryBlue,
|
|
67
|
+
danger: d.secondaryDanger
|
|
68
|
+
}
|
|
69
|
+
}, U = ({ color: e = "blue", variant: c = "primary", className: o, children: s }) => /* @__PURE__ */ a("div", {
|
|
70
|
+
className: y(d.banner, L[c][e], o),
|
|
71
|
+
children: s
|
|
72
|
+
}), O = "_bar_1kcc7_1", V = "_progressBarGrowIn_1kcc7_1", W = "_track_1kcc7_20", j = "_indicator_1kcc7_26", z = "_glint_1kcc7_45", M = "_progressBarGlint_1kcc7_1", u = {
|
|
73
|
+
bar: O,
|
|
74
|
+
progressBarGrowIn: V,
|
|
75
|
+
track: W,
|
|
76
|
+
indicator: j,
|
|
77
|
+
glint: z,
|
|
78
|
+
progressBarGlint: M
|
|
79
|
+
}, X = ({ value: e, size: c = "md", className: o, barColor: s, backgroundColor: p = "none", withBorderRadius: _ = !1, withGrowIn: n = !1, withGlint: f = !1, withSpringFill: l = !1, withMinimumFillWidth: m = !0, ariaLabel: r, onGrowInComplete: t }) => /* @__PURE__ */ a(v.Root, {
|
|
80
|
+
className: y(u.bar, o),
|
|
81
|
+
"data-size": c,
|
|
82
|
+
"data-with-border-radius": _ || void 0,
|
|
83
|
+
"data-grow-in": n || void 0,
|
|
84
|
+
"aria-label": r,
|
|
85
|
+
value: e,
|
|
86
|
+
onAnimationEnd: (i) => {
|
|
87
|
+
n && i.target === i.currentTarget && t?.();
|
|
88
|
+
},
|
|
89
|
+
style: {
|
|
90
|
+
"--progress-bar-background-color": p,
|
|
91
|
+
...N(s) ? { "--progress-bar-color": s } : {}
|
|
92
|
+
},
|
|
93
|
+
children: /* @__PURE__ */ a(v.Track, {
|
|
94
|
+
className: u.track,
|
|
95
|
+
children: /* @__PURE__ */ a(v.Indicator, {
|
|
96
|
+
className: u.indicator,
|
|
97
|
+
"data-with-border-radius": _ || void 0,
|
|
98
|
+
"data-spring-fill": l || void 0,
|
|
99
|
+
"data-nonzero": m && e > 0 || void 0,
|
|
100
|
+
children: f && /* @__PURE__ */ a("span", { className: u.glint }, e)
|
|
101
|
+
})
|
|
102
|
+
})
|
|
103
|
+
});
|
|
104
|
+
export {
|
|
105
|
+
U as n,
|
|
106
|
+
Q as r,
|
|
107
|
+
X as t
|
|
108
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const N=require("./isDefined-DS2Q42p5.cjs"),h=require("./isRenderableSlot-Guryb6Nf.cjs");let x=require("clsx"),e=require("react/jsx-runtime"),f=require("@sniptt/guards"),v=require("@base-ui/react/progress"),B=require("@base-ui/utils/clamp");var j="_root_xbchc_1",P="_ring_xbchc_11",D="_track_xbchc_16",R="_indicator_xbchc_21",g={root:j,ring:P,track:D,indicator:R},q={sm:14,md:16},y=2,S=({value:a,size:t="md",barColor:n,children:s,className:b,style:l,"aria-valuetext":c,...p})=>{const d=(0,B.clamp)(a,0,100),u=Number.isNaN(d)?0:d,r=q[t],o=(r-y)/2,i=2*Math.PI*o;return(0,e.jsxs)(v.Progress.Root,{...p,value:u,min:0,max:100,getAriaValueText:k=>(0,f.isNonEmptyString)(c)?c:k,className:(0,x.clsx)(g.root,b),style:{...N.isDefined(n)?{"--progress-ring-color":n}:{},...l},children:[h.isRenderableSlot(s)&&(0,e.jsx)("span",{children:s}),(0,e.jsxs)("svg",{className:g.ring,width:r,height:r,viewBox:`0 0 ${r} ${r}`,"aria-hidden":"true",focusable:"false",children:[(0,e.jsx)("circle",{className:g.track,cx:r/2,cy:r/2,r:o,strokeWidth:y}),(0,e.jsx)("circle",{className:g.indicator,cx:r/2,cy:r/2,r:o,strokeWidth:y,strokeDasharray:i,strokeDashoffset:i-u/100*i,strokeLinecap:"round"})]})]})},A="_banner_i03ag_1",E="_primaryBlue_i03ag_17",I="_primaryDanger_i03ag_23",O="_secondaryBlue_i03ag_29",T="_secondaryDanger_i03ag_35",_={banner:A,primaryBlue:E,primaryDanger:I,secondaryBlue:O,secondaryDanger:T},w={primary:{blue:_.primaryBlue,danger:_.primaryDanger},secondary:{blue:_.secondaryBlue,danger:_.secondaryDanger}},G=({color:a="blue",variant:t="primary",className:n,children:s})=>(0,e.jsx)("div",{className:(0,x.clsx)(_.banner,w[t][a],n),children:s}),$="_bar_1kcc7_1",L="_progressBarGrowIn_1kcc7_1",V="_track_1kcc7_20",W="_indicator_1kcc7_26",z="_glint_1kcc7_45",M="_progressBarGlint_1kcc7_1",m={bar:$,progressBarGrowIn:L,track:V,indicator:W,glint:z,progressBarGlint:M},H=({value:a,size:t="md",className:n,barColor:s,backgroundColor:b="none",withBorderRadius:l=!1,withGrowIn:c=!1,withGlint:p=!1,withSpringFill:d=!1,withMinimumFillWidth:u=!0,ariaLabel:r,onGrowInComplete:o})=>(0,e.jsx)(v.Progress.Root,{className:(0,x.clsx)(m.bar,n),"data-size":t,"data-with-border-radius":l||void 0,"data-grow-in":c||void 0,"aria-label":r,value:a,onAnimationEnd:i=>{c&&i.target===i.currentTarget&&o?.()},style:{"--progress-bar-background-color":b,...(0,f.isNonEmptyString)(s)?{"--progress-bar-color":s}:{}},children:(0,e.jsx)(v.Progress.Track,{className:m.track,children:(0,e.jsx)(v.Progress.Indicator,{className:m.indicator,"data-with-border-radius":l||void 0,"data-spring-fill":d||void 0,"data-nonzero":u&&a>0||void 0,children:p&&(0,e.jsx)("span",{className:m.glint},a)})})});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return S}});
|
|
@@ -3,10 +3,10 @@ import { clsx as _ } from "clsx";
|
|
|
3
3
|
import { jsx as A } from "react/jsx-runtime";
|
|
4
4
|
import { useRef as C } from "react";
|
|
5
5
|
import { useRender as z } from "@base-ui/react/use-render";
|
|
6
|
-
import { useDirection as H } from "@base-ui/react/direction-provider";
|
|
7
|
-
import { mergeProps as E } from "@base-ui/react/merge-props";
|
|
8
6
|
import { clamp as y } from "@base-ui/utils/clamp";
|
|
9
|
-
import {
|
|
7
|
+
import { useDirection as H } from "@base-ui/react/direction-provider";
|
|
8
|
+
import { useControlled as E } from "@base-ui/utils/useControlled";
|
|
9
|
+
import { mergeProps as b } from "@base-ui/react/merge-props";
|
|
10
10
|
var P = {
|
|
11
11
|
value: 150,
|
|
12
12
|
min: 50,
|
|
@@ -48,7 +48,7 @@ var P = {
|
|
|
48
48
|
area: L,
|
|
49
49
|
bar: T
|
|
50
50
|
}, j = ({ axis: t = "y", value: u, defaultValue: p = P.value, onValueChange: s, min: o = P.min, max: i = P.max, step: c = P.step, disabled: l = !1, className: d, children: n, render: h, ref: w, ...a }) => {
|
|
51
|
-
const [D, r] =
|
|
51
|
+
const [D, r] = E({
|
|
52
52
|
controlled: u,
|
|
53
53
|
default: p,
|
|
54
54
|
name: "ResizeHandle"
|
|
@@ -70,7 +70,7 @@ var P = {
|
|
|
70
70
|
axis: t,
|
|
71
71
|
disabled: l
|
|
72
72
|
},
|
|
73
|
-
props:
|
|
73
|
+
props: b(m, a, {
|
|
74
74
|
role: "separator",
|
|
75
75
|
tabIndex: l ? -1 : a.tabIndex ?? 0,
|
|
76
76
|
"aria-label": a["aria-label"] ?? "Resize",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const w=require("./isDefined-DS2Q42p5.cjs");let b=require("clsx"),q=require("react/jsx-runtime"),m=require("react"),C=require("@base-ui/react/use-render"),
|
|
1
|
+
const w=require("./isDefined-DS2Q42p5.cjs");let b=require("clsx"),q=require("react/jsx-runtime"),m=require("react"),C=require("@base-ui/react/use-render"),y=require("@base-ui/utils/clamp"),z=require("@base-ui/react/direction-provider"),A=require("@base-ui/utils/useControlled"),H=require("@base-ui/react/merge-props");var P={value:150,min:50,max:500,step:10},E=({axis:t,value:l,onValueChange:_,min:s,max:n,step:i,disabled:c})=>{const u=(0,z.useDirection)(),d=t==="x"&&u==="rtl",a=(0,m.useRef)(null),g=e=>{c||e.defaultPrevented||e.button!==0||w.isDefined(a.current)||(e.preventDefault(),e.currentTarget.focus?.(),e.currentTarget.setPointerCapture?.(e.pointerId),a.current={pointerId:e.pointerId,startPosition:t==="y"?e.clientY:e.clientX,startValue:l})},D=e=>{const r=a.current;if(c||e.defaultPrevented||!w.isDefined(r)||r.pointerId!==e.pointerId)return;const p=((t==="y"?e.clientY:e.clientX)-r.startPosition)*(d?-1:1);_((0,y.clamp)(r.startValue+p,s,n))},o=e=>{a.current?.pointerId===e.pointerId&&(a.current=null,e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId))};return{onPointerDown:g,onPointerMove:D,onPointerUp:o,onPointerCancel:o,onLostPointerCapture:o,onKeyDown:e=>{if(c||e.defaultPrevented)return;const r=t==="y"?"ArrowDown":d?"ArrowLeft":"ArrowRight",p=t==="y"?"ArrowUp":d?"ArrowRight":"ArrowLeft",f=new Map([[r,l+i],[p,l-i],["Home",s],["End",n]]).get(e.key);w.isDefined(f)&&(e.preventDefault(),e.stopPropagation(),_((0,y.clamp)(f,s,n)))}}},v="_area_pqu70_1",K="_bar_pqu70_26",R={area:v,bar:K},L=({axis:t="y",value:l,defaultValue:_=P.value,onValueChange:s,min:n=P.min,max:i=P.max,step:c=P.step,disabled:u=!1,className:d,children:a,render:g,ref:D,...o})=>{const[I,e]=(0,A.useControlled)({controlled:l,default:_,name:"ResizeHandle"}),r=(0,y.clamp)(I,n,i),f=E({axis:t,value:r,onValueChange:h=>{h!==r&&(e(h),s?.(h))},min:n,max:i,step:c,disabled:u});return(0,C.useRender)({render:g,ref:D,state:{axis:t,disabled:u},props:(0,H.mergeProps)(f,o,{role:"separator",tabIndex:u?-1:o.tabIndex??0,"aria-label":o["aria-label"]??"Resize","aria-orientation":t==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":i,"aria-valuenow":r,"aria-disabled":u||void 0,className:(0,b.clsx)(R.area,d),children:a??(0,q.jsx)("div",{className:R.bar})})})};Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return L}});
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { t as f } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
+
import { i as S, t as A } from "./useIsMobile-CAIiLC-3.js";
|
|
3
|
+
import { clsx as E } from "clsx";
|
|
4
|
+
import { jsx as s, jsxs as C } from "react/jsx-runtime";
|
|
5
|
+
import { isNonEmptyArray as g, isString as w } from "@sniptt/guards";
|
|
6
|
+
import { Fragment as h } from "react";
|
|
7
|
+
var y = /* @__PURE__ */ new Map([
|
|
8
|
+
["⌘", "Command"],
|
|
9
|
+
["⌥", "Option"],
|
|
10
|
+
["⇧", "Shift"],
|
|
11
|
+
["⌃", "Control"],
|
|
12
|
+
["Ctrl", "Control"],
|
|
13
|
+
["⏎", "Enter"],
|
|
14
|
+
["↵", "Enter"],
|
|
15
|
+
["⌫", "Backspace"],
|
|
16
|
+
["↑", "Arrow up"],
|
|
17
|
+
["↓", "Arrow down"],
|
|
18
|
+
["←", "Arrow left"],
|
|
19
|
+
["→", "Arrow right"],
|
|
20
|
+
["esc", "Escape"]
|
|
21
|
+
]), j = (t) => t.every(w), k = ({ shortcut: t, platform: i, sequenceJoinLabel: c = "then", combinationSeparator: d }) => {
|
|
22
|
+
const e = S(), a = i === "mac" || !f(i) && (e === "mac" || e === "ios"), u = /* @__PURE__ */ new Map([
|
|
23
|
+
["Mod", a ? "⌘" : "Ctrl"],
|
|
24
|
+
["CommandOrControl", a ? "⌘" : "Ctrl"],
|
|
25
|
+
["Command", "⌘"],
|
|
26
|
+
["Control", "Ctrl"],
|
|
27
|
+
["Alt", a ? "⌥" : "Alt"],
|
|
28
|
+
["Enter", "⏎"]
|
|
29
|
+
]), n = (j(t) ? [t] : t).filter(g).map((r) => r.map((o) => u.get(o) ?? o)), l = d ?? (a ? "" : " "), m = ` ${c} `;
|
|
30
|
+
return {
|
|
31
|
+
groups: n,
|
|
32
|
+
separator: l,
|
|
33
|
+
sequenceJoinLabel: c,
|
|
34
|
+
text: n.map((r) => r.join(l)).join(m),
|
|
35
|
+
accessibleLabel: n.map((r) => r.map((o) => y.get(o) ?? o).join(" + ")).join(m)
|
|
36
|
+
};
|
|
37
|
+
}, M = "_root_7iu1s_1", L = "_content_7iu1s_20", N = "_combination_7iu1s_21", x = "_key_7iu1s_27", p = {
|
|
38
|
+
root: M,
|
|
39
|
+
content: L,
|
|
40
|
+
combination: N,
|
|
41
|
+
key: x
|
|
42
|
+
}, K = ({ shortcut: t, platform: i, sequenceJoinLabel: c, combinationSeparator: d, variant: e = "keys", visibility: a = "always", className: u, "aria-label": n, ...l }) => {
|
|
43
|
+
const m = A(), r = k({
|
|
44
|
+
shortcut: t,
|
|
45
|
+
platform: i,
|
|
46
|
+
sequenceJoinLabel: c,
|
|
47
|
+
combinationSeparator: d
|
|
48
|
+
});
|
|
49
|
+
return !g(r.groups) || a === "desktop" && m ? null : /* @__PURE__ */ s("span", {
|
|
50
|
+
...l,
|
|
51
|
+
className: E(p.root, u),
|
|
52
|
+
"data-variant": e,
|
|
53
|
+
role: "img",
|
|
54
|
+
"aria-label": n ?? r.accessibleLabel,
|
|
55
|
+
children: /* @__PURE__ */ s("span", {
|
|
56
|
+
className: p.content,
|
|
57
|
+
"aria-hidden": !0,
|
|
58
|
+
children: e !== "keys" ? r.text : r.groups.map((o, _) => /* @__PURE__ */ C(h, { children: [_ > 0 && /* @__PURE__ */ s("span", { children: ` ${r.sequenceJoinLabel} ` }), /* @__PURE__ */ s("span", {
|
|
59
|
+
className: p.combination,
|
|
60
|
+
children: o.map((v, b) => /* @__PURE__ */ C(h, { children: [b > 0 && r.separator, /* @__PURE__ */ s("kbd", {
|
|
61
|
+
className: p.key,
|
|
62
|
+
children: v
|
|
63
|
+
})] }, b))
|
|
64
|
+
})] }, _))
|
|
65
|
+
})
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
export {
|
|
69
|
+
k as n,
|
|
70
|
+
K as t
|
|
71
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const v=require("./isDefined-DS2Q42p5.cjs"),j=require("./useIsMobile-UXHqqYXb.cjs");let y=require("clsx"),n=require("react/jsx-runtime"),_=require("@sniptt/guards"),h=require("react");var f=new Map([["⌘","Command"],["⌥","Option"],["⇧","Shift"],["⌃","Control"],["Ctrl","Control"],["⏎","Enter"],["↵","Enter"],["⌫","Backspace"],["↑","Arrow up"],["↓","Arrow down"],["←","Arrow left"],["→","Arrow right"],["esc","Escape"]]),x=r=>r.every(_.isString),C=({shortcut:r,platform:i,sequenceJoinLabel:c="then",combinationSeparator:p})=>{const o=j.getUserDevice(),a=i==="mac"||!v.isDefined(i)&&(o==="mac"||o==="ios"),d=new Map([["Mod",a?"⌘":"Ctrl"],["CommandOrControl",a?"⌘":"Ctrl"],["Command","⌘"],["Control","Ctrl"],["Alt",a?"⌥":"Alt"],["Enter","⏎"]]),s=(x(r)?[r]:r).filter(_.isNonEmptyArray).map(e=>e.map(t=>d.get(t)??t)),l=p??(a?"":" "),u=` ${c} `;return{groups:s,separator:l,sequenceJoinLabel:c,text:s.map(e=>e.join(l)).join(u),accessibleLabel:s.map(e=>e.map(t=>f.get(t)??t).join(" + ")).join(u)}},A="_root_7iu1s_1",E="_content_7iu1s_20",q="_combination_7iu1s_21",w="_key_7iu1s_27",m={root:A,content:E,combination:q,key:w},M=({shortcut:r,platform:i,sequenceJoinLabel:c,combinationSeparator:p,variant:o="keys",visibility:a="always",className:d,"aria-label":s,...l})=>{const u=j.useIsMobile(),e=C({shortcut:r,platform:i,sequenceJoinLabel:c,combinationSeparator:p});return!(0,_.isNonEmptyArray)(e.groups)||a==="desktop"&&u?null:(0,n.jsx)("span",{...l,className:(0,y.clsx)(m.root,d),"data-variant":o,role:"img","aria-label":s??e.accessibleLabel,children:(0,n.jsx)("span",{className:m.content,"aria-hidden":!0,children:o!=="keys"?e.text:e.groups.map((t,b)=>(0,n.jsxs)(h.Fragment,{children:[b>0&&(0,n.jsx)("span",{children:` ${e.sequenceJoinLabel} `}),(0,n.jsx)("span",{className:m.combination,children:t.map((S,g)=>(0,n.jsxs)(h.Fragment,{children:[g>0&&e.separator,(0,n.jsx)("kbd",{className:m.key,children:S})]},g))})]},b))})})};Object.defineProperty(exports,"Shortcut",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"getShortcutPresentation",{enumerable:!0,get:function(){return C}});
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { t as i } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
+
import { t as P } from "./Loader-BLkXvZli.js";
|
|
3
|
+
import { t as R } from "./Shortcut-CRCVbA2m.js";
|
|
4
|
+
import { n as x } from "./useProvidedTextDirection-P1dtjUtE.js";
|
|
5
|
+
import { clsx as c } from "clsx";
|
|
6
|
+
import { Fragment as q, jsx as a, jsxs as v } from "react/jsx-runtime";
|
|
7
|
+
import { isBoolean as A } from "@sniptt/guards";
|
|
8
|
+
import { createContext as g, useContext as B } from "react";
|
|
9
|
+
import { useRender as D } from "@base-ui/react/use-render";
|
|
10
|
+
import { Button as F } from "@base-ui/react/button";
|
|
11
|
+
import { Input as J } from "@base-ui/react/input";
|
|
12
|
+
import { Switch as j } from "@base-ui/react/switch";
|
|
13
|
+
var T = g(null), V = "_button_vtbjg_1", H = "_content_vtbjg_181", K = "_label_vtbjg_190", M = "_icon_vtbjg_196", O = "_hidden_vtbjg_206", Q = "_loader_vtbjg_210", s = {
|
|
14
|
+
button: V,
|
|
15
|
+
content: H,
|
|
16
|
+
label: K,
|
|
17
|
+
icon: M,
|
|
18
|
+
hidden: O,
|
|
19
|
+
loader: Q
|
|
20
|
+
}, xt = ({ variant: t = "outline", color: e = "neutral", size: o = "md", fullWidth: n = !1, loading: r = !1, elevated: p = !1, startIcon: l, endIcon: d, shortcut: m, shortcutJoinLabel: G, disabled: S = !1, href: b, render: z, className: E, children: h, ...k }) => {
|
|
21
|
+
const f = B(T), I = f?.variant ?? t, y = f?.color ?? e, L = f?.size ?? o, _ = i(b);
|
|
22
|
+
return /* @__PURE__ */ v(F, {
|
|
23
|
+
...k,
|
|
24
|
+
..._ ? { href: b } : void 0,
|
|
25
|
+
className: x(s.button, E),
|
|
26
|
+
"data-variant": I,
|
|
27
|
+
"data-color": y,
|
|
28
|
+
"data-size": L,
|
|
29
|
+
"data-full-width": n || void 0,
|
|
30
|
+
"data-loading": r || void 0,
|
|
31
|
+
"data-elevated": p || void 0,
|
|
32
|
+
"aria-busy": r ? "true" : k["aria-busy"],
|
|
33
|
+
disabled: S || r,
|
|
34
|
+
role: _ ? "link" : void 0,
|
|
35
|
+
nativeButton: !_,
|
|
36
|
+
render: z ?? (_ ? /* @__PURE__ */ a("a", {
|
|
37
|
+
href: b,
|
|
38
|
+
children: h
|
|
39
|
+
}) : void 0),
|
|
40
|
+
children: [/* @__PURE__ */ v("span", {
|
|
41
|
+
className: c(s.content, r && s.hidden),
|
|
42
|
+
children: [
|
|
43
|
+
i(l) && /* @__PURE__ */ a("span", {
|
|
44
|
+
className: s.icon,
|
|
45
|
+
"aria-hidden": !0,
|
|
46
|
+
children: l
|
|
47
|
+
}),
|
|
48
|
+
i(h) && /* @__PURE__ */ a("span", {
|
|
49
|
+
className: s.label,
|
|
50
|
+
children: h
|
|
51
|
+
}),
|
|
52
|
+
i(d) && /* @__PURE__ */ a("span", {
|
|
53
|
+
className: s.icon,
|
|
54
|
+
"aria-hidden": !0,
|
|
55
|
+
children: d
|
|
56
|
+
}),
|
|
57
|
+
i(m) && /* @__PURE__ */ a(R, {
|
|
58
|
+
shortcut: m,
|
|
59
|
+
sequenceJoinLabel: G,
|
|
60
|
+
variant: "button",
|
|
61
|
+
visibility: "desktop",
|
|
62
|
+
"aria-hidden": !0
|
|
63
|
+
})
|
|
64
|
+
]
|
|
65
|
+
}), r && /* @__PURE__ */ a("span", {
|
|
66
|
+
className: s.loader,
|
|
67
|
+
"aria-hidden": !0,
|
|
68
|
+
children: /* @__PURE__ */ a(P, {})
|
|
69
|
+
})]
|
|
70
|
+
});
|
|
71
|
+
}, C = g(null), U = "_input_14itx_1", W = "_sm_14itx_45", X = "_md_14itx_49", w = {
|
|
72
|
+
input: U,
|
|
73
|
+
sm: W,
|
|
74
|
+
md: X
|
|
75
|
+
}, kt = ({ size: t, className: e, ...o }) => {
|
|
76
|
+
const n = B(C), r = t ?? n?.size ?? "md";
|
|
77
|
+
return /* @__PURE__ */ a(J, {
|
|
78
|
+
...o,
|
|
79
|
+
className: x(c(w.input, w[r]), e),
|
|
80
|
+
"data-grouped": i(n) || void 0
|
|
81
|
+
});
|
|
82
|
+
}, Y = "_root_lk8ci_1", Z = "_sm_lk8ci_27", tt = "_md_lk8ci_31", at = "_startElement_lk8ci_35", rt = "_endElement_lk8ci_36", u = {
|
|
83
|
+
root: Y,
|
|
84
|
+
sm: Z,
|
|
85
|
+
md: tt,
|
|
86
|
+
startElement: at,
|
|
87
|
+
endElement: rt
|
|
88
|
+
}, $ = (t) => i(t) && !A(t) && t !== "", jt = ({ size: t = "md", startElement: e, endElement: o, className: n, children: r, render: p, ref: l, ...d }) => {
|
|
89
|
+
const m = D({
|
|
90
|
+
render: p,
|
|
91
|
+
ref: l,
|
|
92
|
+
props: {
|
|
93
|
+
...d,
|
|
94
|
+
className: c(u.root, u[t], n),
|
|
95
|
+
children: /* @__PURE__ */ v(q, { children: [
|
|
96
|
+
$(e) && /* @__PURE__ */ a("span", {
|
|
97
|
+
className: u.startElement,
|
|
98
|
+
children: e
|
|
99
|
+
}),
|
|
100
|
+
r,
|
|
101
|
+
$(o) && /* @__PURE__ */ a("span", {
|
|
102
|
+
className: u.endElement,
|
|
103
|
+
children: o
|
|
104
|
+
})
|
|
105
|
+
] })
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
return /* @__PURE__ */ a(C.Provider, {
|
|
109
|
+
value: { size: t },
|
|
110
|
+
children: m
|
|
111
|
+
});
|
|
112
|
+
}, et = "_root_rn2ew_1", ot = "_sm_rn2ew_33", nt = "_md_rn2ew_39", st = "_thumb_rn2ew_45", N = {
|
|
113
|
+
root: et,
|
|
114
|
+
sm: ot,
|
|
115
|
+
md: nt,
|
|
116
|
+
thumb: st
|
|
117
|
+
}, wt = ({ size: t = "md", className: e, children: o, ...n }) => /* @__PURE__ */ v(j.Root, {
|
|
118
|
+
...n,
|
|
119
|
+
className: x(c(N.root, N[t]), e),
|
|
120
|
+
children: [/* @__PURE__ */ a(j.Thumb, { className: N.thumb }), o]
|
|
121
|
+
});
|
|
122
|
+
export {
|
|
123
|
+
xt as a,
|
|
124
|
+
w as i,
|
|
125
|
+
jt as n,
|
|
126
|
+
T as o,
|
|
127
|
+
kt as r,
|
|
128
|
+
wt as t
|
|
129
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const u=require("./isDefined-DS2Q42p5.cjs"),$=require("./Loader-CMXdrX1d.cjs"),z=require("./Shortcut-CuBFak3I.cjs"),q=require("./useProvidedTextDirection-B7ovnsdr.cjs");let m=require("clsx"),e=require("react/jsx-runtime"),E=require("@sniptt/guards"),v=require("react"),L=require("@base-ui/react/use-render"),R=require("@base-ui/react/button"),T=require("@base-ui/react/input"),N=require("@base-ui/react/switch");var C=(0,v.createContext)(null),A="_button_vtbjg_1",F="_content_vtbjg_181",J="_label_vtbjg_190",V="_icon_vtbjg_196",H="_hidden_vtbjg_206",K="_loader_vtbjg_210",i={button:A,content:F,label:J,icon:V,hidden:H,loader:K},M=({variant:t="outline",color:n="neutral",size:a="md",fullWidth:s=!1,loading:r=!1,elevated:b=!1,startIcon:o,endIcon:l,shortcut:d,shortcutJoinLabel:y,disabled:D=!1,href:p,render:P,className:S,children:x,...g})=>{const j=(0,v.useContext)(C),B=j?.variant??t,G=j?.color??n,I=j?.size??a,_=u.isDefined(p),O=_?{href:p}:void 0;return(0,e.jsxs)(R.Button,{...g,...O,className:q.mergeClassNames(i.button,S),"data-variant":B,"data-color":G,"data-size":I,"data-full-width":s||void 0,"data-loading":r||void 0,"data-elevated":b||void 0,"aria-busy":r?"true":g["aria-busy"],disabled:D||r,role:_?"link":void 0,nativeButton:!_,render:P??(_?(0,e.jsx)("a",{href:p,children:x}):void 0),children:[(0,e.jsxs)("span",{className:(0,m.clsx)(i.content,r&&i.hidden),children:[u.isDefined(o)&&(0,e.jsx)("span",{className:i.icon,"aria-hidden":!0,children:o}),u.isDefined(x)&&(0,e.jsx)("span",{className:i.label,children:x}),u.isDefined(l)&&(0,e.jsx)("span",{className:i.icon,"aria-hidden":!0,children:l}),u.isDefined(d)&&(0,e.jsx)(z.Shortcut,{shortcut:d,sequenceJoinLabel:y,variant:"button",visibility:"desktop","aria-hidden":!0})]}),r&&(0,e.jsx)("span",{className:i.loader,"aria-hidden":!0,children:(0,e.jsx)($.Loader,{})})]})},k=(0,v.createContext)(null),Q="_input_14itx_1",U="_sm_14itx_45",W="_md_14itx_49",h={input:Q,sm:U,md:W},X=({size:t,className:n,...a})=>{const s=(0,v.useContext)(k),r=t??s?.size??"md";return(0,e.jsx)(T.Input,{...a,className:q.mergeClassNames((0,m.clsx)(h.input,h[r]),n),"data-grouped":u.isDefined(s)||void 0})},Y="_root_lk8ci_1",Z="_sm_lk8ci_27",ee="_md_lk8ci_31",te="_startElement_lk8ci_35",re="_endElement_lk8ci_36",c={root:Y,sm:Z,md:ee,startElement:te,endElement:re},w=t=>u.isDefined(t)&&!(0,E.isBoolean)(t)&&t!=="",ne=({size:t="md",startElement:n,endElement:a,className:s,children:r,render:b,ref:o,...l})=>{const d=(0,L.useRender)({render:b,ref:o,props:{...l,className:(0,m.clsx)(c.root,c[t],s),children:(0,e.jsxs)(e.Fragment,{children:[w(n)&&(0,e.jsx)("span",{className:c.startElement,children:n}),r,w(a)&&(0,e.jsx)("span",{className:c.endElement,children:a})]})}});return(0,e.jsx)(k.Provider,{value:{size:t},children:d})},ae="_root_rn2ew_1",se="_sm_rn2ew_33",ie="_md_rn2ew_39",ue="_thumb_rn2ew_45",f={root:ae,sm:se,md:ie,thumb:ue},oe=({size:t="md",className:n,children:a,...s})=>(0,e.jsxs)(N.Switch.Root,{...s,className:q.mergeClassNames((0,m.clsx)(f.root,f[t]),n),children:[(0,e.jsx)(N.Switch.Thumb,{className:f.thumb}),a]});Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"Input_module_default",{enumerable:!0,get:function(){return h}});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return oe}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const r=require("./isRenderableSlot-Guryb6Nf.cjs");let a=require("react/jsx-runtime");var _="_root_ub2oy_1",o="_list_ub2oy_10",b="_tab_ub2oy_37",u="_content_ub2oy_89",i="_label_ub2oy_108",c="_startIcon_ub2oy_114",d="_badge_ub2oy_115",v="_panel_ub2oy_130",y="_indicator_ub2oy_139",e={root:_,list:o,tab:b,content:u,label:i,startIcon:c,badge:d,panel:v,indicator:y},m=({children:s,startIcon:t,endIcon:n,badge:l})=>(0,a.jsxs)("span",{className:e.content,children:[r.isRenderableSlot(t)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:t}),(0,a.jsx)("span",{className:e.label,children:s}),r.isRenderableSlot(n)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),r.isRenderableSlot(l)&&(0,a.jsx)("span",{className:e.badge,children:l})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return m}});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { t } from "./isRenderableSlot-DT_depzM.js";
|
|
2
|
+
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
3
|
+
var l = "_root_ub2oy_1", b = "_list_ub2oy_10", i = "_tab_ub2oy_37", c = "_content_ub2oy_89", d = "_label_ub2oy_108", u = "_startIcon_ub2oy_114", v = "_badge_ub2oy_115", m = "_panel_ub2oy_130", p = "_indicator_ub2oy_139", a = {
|
|
4
|
+
root: l,
|
|
5
|
+
list: b,
|
|
6
|
+
tab: i,
|
|
7
|
+
content: c,
|
|
8
|
+
label: d,
|
|
9
|
+
startIcon: u,
|
|
10
|
+
badge: v,
|
|
11
|
+
panel: m,
|
|
12
|
+
indicator: p
|
|
13
|
+
}, N = ({ children: s, startIcon: e, endIcon: _, badge: o }) => /* @__PURE__ */ n("span", {
|
|
14
|
+
className: a.content,
|
|
15
|
+
children: [
|
|
16
|
+
t(e) && /* @__PURE__ */ r("span", {
|
|
17
|
+
className: a.startIcon,
|
|
18
|
+
"aria-hidden": !0,
|
|
19
|
+
children: e
|
|
20
|
+
}),
|
|
21
|
+
/* @__PURE__ */ r("span", {
|
|
22
|
+
className: a.label,
|
|
23
|
+
children: s
|
|
24
|
+
}),
|
|
25
|
+
t(_) && /* @__PURE__ */ r("span", {
|
|
26
|
+
className: a.startIcon,
|
|
27
|
+
"aria-hidden": !0,
|
|
28
|
+
children: _
|
|
29
|
+
}),
|
|
30
|
+
t(o) && /* @__PURE__ */ r("span", {
|
|
31
|
+
className: a.badge,
|
|
32
|
+
children: o
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
});
|
|
36
|
+
export {
|
|
37
|
+
a as n,
|
|
38
|
+
N as t
|
|
39
|
+
};
|