@nattstack/ui 0.0.1 → 0.0.3

package/dist/{index.js → 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-EYMY7VLZ.module.css";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Button(props) {
   const {
@@ -156,9 +156,150 @@ var COLUMN_CLASS_NAME = {
   BASE: styles3.column
 };
 
-// src/components/input/input.tsx
-import styles4 from "./input.module-DOM3NIU5.module.css";
+// src/components/dialog-responsive/dialog-responsive.tsx
+import { Drawer as BaseDrawer } from "@base-ui/react";
 import { jsx as jsx3 } from "react/jsx-runtime";
+function DialogResponsive(props) {
+  const { isOpen, onIsOpenChange, ...rest } = props;
+  return /* @__PURE__ */ jsx3(
+    BaseDrawer.Root,
+    {
+      "data-slot": "dialog-responsive",
+      onOpenChange: onIsOpenChange,
+      open: isOpen,
+      swipeDirection: "down",
+      ...rest
+    }
+  );
+}
+
+// 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-O336AARV.module.css";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function DialogResponsiveBackdrop(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx4(
+    BaseDrawer2.Backdrop,
+    {
+      className: combinedClassName,
+      "data-slot": "dialog-responsive-backdrop",
+      ...rest
+    }
+  );
+}
+var DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME = {
+  BASE: styles4.dialog_responsive_backdrop
+};
+
+// src/components/dialog-responsive/dialog-responsive-bar.tsx
+import styles5 from "./dialog-responsive-bar.module-QCLP4IUN.module.css";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DialogResponsiveBar(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${DIALOG_RESPONSIVE_BAR_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx5("div", { className: combinedClassName, "data-slot": "dialog-responsive-bar", ...rest });
+}
+var DIALOG_RESPONSIVE_BAR_CLASS_NAME = {
+  BASE: styles5.dialog_responsive_bar
+};
+
+// src/components/dialog-responsive/dialog-responsive-portal.tsx
+import { Drawer as BaseDrawer3 } from "@base-ui/react";
+import styles6 from "./dialog-responsive-portal.module-YFVKMKVT.module.css";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function DialogResponsivePortal(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${DIALOG_RESPONSIVE_PORTAL_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx6(
+    BaseDrawer3.Portal,
+    {
+      className: combinedClassName,
+      "data-slot": "dialog-responsive-portal",
+      ...rest
+    }
+  );
+}
+var DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = {
+  BASE: styles6.dialog_responsive_portal
+};
+
+// src/components/dialog-responsive/dialog-responsive-viewport.tsx
+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__ */ jsx7(
+    BaseDrawer4.Viewport,
+    {
+      className: combinedClassName,
+      "data-slot": "dialog-responsive-viewport",
+      ...rest
+    }
+  );
+}
+var DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = {
+  BASE: styles7.dialog_responsive_viewport
+};
+
+// 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_POPUP_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsxs2(DialogResponsivePortal, { children: [
+    /* @__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_POPUP_CLASS_NAME = {
+  BASE: styles8.dialog_responsive_popup
+};
+
+// src/components/dialog-responsive/dialog-responsive-trigger.tsx
+import { Drawer as BaseDrawer6 } from "@base-ui/react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function DialogResponsiveTrigger(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx9(BaseDrawer6.Trigger, { "data-slot": "dialog-responsive-trigger", ...rest });
+}
+
+// src/components/input/input.tsx
+import styles9 from "./input.module-DOM3NIU5.module.css";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Input(props) {
   const {
     className: customClassName = "",
@@ -181,7 +322,7 @@ function Input(props) {
     ${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx10(
     "input",
     {
       className: combinedClassName,
@@ -197,41 +338,41 @@ function Input(props) {
   );
 }
 var INPUT_CLASS_NAME = {
-  BASE: styles4.input,
-  PASSWORD: styles4.input__password,
+  BASE: styles9.input,
+  PASSWORD: styles9.input__password,
   ROUNDED: {
-    BASE: styles4.input__rounded_base,
-    FULL: styles4.input__rounded_full
+    BASE: styles9.input__rounded_base,
+    FULL: styles9.input__rounded_full
   },
   SIZE: {
-    32: styles4.input__size_32,
-    36: styles4.input__size_36,
-    40: styles4.input__size_40,
-    44: styles4.input__size_44,
-    48: styles4.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 styles5 from "./label.module-HUBUIUFV.module.css";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import styles10 from "./label.module-HUBUIUFV.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__ */ jsx4("label", { className: combinedClassName, htmlFor, ...rest, children });
+  return /* @__PURE__ */ jsx11("label", { className: combinedClassName, htmlFor, ...rest, children });
 }
 var LABEL_CLASS_NAME = {
-  BASE: styles5.label
+  BASE: styles10.label
 };
 
 // src/components/row/row.tsx
 import {
   createElement as createElement3
 } from "react";
-import styles6 from "./row.module-GYNANRAY.module.css";
+import styles11 from "./row.module-GYNANRAY.module.css";
 function Row(props) {
   const {
     alignItems = void 0,
@@ -266,12 +407,12 @@ function Row(props) {
   });
 }
 var ROW_CLASS_NAME = {
-  BASE: styles6.row
+  BASE: styles11.row
 };
 
 // src/components/spacer/spacer.tsx
-import styles7 from "./spacer.module-ZYYYWYEB.module.css";
-import { jsx as jsx5 } 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(`
@@ -283,16 +424,16 @@ function Spacer(props) {
     ...width === void 0 ? {} : { width },
     ...height === void 0 ? {} : { height }
   };
-  return /* @__PURE__ */ jsx5("div", { className: combinedClassName, style: combinedStyle, ...rest });
+  return /* @__PURE__ */ jsx12("div", { className: combinedClassName, style: combinedStyle, ...rest });
 }
 var SPACER_CLASS_NAME = {
-  BASE: styles7.spacer
+  BASE: styles12.spacer
 };
 
 // src/components/switch/switch.tsx
 import { Switch as BaseSwitch } from "@base-ui/react";
-import styles8 from "./switch.module-TLJBHCSA.module.css";
-import { jsx as jsx6 } 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 = "",
@@ -309,7 +450,7 @@ function Switch(props) {
     ${SWITCH_CLASS_NAME.SIZE[size]}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx13(
     BaseSwitch.Root,
     {
       checked: isChecked,
@@ -319,15 +460,15 @@ function Switch(props) {
       readOnly: isReadOnly,
       required: isRequired,
       ...rest,
-      children: /* @__PURE__ */ jsx6(BaseSwitch.Thumb, { className: styles8.switch__thumb })
+      children: /* @__PURE__ */ jsx13(BaseSwitch.Thumb, { className: styles13.switch__thumb })
     }
   );
 }
 var SWITCH_CLASS_NAME = {
-  BASE: styles8.switch,
+  BASE: styles13.switch,
   SIZE: {
-    18: styles8.switch__size_18,
-    24: styles8.switch__size_24
+    18: styles13.switch__size_18,
+    24: styles13.switch__size_24
   }
 };
 
@@ -336,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 styles9 from "./tabs-pill-indicator.module-533HMO7L.module.css";
-import { jsx as jsx7 } 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__ */ jsx7(
+  return /* @__PURE__ */ jsx14(
     BaseTabs.Indicator,
     {
       className: combinedClassName,
@@ -355,39 +496,39 @@ function TabsPillIndicator(props) {
   );
 }
 var TABS_PILL_INDICATOR_CLASS_NAME = {
-  BASE: styles9.tabs_pill_indicator
+  BASE: styles14.tabs_pill_indicator
 };
 
 // src/components/tabs-pill/tabs-pill-list.tsx
-import styles10 from "./tabs-pill-list.module-KQW67ZSW.module.css";
-import { jsx as jsx8, jsxs as jsxs2 } 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(`
     ${TABS_PILL_LIST_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsxs2(BaseTabs2.List, { className: combinedClassName, "data-slot": "tabs-pill-list", ...rest, children: [
+  return /* @__PURE__ */ jsxs3(BaseTabs2.List, { className: combinedClassName, "data-slot": "tabs-pill-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx8(TabsPillIndicator, {})
+    /* @__PURE__ */ jsx15(TabsPillIndicator, {})
   ] });
 }
 var TABS_PILL_LIST_CLASS_NAME = {
-  BASE: styles10.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 styles11 from "./tabs-pill-tab.module-M5YIWTWX.module.css";
-import { jsx as jsx9, jsxs as jsxs3 } 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(`
     ${TABS_PILL_TAB_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsxs3("div", { className: TABS_PILL_TAB_CLASS_NAME.WRAPPER, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs4("div", { className: TABS_PILL_TAB_CLASS_NAME.WRAPPER, children: [
+    /* @__PURE__ */ jsx16(
       BaseTabs3.Tab,
       {
         className: combinedClassName,
@@ -396,13 +537,13 @@ function TabsPillTab(props) {
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx9("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: styles11.tabs_pill_tab_background,
-  BASE: styles11.tabs_pill_tab,
-  WRAPPER: styles11.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
@@ -410,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 styles12 from "./tabs-segmented-indicator.module-MB5GZJGW.module.css";
-import { jsx as jsx10 } 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__ */ jsx10(
+  return /* @__PURE__ */ jsx17(
     BaseTabs4.Indicator,
     {
       className: combinedClassName,
@@ -429,38 +570,38 @@ function TabsSegmentedIndicator(props) {
   );
 }
 var TABS_SEGMENTED_INDICATOR_CLASS_NAME = {
-  BASE: styles12.tabs_segmented_indicator
+  BASE: styles17.tabs_segmented_indicator
 };
 
 // src/components/tabs-segmented/tabs-segmented-list.tsx
-import styles13 from "./tabs-segmented-list.module-I3DSVFSP.module.css";
-import { jsx as jsx11, jsxs as jsxs4 } 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(`
     ${TABS_SEGMENTED_LIST_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsxs4(BaseTabs5.List, { className: combinedClassName, "data-slot": "tabs-segmented-list", ...rest, children: [
+  return /* @__PURE__ */ jsxs5(BaseTabs5.List, { className: combinedClassName, "data-slot": "tabs-segmented-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx11(TabsSegmentedIndicator, {})
+    /* @__PURE__ */ jsx18(TabsSegmentedIndicator, {})
   ] });
 }
 var TABS_SEGMENTED_LIST_CLASS_NAME = {
-  BASE: styles13.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 styles14 from "./tabs-segmented-tab.module-GFCOY63Z.module.css";
-import { jsx as jsx12 } 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__ */ jsx12(
+  return /* @__PURE__ */ jsx19(
     BaseTabs6.Tab,
     {
       className: combinedClassName,
@@ -471,7 +612,7 @@ function TabsSegmentedTab(props) {
   );
 }
 var TABS_SEGMENTED_TAB_CLASS_NAME = {
-  BASE: styles14.tabs_segmented_tab
+  BASE: styles19.tabs_segmented_tab
 };
 
 // src/components/tabs-underline/tabs-underline-list.tsx
@@ -479,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 styles15 from "./tabs-underline-indicator.module-6SHQHUH5.module.css";
-import { jsx as jsx13 } 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__ */ jsx13(
+  return /* @__PURE__ */ jsx20(
     BaseTabs7.Indicator,
     {
       className: combinedClassName,
@@ -498,38 +639,38 @@ function TabsUnderlineIndicator(props) {
   );
 }
 var TABS_UNDERLINE_INDICATOR_CLASS_NAME = {
-  BASE: styles15.tabs_underline_indicator
+  BASE: styles20.tabs_underline_indicator
 };
 
 // src/components/tabs-underline/tabs-underline-list.tsx
-import styles16 from "./tabs-underline-list.module-72ZCIEAS.module.css";
-import { jsx as jsx14, jsxs as jsxs5 } 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(`
     ${TABS_UNDERLINE_LIST_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsxs5(BaseTabs8.List, { className: combinedClassName, "data-slot": "tabs-underline-list", ...rest, children: [
+  return /* @__PURE__ */ jsxs6(BaseTabs8.List, { className: combinedClassName, "data-slot": "tabs-underline-list", ...rest, children: [
     children,
-    /* @__PURE__ */ jsx14(TabsUnderlineIndicator, {})
+    /* @__PURE__ */ jsx21(TabsUnderlineIndicator, {})
   ] });
 }
 var TABS_UNDERLINE_LIST_CLASS_NAME = {
-  BASE: styles16.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 styles17 from "./tabs-underline-tab.module-YGSM4IUK.module.css";
-import { jsx as jsx15 } 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__ */ jsx15(
+  return /* @__PURE__ */ jsx22(
     BaseTabs9.Tab,
     {
       className: combinedClassName,
@@ -540,45 +681,45 @@ function TabsUnderlineTab(props) {
   );
 }
 var TABS_UNDERLINE_TAB_CLASS_NAME = {
-  BASE: styles17.tabs_underline_tab
+  BASE: styles22.tabs_underline_tab
 };
 
 // src/components/tabs/tabs.tsx
 import { Tabs as BaseTabs10 } from "@base-ui/react";
-import styles18 from "./tabs.module-3Z5DRPPX.module.css";
-import { jsx as jsx16 } 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__ */ jsx16(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
+  return /* @__PURE__ */ jsx23(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
 }
 var TABS_CLASS_NAME = {
-  BASE: styles18.tabs
+  BASE: styles23.tabs
 };
 
 // src/components/tabs/tabs-panel.tsx
 import { Tabs as BaseTabs11 } from "@base-ui/react";
-import styles19 from "./tabs-panel.module-VGH3G3KV.module.css";
-import { jsx as jsx17 } 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__ */ jsx17(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: styles19.tabs_panel
+  BASE: styles24.tabs_panel
 };
 
 // src/components/textarea/textarea.tsx
 import inputStyles from "./input.module-DOM3NIU5.module.css";
-import styles20 from "./textarea.module-6GUVSFC7.module.css";
-import { jsx as jsx18 } 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 = "",
@@ -598,7 +739,7 @@ function Textarea(props) {
     ${isRounded ? TEXTAREA_CLASS_NAME.ROUNDED.FULL : TEXTAREA_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx25(
     "textarea",
     {
       className: combinedClassName,
@@ -614,7 +755,7 @@ function Textarea(props) {
   );
 }
 var TEXTAREA_CLASS_NAME = {
-  BASE: styles20.textarea,
+  BASE: styles25.textarea,
   INPUT: inputStyles.input,
   ROUNDED: {
     BASE: inputStyles.input__rounded_base,
@@ -624,16 +765,16 @@ var TEXTAREA_CLASS_NAME = {
 
 // src/components/tooltip/tooltip.tsx
 import { Tooltip as BaseTooltip } from "@base-ui/react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Tooltip(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx19(BaseTooltip.Root, { "data-slot": "tooltip", disableHoverablePopup: true, ...rest });
+  return /* @__PURE__ */ jsx26(BaseTooltip.Root, { "data-slot": "tooltip", disableHoverablePopup: true, ...rest });
 }
 
 // src/components/tooltip/tooltip-content.tsx
 import { Tooltip as BaseTooltip2 } from "@base-ui/react";
-import styles21 from "./tooltip-content.module-5MWTMSBY.module.css";
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles26 from "./tooltip-content.module-5MWTMSBY.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;
@@ -641,37 +782,37 @@ function TooltipContent(props) {
     ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx20(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx27(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs7(
     BaseTooltip2.Positioner,
     {
-      className: styles21.tooltip_content_positioner,
+      className: styles26.tooltip_content_positioner,
       side,
       sideOffset: SIDE_OFFSET,
       children: [
-        /* @__PURE__ */ jsx20(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
-        /* @__PURE__ */ jsx20(BaseTooltip2.Arrow, {})
+        /* @__PURE__ */ jsx27(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
+        /* @__PURE__ */ jsx27(BaseTooltip2.Arrow, {})
       ]
     }
   ) });
 }
 var TOOLTIP_CONTENT_CLASS_NAME = {
-  BASE: styles21.tooltip_content
+  BASE: styles26.tooltip_content
 };
 
 // src/components/tooltip/tooltip-provider.tsx
 import { Tooltip as BaseTooltip3 } from "@base-ui/react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function TooltipProvider(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx21(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 jsx22 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function TooltipTrigger(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx22(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
+  return /* @__PURE__ */ jsx29(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
 }
 export {
   BUTTON_CLASS_NAME,
@@ -679,6 +820,10 @@ export {
   ButtonLink,
   COLUMN_CLASS_NAME,
   Column,
+  DIALOG_RESPONSIVE_POPUP_CLASS_NAME,
+  DialogResponsive,
+  DialogResponsivePopup,
+  DialogResponsiveTrigger,
   INPUT_CLASS_NAME,
   Input,
   LABEL_CLASS_NAME,