@nattstack/ui 0.0.2 → 0.0.4

package/dist/components/{button.module-77AJOXGM.module.css → button.module-7VWY2WUV.module.css}

@@ -11,7 +11,7 @@
   font-family: var(--font-sans, sans-serif);
   font-size: 14px;
   font-weight: 500;
-  height: var(--size);
+  height: var(--size-button);
   justify-content: safe center;
   line-height: 1.5;
   outline-color: var(--color-primary-9);
@@ -20,7 +20,7 @@
   outline-width: 0px;
   overflow: hidden;
   transition-duration: 150ms;
-  transition-property: background-color, box-shadow, opacity, translate;
+  transition-property: background-color, opacity, translate;
   user-select: none;
 }
 
@@ -41,11 +41,18 @@
   outline-width: 2px;
 }
 
+/* Icon size */
+.button > svg {
+  --size-icon: 18px;
+  height: var(--size-icon);
+  width: var(--size-icon);
+}
+
 /* ===================================================== */
 /* Icon only */
 /* ===================================================== */
 .button__icon_only {
-  width: var(--size) !important;
+  width: var(--size-button) !important;
   padding: 0 !important;
 }
 
@@ -64,31 +71,31 @@
 /* Size */
 /* ===================================================== */
 .button__size_32 {
-  --size: 32px;
+  --size-button: 32px;
   padding: 0 10px;
   border-radius: 8px;
 }
 
 .button__size_36 {
-  --size: 36px;
+  --size-button: 36px;
   padding: 0 12px;
   border-radius: 10px;
 }
 
 .button__size_40 {
-  --size: 40px;
+  --size-button: 40px;
   padding: 0 14px;
   border-radius: 12px;
 }
 
 .button__size_44 {
-  --size: 44px;
+  --size-button: 44px;
   padding: 0 16px;
   border-radius: 14px;
 }
 
 .button__size_48 {
-  --size: 48px;
+  --size-button: 48px;
   padding: 0 18px;
   border-radius: 16px;
 }

package/dist/components/{dialog-responsive-backdrop.module-UZSAJFQZ.module.css → dialog-responsive-backdrop.module-O336AARV.module.css}

@@ -1,6 +1,5 @@
 .dialog_responsive_backdrop {
   --backdrop-opacity: 0.25;
-
   background-color: black;
   inset: 0;
   opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));

package/dist/components/{dialog-responsive-popup.module-T3GCUCPZ.module.css → dialog-responsive-popup.module-BOEQIHJ7.module.css}

@@ -9,6 +9,7 @@
   outline-offset: -4px;
   outline-style: solid;
   outline-width: 0;
+  padding: 16px;
   transition-duration: 150ms;
   transition-property: opacity, transform;
   width: 100%;
@@ -34,11 +35,11 @@
 @media (max-width: 640px) {
   .dialog_responsive_popup {
     --radius-mobile: 24px;
-
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-top-left-radius: var(--radius-mobile);
     border-top-right-radius: var(--radius-mobile);
+    padding-top: 0;
     transform: translateY(var(--drawer-swipe-movement-y));
     transition-duration: 450ms;
     transition-property: transform;

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode, JSX, ElementType, CSSProperties } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Drawer, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from '@base-ui/react';
 
 interface ButtonIconProps extends ButtonInternalProps {
@@ -9,7 +8,7 @@ interface ButtonIconProps extends ButtonInternalProps {
     isIconOnly: true;
 }
 interface ButtonProps extends ButtonInternalProps {
-    children?: string | string[];
+    children?: number | number[] | string | string[];
     isIconOnly?: false;
 }
 interface ButtonInternalProps extends Omit<ComponentProps<"button">, "aria-pressed" | "disabled"> {
@@ -77,18 +76,18 @@ interface DialogResponsiveProps extends Omit<Drawer.Root.Props, "onOpenChange" |
     isOpen?: Drawer.Root.Props["open"];
     onIsOpenChange?: Drawer.Root.Props["onOpenChange"];
 }
-declare function DialogResponsive(props: DialogResponsiveProps): react_jsx_runtime.JSX.Element;
+declare function DialogResponsive(props: DialogResponsiveProps): JSX.Element;
 
-interface DialogResponsiveContentProps extends Drawer.Content.Props {
+interface DialogResponsivePopupProps extends Drawer.Popup.Props {
 }
-declare function DialogResponsiveContent(props: DialogResponsiveContentProps): react_jsx_runtime.JSX.Element;
-declare const DIALOG_RESPONSIVE_CONTENT_CLASS_NAME: {
+declare function DialogResponsivePopup(props: DialogResponsivePopupProps): JSX.Element;
+declare const DIALOG_RESPONSIVE_POPUP_CLASS_NAME: {
     readonly BASE: string;
 };
 
 interface DialogResponsiveTriggerProps extends Drawer.Trigger.Props {
 }
-declare function DialogResponsiveTrigger(props: DialogResponsiveTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DialogResponsiveTrigger(props: DialogResponsiveTriggerProps): JSX.Element;
 
 interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "disabled" | "readOnly" | "required"> {
     isActive?: boolean;
@@ -143,7 +142,7 @@ interface SpacerProps extends Omit<ComponentProps<"div">, "children"> {
     height?: CSSProperties["height"];
     width?: CSSProperties["width"];
 }
-declare function Spacer(props: SpacerProps): react_jsx_runtime.JSX.Element;
+declare function Spacer(props: SpacerProps): JSX.Element;
 declare const SPACER_CLASS_NAME: {
     readonly BASE: string;
 };
@@ -167,7 +166,7 @@ declare const SWITCH_CLASS_NAME: {
 
 interface TabsPillListProps extends Tabs$1.List.Props {
 }
-declare function TabsPillList(props: TabsPillListProps): react_jsx_runtime.JSX.Element;
+declare function TabsPillList(props: TabsPillListProps): JSX.Element;
 declare const TABS_PILL_LIST_CLASS_NAME: {
     readonly BASE: string;
 };
@@ -175,7 +174,7 @@ declare const TABS_PILL_LIST_CLASS_NAME: {
 interface TabsPillTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
     isNativeButton?: Tabs$1.Tab.Props["nativeButton"];
 }
-declare function TabsPillTab(props: TabsPillTabProps): react_jsx_runtime.JSX.Element;
+declare function TabsPillTab(props: TabsPillTabProps): JSX.Element;
 declare const TABS_PILL_TAB_CLASS_NAME: {
     readonly BACKGROUND: string;
     readonly BASE: string;
@@ -184,7 +183,7 @@ declare const TABS_PILL_TAB_CLASS_NAME: {
 
 interface TabsSegmentedListProps extends Tabs$1.List.Props {
 }
-declare function TabsSegmentedList(props: TabsSegmentedListProps): react_jsx_runtime.JSX.Element;
+declare function TabsSegmentedList(props: TabsSegmentedListProps): JSX.Element;
 declare const TABS_SEGMENTED_LIST_CLASS_NAME: {
     readonly BASE: string;
 };
@@ -192,14 +191,14 @@ declare const TABS_SEGMENTED_LIST_CLASS_NAME: {
 interface TabsSegmentedTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
     isNativeButton?: Tabs$1.Tab.Props["nativeButton"];
 }
-declare function TabsSegmentedTab(props: TabsSegmentedTabProps): react_jsx_runtime.JSX.Element;
+declare function TabsSegmentedTab(props: TabsSegmentedTabProps): JSX.Element;
 declare const TABS_SEGMENTED_TAB_CLASS_NAME: {
     readonly BASE: string;
 };
 
 interface TabsUnderlineListProps extends Tabs$1.List.Props {
 }
-declare function TabsUnderlineList(props: TabsUnderlineListProps): react_jsx_runtime.JSX.Element;
+declare function TabsUnderlineList(props: TabsUnderlineListProps): JSX.Element;
 declare const TABS_UNDERLINE_LIST_CLASS_NAME: {
     readonly BASE: string;
 };
@@ -207,21 +206,21 @@ declare const TABS_UNDERLINE_LIST_CLASS_NAME: {
 interface TabsUnderlineTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
     isNativeButton?: Tabs$1.Tab.Props["nativeButton"];
 }
-declare function TabsUnderlineTab(props: TabsUnderlineTabProps): react_jsx_runtime.JSX.Element;
+declare function TabsUnderlineTab(props: TabsUnderlineTabProps): JSX.Element;
 declare const TABS_UNDERLINE_TAB_CLASS_NAME: {
     readonly BASE: string;
 };
 
 interface TabsProps extends Tabs$1.Root.Props {
 }
-declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs(props: TabsProps): JSX.Element;
 declare const TABS_CLASS_NAME: {
     readonly BASE: string;
 };
 
 interface TabsPanelProps extends Tabs$1.Panel.Props {
 }
-declare function TabsPanel(props: TabsPanelProps): react_jsx_runtime.JSX.Element;
+declare function TabsPanel(props: TabsPanelProps): JSX.Element;
 declare const TABS_PANEL_CLASS_NAME: {
     readonly BASE: string;
 };
@@ -245,23 +244,24 @@ declare const TEXTAREA_CLASS_NAME: {
     };
 };
 
-interface TooltipProps extends Tooltip$1.Root.Props {
+interface TooltipProps extends Omit<Tooltip$1.Root.Props, "disabled"> {
+    isDisabled?: Tooltip$1.Root.Props["disabled"];
 }
-declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip(props: TooltipProps): JSX.Element;
 
-interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side">, Tooltip$1.Popup.Props {
+interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side" | "sideOffset">, Tooltip$1.Popup.Props {
 }
-declare function TooltipContent(props: TooltipContentProps): react_jsx_runtime.JSX.Element;
+declare function TooltipContent(props: TooltipContentProps): JSX.Element;
 declare const TOOLTIP_CONTENT_CLASS_NAME: {
     readonly BASE: string;
 };
 
 interface TooltipProviderProps extends Tooltip$1.Provider.Props {
 }
-declare function TooltipProvider(props: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
 
 interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {
 }
-declare function TooltipTrigger(props: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
 
-export { BUTTON_CLASS_NAME, Button, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, COLUMN_CLASS_NAME, Column, type ColumnProps, DIALOG_RESPONSIVE_CONTENT_CLASS_NAME, DialogResponsive, DialogResponsiveContent, type DialogResponsiveContentProps, type DialogResponsiveProps, DialogResponsiveTrigger, type DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, type InputProps, LABEL_CLASS_NAME, Label, type LabelProps, ROW_CLASS_NAME, Row, type RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, type SpacerProps, Switch, type 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, type TabsPanelProps, TabsPillList, type TabsPillListProps, TabsPillTab, type TabsPillTabProps, type TabsProps, TabsSegmentedList, type TabsSegmentedListProps, TabsSegmentedTab, type TabsSegmentedTabProps, TabsUnderlineList, type TabsUnderlineListProps, TabsUnderlineTab, type TabsUnderlineTabProps, Textarea, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };
+export { BUTTON_CLASS_NAME, Button, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, COLUMN_CLASS_NAME, Column, type ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, type DialogResponsivePopupProps, type DialogResponsiveProps, DialogResponsiveTrigger, type DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, type InputProps, LABEL_CLASS_NAME, Label, type LabelProps, ROW_CLASS_NAME, Row, type RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, type SpacerProps, Switch, type 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, type TabsPanelProps, TabsPillList, type TabsPillListProps, TabsPillTab, type TabsPillTabProps, type TabsProps, TabsSegmentedList, type TabsSegmentedListProps, TabsSegmentedTab, type TabsSegmentedTabProps, TabsUnderlineList, type TabsUnderlineListProps, TabsUnderlineTab, type TabsUnderlineTabProps, Textarea, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/index.js

@@ -5,7 +5,7 @@ import { createElement } from "react";
 import styles from "./button-spinner.module-T3OGVJS4.module.css";
 import { jsx } from "react/jsx-runtime";
 function ButtonSpinner(props) {
-  const { size = 16 } = props;
+  const { size = 18 } = props;
   return /* @__PURE__ */ jsx("div", { className: styles.button_spinner, style: { "--size": `${size}px` }, children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsx("div", {}, index)) });
 }
 
@@ -15,7 +15,7 @@ function normalizeWhitespace(value) {
 }
 
 // src/components/button/button.tsx
-import styles2 from "./button.module-77AJOXGM.module.css";
+import styles2 from "./button.module-7VWY2WUV.module.css";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Button(props) {
   const {
@@ -173,12 +173,12 @@ function DialogResponsive(props) {
   );
 }
 
-// src/components/dialog-responsive/dialog-responsive-content.tsx
-import { Drawer as BaseDrawer6 } from "@base-ui/react";
+// src/components/dialog-responsive/dialog-responsive-popup.tsx
+import { Drawer as BaseDrawer5 } from "@base-ui/react";
 
 // src/components/dialog-responsive/dialog-responsive-backdrop.tsx
 import { Drawer as BaseDrawer2 } from "@base-ui/react";
-import styles4 from "./dialog-responsive-backdrop.module-UZSAJFQZ.module.css";
+import styles4 from "./dialog-responsive-backdrop.module-O336AARV.module.css";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function DialogResponsiveBackdrop(props) {
   const { className: customClassName = "", ...rest } = props;
@@ -214,34 +214,18 @@ var DIALOG_RESPONSIVE_BAR_CLASS_NAME = {
   BASE: styles5.dialog_responsive_bar
 };
 
-// src/components/dialog-responsive/dialog-responsive-popup.tsx
+// src/components/dialog-responsive/dialog-responsive-portal.tsx
 import { Drawer as BaseDrawer3 } from "@base-ui/react";
-import styles6 from "./dialog-responsive-popup.module-T3GCUCPZ.module.css";
+import styles6 from "./dialog-responsive-portal.module-YFVKMKVT.module.css";
 import { jsx as jsx6 } from "react/jsx-runtime";
-function DialogResponsivePopup(props) {
-  const { className: customClassName = "", ...rest } = props;
-  const combinedClassName = normalizeWhitespace(`
-    ${DIALOG_RESPONSIVE_POPUP_CLASS_NAME.BASE}
-    ${customClassName}
-  `);
-  return /* @__PURE__ */ jsx6(BaseDrawer3.Popup, { className: combinedClassName, "data-slot": "dialog-responsive-popup", ...rest });
-}
-var DIALOG_RESPONSIVE_POPUP_CLASS_NAME = {
-  BASE: styles6.dialog_responsive_popup
-};
-
-// src/components/dialog-responsive/dialog-responsive-portal.tsx
-import { Drawer as BaseDrawer4 } from "@base-ui/react";
-import styles7 from "./dialog-responsive-portal.module-YFVKMKVT.module.css";
-import { jsx as jsx7 } from "react/jsx-runtime";
 function DialogResponsivePortal(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${DIALOG_RESPONSIVE_PORTAL_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx7(
-    BaseDrawer4.Portal,
+  return /* @__PURE__ */ jsx6(
+    BaseDrawer3.Portal,
     {
       className: combinedClassName,
       "data-slot": "dialog-responsive-portal",
@@ -250,21 +234,21 @@ function DialogResponsivePortal(props) {
   );
 }
 var DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = {
-  BASE: styles7.dialog_responsive_portal
+  BASE: styles6.dialog_responsive_portal
 };
 
 // src/components/dialog-responsive/dialog-responsive-viewport.tsx
-import { Drawer as BaseDrawer5 } from "@base-ui/react";
-import styles8 from "./dialog-responsive-viewport.module-LT7MZPLD.module.css";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { Drawer as BaseDrawer4 } from "@base-ui/react";
+import styles7 from "./dialog-responsive-viewport.module-LT7MZPLD.module.css";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function DialogResponsiveViewport(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx8(
-    BaseDrawer5.Viewport,
+  return /* @__PURE__ */ jsx7(
+    BaseDrawer4.Viewport,
     {
       className: combinedClassName,
       "data-slot": "dialog-responsive-viewport",
@@ -273,49 +257,49 @@ function DialogResponsiveViewport(props) {
   );
 }
 var DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = {
-  BASE: styles8.dialog_responsive_viewport
+  BASE: styles7.dialog_responsive_viewport
 };
 
-// src/components/dialog-responsive/dialog-responsive-content.tsx
-import styles9 from "./dialog-responsive-content.module-NBSLRMHN.module.css";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-function DialogResponsiveContent(props) {
+// src/components/dialog-responsive/dialog-responsive-popup.tsx
+import styles8 from "./dialog-responsive-popup.module-BOEQIHJ7.module.css";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+function DialogResponsivePopup(props) {
   const { children, className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
-    ${DIALOG_RESPONSIVE_CONTENT_CLASS_NAME.BASE}
+    ${DIALOG_RESPONSIVE_POPUP_CLASS_NAME.BASE}
     ${customClassName}
   `);
   return /* @__PURE__ */ jsxs2(DialogResponsivePortal, { children: [
-    /* @__PURE__ */ jsx9(DialogResponsiveBackdrop, {}),
-    /* @__PURE__ */ jsx9(DialogResponsiveViewport, { children: /* @__PURE__ */ jsxs2(DialogResponsivePopup, { children: [
-      /* @__PURE__ */ jsx9(DialogResponsiveBar, {}),
-      /* @__PURE__ */ jsx9(
-        BaseDrawer6.Content,
-        {
-          className: combinedClassName,
-          "data-slot": "dialog-responsive-content",
-          ...rest,
+    /* @__PURE__ */ jsx8(DialogResponsiveBackdrop, {}),
+    /* @__PURE__ */ jsx8(DialogResponsiveViewport, { children: /* @__PURE__ */ jsxs2(
+      BaseDrawer5.Popup,
+      {
+        className: combinedClassName,
+        "data-slot": "dialog-responsive-popup",
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx8(DialogResponsiveBar, {}),
           children
-        }
-      )
-    ] }) })
+        ]
+      }
+    ) })
   ] });
 }
-var DIALOG_RESPONSIVE_CONTENT_CLASS_NAME = {
-  BASE: styles9.dialog_responsive_content
+var DIALOG_RESPONSIVE_POPUP_CLASS_NAME = {
+  BASE: styles8.dialog_responsive_popup
 };
 
 // src/components/dialog-responsive/dialog-responsive-trigger.tsx
-import { Drawer as BaseDrawer7 } from "@base-ui/react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Drawer as BaseDrawer6 } from "@base-ui/react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function DialogResponsiveTrigger(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx10(BaseDrawer7.Trigger, { "data-slot": "dialog-responsive-trigger", ...rest });
+  return /* @__PURE__ */ jsx9(BaseDrawer6.Trigger, { "data-slot": "dialog-responsive-trigger", ...rest });
 }
 
 // src/components/input/input.tsx
-import styles10 from "./input.module-DOM3NIU5.module.css";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import styles9 from "./input.module-DOM3NIU5.module.css";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Input(props) {
   const {
     className: customClassName = "",
@@ -338,7 +322,7 @@ function Input(props) {
     ${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     "input",
     {
       className: combinedClassName,
@@ -354,41 +338,41 @@ function Input(props) {
   );
 }
 var INPUT_CLASS_NAME = {
-  BASE: styles10.input,
-  PASSWORD: styles10.input__password,
+  BASE: styles9.input,
+  PASSWORD: styles9.input__password,
   ROUNDED: {
-    BASE: styles10.input__rounded_base,
-    FULL: styles10.input__rounded_full
+    BASE: styles9.input__rounded_base,
+    FULL: styles9.input__rounded_full
   },
   SIZE: {
-    32: styles10.input__size_32,
-    36: styles10.input__size_36,
-    40: styles10.input__size_40,
-    44: styles10.input__size_44,
-    48: styles10.input__size_48
+    32: styles9.input__size_32,
+    36: styles9.input__size_36,
+    40: styles9.input__size_40,
+    44: styles9.input__size_44,
+    48: styles9.input__size_48
   }
 };
 
 // src/components/label/label.tsx
-import styles11 from "./label.module-HUBUIUFV.module.css";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import styles10 from "./label.module-NYFSR6AT.module.css";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Label(props) {
   const { className: customClassName = "", htmlFor = void 0, children = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${LABEL_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx12("label", { className: combinedClassName, htmlFor, ...rest, children });
+  return /* @__PURE__ */ jsx11("label", { className: combinedClassName, htmlFor, ...rest, children });
 }
 var LABEL_CLASS_NAME = {
-  BASE: styles11.label
+  BASE: styles10.label
 };
 
 // src/components/row/row.tsx
 import {
   createElement as createElement3
 } from "react";
-import styles12 from "./row.module-GYNANRAY.module.css";
+import styles11 from "./row.module-GYNANRAY.module.css";
 function Row(props) {
   const {
     alignItems = void 0,
@@ -423,12 +407,12 @@ function Row(props) {
   });
 }
 var ROW_CLASS_NAME = {
-  BASE: styles12.row
+  BASE: styles11.row
 };
 
 // src/components/spacer/spacer.tsx
-import styles13 from "./spacer.module-ZYYYWYEB.module.css";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import styles12 from "./spacer.module-ZYYYWYEB.module.css";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Spacer(props) {
   const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -440,16 +424,16 @@ function Spacer(props) {
     ...width === void 0 ? {} : { width },
     ...height === void 0 ? {} : { height }
   };
-  return /* @__PURE__ */ jsx13("div", { className: combinedClassName, style: combinedStyle, ...rest });
+  return /* @__PURE__ */ jsx12("div", { className: combinedClassName, style: combinedStyle, ...rest });
 }
 var SPACER_CLASS_NAME = {
-  BASE: styles13.spacer
+  BASE: styles12.spacer
 };
 
 // src/components/switch/switch.tsx
 import { Switch as BaseSwitch } from "@base-ui/react";
-import styles14 from "./switch.module-TLJBHCSA.module.css";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import styles13 from "./switch.module-TLJBHCSA.module.css";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Switch(props) {
   const {
     className: customClassName = "",
@@ -466,7 +450,7 @@ function Switch(props) {
     ${SWITCH_CLASS_NAME.SIZE[size]}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     BaseSwitch.Root,
     {
       checked: isChecked,
@@ -476,15 +460,15 @@ function Switch(props) {
       readOnly: isReadOnly,
       required: isRequired,
       ...rest,
-      children: /* @__PURE__ */ jsx14(BaseSwitch.Thumb, { className: styles14.switch__thumb })
+      children: /* @__PURE__ */ jsx13(BaseSwitch.Thumb, { className: styles13.switch__thumb })
     }
   );
 }
 var SWITCH_CLASS_NAME = {
-  BASE: styles14.switch,
+  BASE: styles13.switch,
   SIZE: {
-    18: styles14.switch__size_18,
-    24: styles14.switch__size_24
+    18: styles13.switch__size_18,
+    24: styles13.switch__size_24
   }
 };
 
@@ -493,15 +477,15 @@ import { Tabs as BaseTabs2 } from "@base-ui/react";
 
 // src/components/tabs-pill/tabs-pill-indicator.tsx
 import { Tabs as BaseTabs } from "@base-ui/react";
-import styles15 from "./tabs-pill-indicator.module-533HMO7L.module.css";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import styles14 from "./tabs-pill-indicator.module-533HMO7L.module.css";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function TabsPillIndicator(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_PILL_INDICATOR_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     BaseTabs.Indicator,
     {
       className: combinedClassName,
@@ -512,12 +496,12 @@ function TabsPillIndicator(props) {
   );
 }
 var TABS_PILL_INDICATOR_CLASS_NAME = {
-  BASE: styles15.tabs_pill_indicator
+  BASE: styles14.tabs_pill_indicator
 };
 
 // src/components/tabs-pill/tabs-pill-list.tsx
-import styles16 from "./tabs-pill-list.module-KQW67ZSW.module.css";
-import { jsx as jsx16, jsxs as jsxs3 } from "react/jsx-runtime";
+import styles15 from "./tabs-pill-list.module-KQW67ZSW.module.css";
+import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
 function TabsPillList(props) {
   const { className: customClassName = "", children = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -526,17 +510,17 @@ function TabsPillList(props) {
   `);
   return /* @__PURE__ */ jsxs3(BaseTabs2.List, { className: combinedClassName, "data-slot": "tabs-pill-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx16(TabsPillIndicator, {})
+    /* @__PURE__ */ jsx15(TabsPillIndicator, {})
   ] });
 }
 var TABS_PILL_LIST_CLASS_NAME = {
-  BASE: styles16.tabs_pill_list
+  BASE: styles15.tabs_pill_list
 };
 
 // src/components/tabs-pill/tabs-pill-tab.tsx
 import { Tabs as BaseTabs3 } from "@base-ui/react";
-import styles17 from "./tabs-pill-tab.module-M5YIWTWX.module.css";
-import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
+import styles16 from "./tabs-pill-tab.module-2F7LOGXE.module.css";
+import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
 function TabsPillTab(props) {
   const { className: customClassName = "", isNativeButton = true, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -544,7 +528,7 @@ function TabsPillTab(props) {
     ${customClassName}
   `);
   return /* @__PURE__ */ jsxs4("div", { className: TABS_PILL_TAB_CLASS_NAME.WRAPPER, children: [
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       BaseTabs3.Tab,
       {
         className: combinedClassName,
@@ -553,13 +537,13 @@ function TabsPillTab(props) {
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx17("div", { className: TABS_PILL_TAB_CLASS_NAME.BACKGROUND })
+    /* @__PURE__ */ jsx16("div", { className: TABS_PILL_TAB_CLASS_NAME.BACKGROUND })
   ] });
 }
 var TABS_PILL_TAB_CLASS_NAME = {
-  BACKGROUND: styles17.tabs_pill_tab_background,
-  BASE: styles17.tabs_pill_tab,
-  WRAPPER: styles17.tabs_pill_tab_wrapper
+  BACKGROUND: styles16.tabs_pill_tab_background,
+  BASE: styles16.tabs_pill_tab,
+  WRAPPER: styles16.tabs_pill_tab_wrapper
 };
 
 // src/components/tabs-segmented/tabs-segmented-list.tsx
@@ -567,15 +551,15 @@ import { Tabs as BaseTabs5 } from "@base-ui/react";
 
 // src/components/tabs-segmented/tabs-segmented-indicator.tsx
 import { Tabs as BaseTabs4 } from "@base-ui/react";
-import styles18 from "./tabs-segmented-indicator.module-MB5GZJGW.module.css";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import styles17 from "./tabs-segmented-indicator.module-EG56DHS2.module.css";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function TabsSegmentedIndicator(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_SEGMENTED_INDICATOR_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     BaseTabs4.Indicator,
     {
       className: combinedClassName,
@@ -586,12 +570,12 @@ function TabsSegmentedIndicator(props) {
   );
 }
 var TABS_SEGMENTED_INDICATOR_CLASS_NAME = {
-  BASE: styles18.tabs_segmented_indicator
+  BASE: styles17.tabs_segmented_indicator
 };
 
 // src/components/tabs-segmented/tabs-segmented-list.tsx
-import styles19 from "./tabs-segmented-list.module-I3DSVFSP.module.css";
-import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
+import styles18 from "./tabs-segmented-list.module-I3DSVFSP.module.css";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 function TabsSegmentedList(props) {
   const { className: customClassName = "", children = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -600,24 +584,24 @@ function TabsSegmentedList(props) {
   `);
   return /* @__PURE__ */ jsxs5(BaseTabs5.List, { className: combinedClassName, "data-slot": "tabs-segmented-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx19(TabsSegmentedIndicator, {})
+    /* @__PURE__ */ jsx18(TabsSegmentedIndicator, {})
   ] });
 }
 var TABS_SEGMENTED_LIST_CLASS_NAME = {
-  BASE: styles19.tabs_segmented_list
+  BASE: styles18.tabs_segmented_list
 };
 
 // src/components/tabs-segmented/tabs-segmented-tab.tsx
 import { Tabs as BaseTabs6 } from "@base-ui/react";
-import styles20 from "./tabs-segmented-tab.module-GFCOY63Z.module.css";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import styles19 from "./tabs-segmented-tab.module-SVYVEM2O.module.css";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function TabsSegmentedTab(props) {
   const { className: customClassName = "", isNativeButton = true, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_SEGMENTED_TAB_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     BaseTabs6.Tab,
     {
       className: combinedClassName,
@@ -628,7 +612,7 @@ function TabsSegmentedTab(props) {
   );
 }
 var TABS_SEGMENTED_TAB_CLASS_NAME = {
-  BASE: styles20.tabs_segmented_tab
+  BASE: styles19.tabs_segmented_tab
 };
 
 // src/components/tabs-underline/tabs-underline-list.tsx
@@ -636,15 +620,15 @@ import { Tabs as BaseTabs8 } from "@base-ui/react";
 
 // src/components/tabs-underline/tabs-underline-indicator.tsx
 import { Tabs as BaseTabs7 } from "@base-ui/react";
-import styles21 from "./tabs-underline-indicator.module-6SHQHUH5.module.css";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import styles20 from "./tabs-underline-indicator.module-6SHQHUH5.module.css";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function TabsUnderlineIndicator(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_UNDERLINE_INDICATOR_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     BaseTabs7.Indicator,
     {
       className: combinedClassName,
@@ -655,12 +639,12 @@ function TabsUnderlineIndicator(props) {
   );
 }
 var TABS_UNDERLINE_INDICATOR_CLASS_NAME = {
-  BASE: styles21.tabs_underline_indicator
+  BASE: styles20.tabs_underline_indicator
 };
 
 // src/components/tabs-underline/tabs-underline-list.tsx
-import styles22 from "./tabs-underline-list.module-72ZCIEAS.module.css";
-import { jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles21 from "./tabs-underline-list.module-72ZCIEAS.module.css";
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
 function TabsUnderlineList(props) {
   const { className: customClassName = "", children = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -669,24 +653,24 @@ function TabsUnderlineList(props) {
   `);
   return /* @__PURE__ */ jsxs6(BaseTabs8.List, { className: combinedClassName, "data-slot": "tabs-underline-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx22(TabsUnderlineIndicator, {})
+    /* @__PURE__ */ jsx21(TabsUnderlineIndicator, {})
   ] });
 }
 var TABS_UNDERLINE_LIST_CLASS_NAME = {
-  BASE: styles22.tabs_underline_list
+  BASE: styles21.tabs_underline_list
 };
 
 // src/components/tabs-underline/tabs-underline-tab.tsx
 import { Tabs as BaseTabs9 } from "@base-ui/react";
-import styles23 from "./tabs-underline-tab.module-YGSM4IUK.module.css";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import styles22 from "./tabs-underline-tab.module-OAE4JH7K.module.css";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function TabsUnderlineTab(props) {
   const { className: customClassName = "", isNativeButton = true, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_UNDERLINE_TAB_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     BaseTabs9.Tab,
     {
       className: combinedClassName,
@@ -697,45 +681,45 @@ function TabsUnderlineTab(props) {
   );
 }
 var TABS_UNDERLINE_TAB_CLASS_NAME = {
-  BASE: styles23.tabs_underline_tab
+  BASE: styles22.tabs_underline_tab
 };
 
 // src/components/tabs/tabs.tsx
 import { Tabs as BaseTabs10 } from "@base-ui/react";
-import styles24 from "./tabs.module-3Z5DRPPX.module.css";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import styles23 from "./tabs.module-3Z5DRPPX.module.css";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Tabs(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx24(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
+  return /* @__PURE__ */ jsx23(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
 }
 var TABS_CLASS_NAME = {
-  BASE: styles24.tabs
+  BASE: styles23.tabs
 };
 
 // src/components/tabs/tabs-panel.tsx
 import { Tabs as BaseTabs11 } from "@base-ui/react";
-import styles25 from "./tabs-panel.module-VGH3G3KV.module.css";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import styles24 from "./tabs-panel.module-VGH3G3KV.module.css";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function TabsPanel(props) {
   const { className: customClassName = "", ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TABS_PANEL_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx25(BaseTabs11.Panel, { className: combinedClassName, "data-slot": "tabs-panel", ...rest });
+  return /* @__PURE__ */ jsx24(BaseTabs11.Panel, { className: combinedClassName, "data-slot": "tabs-panel", ...rest });
 }
 var TABS_PANEL_CLASS_NAME = {
-  BASE: styles25.tabs_panel
+  BASE: styles24.tabs_panel
 };
 
 // src/components/textarea/textarea.tsx
 import inputStyles from "./input.module-DOM3NIU5.module.css";
-import styles26 from "./textarea.module-6GUVSFC7.module.css";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import styles25 from "./textarea.module-LK25MKCZ.module.css";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Textarea(props) {
   const {
     className: customClassName = "",
@@ -755,7 +739,7 @@ function Textarea(props) {
     ${isRounded ? TEXTAREA_CLASS_NAME.ROUNDED.FULL : TEXTAREA_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "textarea",
     {
       className: combinedClassName,
@@ -771,7 +755,7 @@ function Textarea(props) {
   );
 }
 var TEXTAREA_CLASS_NAME = {
-  BASE: styles26.textarea,
+  BASE: styles25.textarea,
   INPUT: inputStyles.input,
   ROUNDED: {
     BASE: inputStyles.input__rounded_base,
@@ -781,54 +765,53 @@ var TEXTAREA_CLASS_NAME = {
 
 // src/components/tooltip/tooltip.tsx
 import { Tooltip as BaseTooltip } from "@base-ui/react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Tooltip(props) {
-  const { ...rest } = props;
-  return /* @__PURE__ */ jsx27(BaseTooltip.Root, { "data-slot": "tooltip", disableHoverablePopup: true, ...rest });
+  const { isDisabled = false, ...rest } = props;
+  return /* @__PURE__ */ jsx26(BaseTooltip.Root, { "data-slot": "tooltip", disabled: isDisabled, disableHoverablePopup: true, ...rest });
 }
 
 // src/components/tooltip/tooltip-content.tsx
 import { Tooltip as BaseTooltip2 } from "@base-ui/react";
-import styles27 from "./tooltip-content.module-5MWTMSBY.module.css";
-import { jsx as jsx28, jsxs as jsxs7 } from "react/jsx-runtime";
+import styles26 from "./tooltip-content.module-QGRFS5NN.module.css";
+import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
 function TooltipContent(props) {
-  const { children, className: customClassName = "", side = "top", ...rest } = props;
-  const SIDE_OFFSET = 4;
+  const { children, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx28(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx27(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs7(
     BaseTooltip2.Positioner,
     {
-      className: styles27.tooltip_content_positioner,
+      className: styles26.tooltip_content_positioner,
       side,
-      sideOffset: SIDE_OFFSET,
+      sideOffset,
       children: [
-        /* @__PURE__ */ jsx28(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
-        /* @__PURE__ */ jsx28(BaseTooltip2.Arrow, {})
+        /* @__PURE__ */ jsx27(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
+        /* @__PURE__ */ jsx27(BaseTooltip2.Arrow, {})
       ]
     }
   ) });
 }
 var TOOLTIP_CONTENT_CLASS_NAME = {
-  BASE: styles27.tooltip_content
+  BASE: styles26.tooltip_content
 };
 
 // src/components/tooltip/tooltip-provider.tsx
 import { Tooltip as BaseTooltip3 } from "@base-ui/react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function TooltipProvider(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx29(BaseTooltip3.Provider, { "data-slot": "tooltip-provider", ...rest });
+  return /* @__PURE__ */ jsx28(BaseTooltip3.Provider, { "data-slot": "tooltip-provider", ...rest });
 }
 
 // src/components/tooltip/tooltip-trigger.tsx
 import { Tooltip as BaseTooltip4 } from "@base-ui/react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function TooltipTrigger(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx30(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
+  return /* @__PURE__ */ jsx29(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
 }
 export {
   BUTTON_CLASS_NAME,
@@ -836,9 +819,9 @@ export {
   ButtonLink,
   COLUMN_CLASS_NAME,
   Column,
-  DIALOG_RESPONSIVE_CONTENT_CLASS_NAME,
+  DIALOG_RESPONSIVE_POPUP_CLASS_NAME,
   DialogResponsive,
-  DialogResponsiveContent,
+  DialogResponsivePopup,
   DialogResponsiveTrigger,
   INPUT_CLASS_NAME,
   Input,

package/dist/components/{label.module-HUBUIUFV.module.css → label.module-NYFSR6AT.module.css}

@@ -2,8 +2,8 @@
 /* Base */
 /* ===================================================== */
 .label {
-  width: fit-content;
+  color: var(--color-gray-11);
   font-size: 13px;
   font-weight: 500;
-  color: var(--color-gray-11, #646464);
+  width: fit-content;
 }

package/dist/components/{tabs-pill-tab.module-M5YIWTWX.module.css → tabs-pill-tab.module-2F7LOGXE.module.css}

@@ -40,6 +40,13 @@
   color: var(--color-black);
 }
 
+/* Icon size */
+.tabs_pill_tab > svg {
+  --size-icon: 16px;
+  height: var(--size-icon);
+  width: var(--size-icon);
+}
+
 .tabs_pill_tab_wrapper {
   --border-radius: 12px;
   border-radius: var(--border-radius);

package/dist/components/{tabs-segmented-indicator.module-MB5GZJGW.module.css → tabs-segmented-indicator.module-EG56DHS2.module.css}

@@ -1,6 +1,6 @@
 .tabs_segmented_indicator {
   background-color: var(--color-gray-1);
-  border-radius: 12px;
+  border-radius: 10px;
   height: var(--active-tab-height);
   left: var(--active-tab-left);
   position: absolute;

package/dist/components/{tabs-segmented-tab.module-GFCOY63Z.module.css → tabs-segmented-tab.module-SVYVEM2O.module.css}

@@ -27,3 +27,10 @@
 .tabs_segmented_tab[data-active] {
   color: var(--color-gray-12);
 }
+
+/* Icon size */
+.tabs_segmented_tab > svg {
+  --size-icon: 16px;
+  height: var(--size-icon);
+  width: var(--size-icon);
+}

package/dist/components/{tabs-underline-tab.module-YGSM4IUK.module.css → tabs-underline-tab.module-OAE4JH7K.module.css}

@@ -26,3 +26,10 @@
 .tabs_underline_tab[data-active] {
   color: var(--color-gray-12);
 }
+
+/* Icon size */
+.tabs_underline_tab > svg {
+  --size-icon: 16px;
+  height: var(--size-icon);
+  width: var(--size-icon);
+}

package/dist/components/{textarea.module-6GUVSFC7.module.css → textarea.module-LK25MKCZ.module.css}

@@ -2,8 +2,9 @@
 /* Base */
 /* ===================================================== */
 .textarea {
-  min-height: 66px;
+  height: auto;
   max-height: none;
+  min-height: 66px;
   padding: 12px !important;
   resize: vertical;
 }

package/dist/components/tooltip-content.module-QGRFS5NN.module.css

@@ -0,0 +1,18 @@
+.tooltip_content {
+  background-color: var(--color-gray-dark-1);
+  border-radius: 8px;
+  color: var(--color-gray-dark-12);
+  font-size: 13px;
+  font-weight: 500;
+  padding: 4px 8px;
+}
+
+.tooltip_content_positioner {
+  isolation: isolate;
+  z-index: 50;
+}
+
+:global(.dark) .tooltip_content {
+  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.2",
+  "version": "0.0.4",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "components",

package/dist/components/dialog-responsive-content.module-NBSLRMHN.module.css

@@ -1,11 +0,0 @@
-.dialog_responsive_content {
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-}
-
-@media (max-width: 640px) {
-  .dialog_responsive_content {
-    padding-top: 0;
-  }
-}

package/dist/components/tooltip-content.module-5MWTMSBY.module.css

@@ -1,13 +0,0 @@
-.tooltip_content {
-  background-color: var(--color-gray-1);
-  border-radius: 8px;
-  border: 1px solid var(--color-gray-4);
-  color: var(--color-gray-12);
-  font-size: 14px;
-  padding: 4px 8px;
-}
-
-.tooltip_content_positioner {
-  isolation: isolate;
-  z-index: 50;
-}