@nattstack/ui 0.0.55 → 0.0.57

package/dist/components/index.d.ts

@@ -392,13 +392,14 @@ declare const TEXTAREA_CLASS_NAME: {
 //#region src/components/tooltip/tooltip.d.ts
 interface TooltipProps extends Omit<Tooltip$1.Root.Props, "disabled"> {
   isDisabled?: Tooltip$1.Root.Props["disabled"];
+  isDisableHoverablePopup?: Tooltip$1.Root.Props["disableHoverablePopup"];
 }
 declare function Tooltip(props: TooltipProps): JSX.Element;
 //#endregion
-//#region src/components/tooltip/tooltip-content.d.ts
-interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side" | "sideOffset">, Tooltip$1.Popup.Props {}
-declare function TooltipContent(props: TooltipContentProps): JSX.Element;
-declare const TOOLTIP_CONTENT_CLASS_NAME: {
+//#region src/components/tooltip/tooltip-popup.d.ts
+interface TooltipPopupProps extends Pick<Tooltip$1.Positioner.Props, "side" | "sideOffset">, Tooltip$1.Popup.Props {}
+declare function TooltipPopup(props: TooltipPopupProps): JSX.Element;
+declare const TOOLTIP_POPUP_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
@@ -410,4 +411,4 @@ declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
 interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {}
 declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, MenuViewport, MenuViewportProps, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, createMenuHandle };
+export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, MenuViewport, MenuViewportProps, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_POPUP_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, createMenuHandle };

package/dist/components/index.js

@@ -22,8 +22,7 @@ var button_spinner_module_default = {
 //#endregion
 //#region src/components/button/button-spinner.tsx
 function ButtonSpinner(props) {
-	const DEFAULT_SIZE = 20;
-	const { size = DEFAULT_SIZE } = props;
+	const { size = 20 } = props;
 	return /* @__PURE__ */ jsx("div", {
 		className: button_spinner_module_default.button_spinner,
 		style: { "--size": `${size}px` },
@@ -51,8 +50,7 @@ var button_module_default = {
 //#endregion
 //#region src/components/button/button.tsx
 function Button(props) {
-	const DEFAULT_SIZE = 40;
-	const { children = "", className: customClassName = "", iconEnd = "", iconStart = "", isActive = false, isDisabled = false, isFullWidth = false, isIconOnly = false, isLoading = false, isRounded = false, size = DEFAULT_SIZE, type = "button", variant = "primary", ...rest } = props;
+	const { children = "", className: customClassName = "", iconEnd = "", iconStart = "", isActive = false, isDisabled = false, isFullWidth = false, isIconOnly = false, isLoading = false, isRounded = false, size = 40, type = "button", variant = "primary", ...rest } = props;
 	return /* @__PURE__ */ jsxs("button", {
 		"aria-pressed": isActive,
 		className: normalizeWhitespace(`
@@ -102,8 +100,7 @@ const BUTTON_CLASS_NAME = {
 //#endregion
 //#region src/components/button-link/button-link.tsx
 function ButtonLink(props) {
-	const DEFAULT_SIZE = 40;
-	const { as = "a", className: customClassName = "", isFullWidth = false, isIconOnly = false, isRounded = false, size = DEFAULT_SIZE, variant = "primary", ...rest } = props;
+	const { as = "a", className: customClassName = "", isFullWidth = false, isIconOnly = false, isRounded = false, size = 40, variant = "primary", ...rest } = props;
 	return createElement(as, {
 		className: normalizeWhitespace(`
     ${BUTTON_CLASS_NAME.BASE}
@@ -268,8 +265,7 @@ var input_module_default = {
 //#endregion
 //#region src/components/input/input.tsx
 function Input(props) {
-	const DEFAULT_SIZE = 48;
-	const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = DEFAULT_SIZE, type = "text", ...rest } = props;
+	const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = 48, type = "text", ...rest } = props;
 	return /* @__PURE__ */ jsx("input", {
 		className: normalizeWhitespace(`
     ${INPUT_CLASS_NAME.BASE}
@@ -426,8 +422,7 @@ function MenuCheckboxItem(props) {
 //#endregion
 //#region src/components/menu/menu-content.tsx
 function MenuContent(props) {
-	const DEFAULT_SIDE_OFFSET = 8;
-	const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, keepMounted = void 0, positionMethod = void 0, side = "bottom", sideOffset = DEFAULT_SIDE_OFFSET, sticky = void 0, ...rest } = props;
+	const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, keepMounted = void 0, positionMethod = void 0, side = "bottom", sideOffset = 8, sticky = void 0, ...rest } = props;
 	const combinedClassName = getMenuClassName(MENU_CLASS_NAME.CONTENT, customClassName);
 	return /* @__PURE__ */ jsx(Menu$1.Portal, {
 		container,
@@ -705,8 +700,7 @@ var switch_module_default = {
 //#endregion
 //#region src/components/switch/switch.tsx
 function Switch(props) {
-	const DEFAULT_SIZE = 24;
-	const { className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, isReadOnly = false, isRequired = false, size = DEFAULT_SIZE, ...rest } = props;
+	const { className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, isReadOnly = false, isRequired = false, size = 24, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
     ${SWITCH_CLASS_NAME.BASE}
     ${SWITCH_CLASS_NAME.SIZE[size]}
@@ -954,8 +948,7 @@ var textarea_module_default = { "textarea": "textarea-module_textarea_JqpxFq" };
 //#endregion
 //#region src/components/textarea/textarea.tsx
 function Textarea(props) {
-	const DEFAULT_ROWS = 2;
-	const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = DEFAULT_ROWS, ...rest } = props;
+	const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = 2, ...rest } = props;
 	return /* @__PURE__ */ jsx("textarea", {
 		className: normalizeWhitespace(`
     ${TEXTAREA_CLASS_NAME.INPUT}
@@ -984,42 +977,43 @@ const TEXTAREA_CLASS_NAME = {
 //#endregion
 //#region src/components/tooltip/tooltip.tsx
 function Tooltip(props) {
-	const { isDisabled = false, ...rest } = props;
+	const { isDisabled = false, isDisableHoverablePopup = true, ...rest } = props;
 	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
 		"data-slot": "tooltip",
 		disabled: isDisabled,
-		disableHoverablePopup: true,
+		disableHoverablePopup: isDisableHoverablePopup,
 		...rest
 	});
 }
 //#endregion
-//#region src/components/tooltip/tooltip-content.module.css
-var tooltip_content_module_default = {
-	"tooltip_content": "tooltip-content-module_tooltip_content_j-Z8kW",
-	"tooltip_content_positioner": "tooltip-content-module_tooltip_content_positioner_j-Z8kW"
+//#region src/components/tooltip/tooltip-popup.module.css
+var tooltip_popup_module_default = {
+	"tooltip_popup": "tooltip-popup-module_tooltip_popup_Yvko7q",
+	"tooltip_popup_portal": "tooltip-popup-module_tooltip_popup_portal_Yvko7q"
 };
 //#endregion
-//#region src/components/tooltip/tooltip-content.tsx
-function TooltipContent(props) {
-	const DEFAULT_SIDE_OFFSET = 4;
-	const { children, className: customClassName = "", side = "top", sideOffset = DEFAULT_SIDE_OFFSET, ...rest } = props;
+//#region src/components/tooltip/tooltip-popup.tsx
+function TooltipPopup(props) {
+	const { children = "", className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
-    ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
+    ${TOOLTIP_POPUP_CLASS_NAME.BASE}
     ${customClassName}
   `);
-	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Positioner, {
-		className: tooltip_content_module_default.tooltip_content_positioner,
-		side,
-		sideOffset,
-		children: [/* @__PURE__ */ jsx(Tooltip$1.Popup, {
-			className: combinedClassName,
-			"data-slot": "tooltip-content",
-			...rest,
-			children
-		}), /* @__PURE__ */ jsx(Tooltip$1.Arrow, {})]
-	}) });
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		className: tooltip_popup_module_default.tooltip_popup_portal,
+		children: /* @__PURE__ */ jsxs(Tooltip$1.Positioner, {
+			side,
+			sideOffset,
+			children: [/* @__PURE__ */ jsx(Tooltip$1.Popup, {
+				className: combinedClassName,
+				"data-slot": "tooltip-popup",
+				...rest,
+				children
+			}), /* @__PURE__ */ jsx(Tooltip$1.Arrow, {})]
+		})
+	});
 }
-const TOOLTIP_CONTENT_CLASS_NAME = { BASE: tooltip_content_module_default.tooltip_content };
+const TOOLTIP_POPUP_CLASS_NAME = { BASE: tooltip_popup_module_default.tooltip_popup };
 //#endregion
 //#region src/components/tooltip/tooltip-provider.tsx
 function TooltipProvider(props) {
@@ -1039,4 +1033,4 @@ function TooltipTrigger(props) {
 	});
 }
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MenuViewport, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, createMenuHandle };
+export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MenuViewport, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_POPUP_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, createMenuHandle };

package/dist/components/style.css

@@ -955,21 +955,30 @@
   max-height: none;
   padding: 12px !important;
 }
-.tooltip-content-module_tooltip_content_j-Z8kW {
+.tooltip-popup-module_tooltip_popup_Yvko7q {
+  --scale: .975;
   background-color: var(--color-gray-dark-1);
   color: var(--color-gray-dark-12);
+  transform-origin: var(--transform-origin);
   border-radius: 8px;
   padding: 4px 8px;
   font-size: 13px;
   font-weight: 500;
+  transition-property: opacity, scale;
+  transition-duration: .15s;
+  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
 }
 
-.tooltip-content-module_tooltip_content_positioner_j-Z8kW {
-  isolation: isolate;
+.tooltip-popup-module_tooltip_popup_portal_Yvko7q {
   z-index: 50;
 }
 
-.dark .tooltip-content-module_tooltip_content_j-Z8kW {
+.tooltip-popup-module_tooltip_popup_Yvko7q[data-ending-style], .tooltip-popup-module_tooltip_popup_Yvko7q[data-starting-style] {
+  opacity: 0;
+  scale: var(--scale);
+}
+
+.dark .tooltip-popup-module_tooltip_popup_Yvko7q {
   background-color: var(--color-gray-light-1);
   color: var(--color-gray-light-12);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",