@nattstack/ui 0.0.47 → 0.0.48
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/components/index.d.ts +2 -13
- package/dist/components/index.js +7 -54
- package/package.json +1 -1
|
@@ -192,18 +192,12 @@ declare function MenuGroupLabel(props: MenuGroupLabelProps): JSX.Element;
|
|
|
192
192
|
//#region src/components/menu/menu-item.d.ts
|
|
193
193
|
interface MenuItemProps extends Omit<Menu$1.Item.Props, "className" | "disabled"> {
|
|
194
194
|
className?: string;
|
|
195
|
-
iconEnd?: ReactNode;
|
|
196
|
-
iconStart?: ReactNode;
|
|
197
195
|
isDisabled?: Menu$1.Item.Props["disabled"];
|
|
198
196
|
}
|
|
199
197
|
declare function MenuItem(props: MenuItemProps): JSX.Element;
|
|
200
198
|
//#endregion
|
|
201
199
|
//#region src/components/menu/menu-link-item.d.ts
|
|
202
|
-
interface MenuLinkItemProps extends
|
|
203
|
-
className?: string;
|
|
204
|
-
iconEnd?: ReactNode;
|
|
205
|
-
iconStart?: ReactNode;
|
|
206
|
-
}
|
|
200
|
+
interface MenuLinkItemProps extends Menu$1.LinkItem.Props {}
|
|
207
201
|
declare function MenuLinkItem(props: MenuLinkItemProps): JSX.Element;
|
|
208
202
|
//#endregion
|
|
209
203
|
//#region src/components/menu/menu-radio-group.d.ts
|
|
@@ -237,12 +231,7 @@ interface MenuSubmenuProps extends Omit<Menu$1.SubmenuRoot.Props, "disabled" | "
|
|
|
237
231
|
declare function MenuSubmenu(props: MenuSubmenuProps): JSX.Element;
|
|
238
232
|
//#endregion
|
|
239
233
|
//#region src/components/menu/menu-submenu-trigger.d.ts
|
|
240
|
-
interface MenuSubmenuTriggerProps extends
|
|
241
|
-
className?: string;
|
|
242
|
-
iconEnd?: ReactNode;
|
|
243
|
-
iconStart?: ReactNode;
|
|
244
|
-
isDisabled?: Menu$1.SubmenuTrigger.Props["disabled"];
|
|
245
|
-
}
|
|
234
|
+
interface MenuSubmenuTriggerProps extends Menu$1.SubmenuTrigger.Props {}
|
|
246
235
|
declare function MenuSubmenuTrigger(props: MenuSubmenuTriggerProps): JSX.Element;
|
|
247
236
|
//#endregion
|
|
248
237
|
//#region src/components/menu/menu-trigger.d.ts
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './style.css';
|
|
2
2
|
import { createElement } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { Drawer, Menu as Menu$1, OTPFieldPreview, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "@base-ui/react";
|
|
5
5
|
//#region src/utils/normalize-whitespace.ts
|
|
6
6
|
/**
|
|
@@ -483,55 +483,26 @@ function MenuGroupLabel(props) {
|
|
|
483
483
|
});
|
|
484
484
|
}
|
|
485
485
|
//#endregion
|
|
486
|
-
//#region src/components/menu/menu-item-content.tsx
|
|
487
|
-
function MenuItemContent(props) {
|
|
488
|
-
const { children, iconEnd = void 0, iconStart = void 0 } = props;
|
|
489
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
490
|
-
iconStart && /* @__PURE__ */ jsx("span", {
|
|
491
|
-
className: MENU_CLASS_NAME.ITEM_ICON,
|
|
492
|
-
children: iconStart
|
|
493
|
-
}),
|
|
494
|
-
/* @__PURE__ */ jsx("span", {
|
|
495
|
-
className: MENU_CLASS_NAME.ITEM_LABEL,
|
|
496
|
-
children
|
|
497
|
-
}),
|
|
498
|
-
iconEnd && /* @__PURE__ */ jsx("span", {
|
|
499
|
-
className: MENU_CLASS_NAME.ITEM_ICON,
|
|
500
|
-
children: iconEnd
|
|
501
|
-
})
|
|
502
|
-
] });
|
|
503
|
-
}
|
|
504
|
-
//#endregion
|
|
505
486
|
//#region src/components/menu/menu-item.tsx
|
|
506
487
|
function MenuItem(props) {
|
|
507
|
-
const { children, className: customClassName = "",
|
|
488
|
+
const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
|
|
508
489
|
const combinedClassName = getMenuClassName(MENU_CLASS_NAME.ITEM, customClassName);
|
|
509
490
|
return /* @__PURE__ */ jsx(Menu$1.Item, {
|
|
510
491
|
className: combinedClassName,
|
|
511
492
|
"data-slot": "menu-item",
|
|
512
493
|
disabled: isDisabled,
|
|
513
494
|
...rest,
|
|
514
|
-
children
|
|
515
|
-
iconEnd,
|
|
516
|
-
iconStart,
|
|
517
|
-
children
|
|
518
|
-
})
|
|
495
|
+
children
|
|
519
496
|
});
|
|
520
497
|
}
|
|
521
498
|
//#endregion
|
|
522
499
|
//#region src/components/menu/menu-link-item.tsx
|
|
523
500
|
function MenuLinkItem(props) {
|
|
524
|
-
const { children,
|
|
525
|
-
const combinedClassName = getMenuClassName(MENU_CLASS_NAME.LINK_ITEM, customClassName);
|
|
501
|
+
const { children, ...rest } = props;
|
|
526
502
|
return /* @__PURE__ */ jsx(Menu$1.LinkItem, {
|
|
527
|
-
className: combinedClassName,
|
|
528
503
|
"data-slot": "menu-link-item",
|
|
529
504
|
...rest,
|
|
530
|
-
children
|
|
531
|
-
iconEnd,
|
|
532
|
-
iconStart,
|
|
533
|
-
children
|
|
534
|
-
})
|
|
505
|
+
children
|
|
535
506
|
});
|
|
536
507
|
}
|
|
537
508
|
//#endregion
|
|
@@ -610,29 +581,11 @@ function MenuSubmenu(props) {
|
|
|
610
581
|
//#endregion
|
|
611
582
|
//#region src/components/menu/menu-submenu-trigger.tsx
|
|
612
583
|
function MenuSubmenuTrigger(props) {
|
|
613
|
-
const { children,
|
|
614
|
-
const combinedClassName = getMenuClassName(MENU_CLASS_NAME.SUBMENU_TRIGGER, customClassName);
|
|
615
|
-
const currentIconEnd = iconEnd ?? /* @__PURE__ */ jsx("svg", {
|
|
616
|
-
fill: "none",
|
|
617
|
-
height: "16",
|
|
618
|
-
viewBox: "0 0 16 16",
|
|
619
|
-
width: "16",
|
|
620
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
621
|
-
d: "M6 3.5L10.5 8L6 12.5",
|
|
622
|
-
stroke: "currentColor",
|
|
623
|
-
strokeWidth: "1.75"
|
|
624
|
-
})
|
|
625
|
-
});
|
|
584
|
+
const { children, ...rest } = props;
|
|
626
585
|
return /* @__PURE__ */ jsx(Menu$1.SubmenuTrigger, {
|
|
627
|
-
className: combinedClassName,
|
|
628
586
|
"data-slot": "menu-submenu-trigger",
|
|
629
|
-
disabled: isDisabled,
|
|
630
587
|
...rest,
|
|
631
|
-
children
|
|
632
|
-
iconEnd: currentIconEnd,
|
|
633
|
-
iconStart,
|
|
634
|
-
children
|
|
635
|
-
})
|
|
588
|
+
children
|
|
636
589
|
});
|
|
637
590
|
}
|
|
638
591
|
//#endregion
|