@nattstack/ui 0.0.1 → 0.0.2

package/dist/{index.js → components/index.js}

@@ -156,9 +156,166 @@ 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-content.tsx
+import { Drawer as BaseDrawer6 } 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 { 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-popup.tsx
+import { Drawer as BaseDrawer3 } from "@base-ui/react";
+import styles6 from "./dialog-responsive-popup.module-T3GCUCPZ.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,
+    {
+      className: combinedClassName,
+      "data-slot": "dialog-responsive-portal",
+      ...rest
+    }
+  );
+}
+var DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = {
+  BASE: styles7.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";
+function DialogResponsiveViewport(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx8(
+    BaseDrawer5.Viewport,
+    {
+      className: combinedClassName,
+      "data-slot": "dialog-responsive-viewport",
+      ...rest
+    }
+  );
+}
+var DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = {
+  BASE: styles8.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) {
+  const { children, className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${DIALOG_RESPONSIVE_CONTENT_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,
+          children
+        }
+      )
+    ] }) })
+  ] });
+}
+var DIALOG_RESPONSIVE_CONTENT_CLASS_NAME = {
+  BASE: styles9.dialog_responsive_content
+};
+
+// src/components/dialog-responsive/dialog-responsive-trigger.tsx
+import { Drawer as BaseDrawer7 } from "@base-ui/react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function DialogResponsiveTrigger(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx10(BaseDrawer7.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";
 function Input(props) {
   const {
     className: customClassName = "",
@@ -181,7 +338,7 @@ function Input(props) {
     ${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx11(
     "input",
     {
       className: combinedClassName,
@@ -197,41 +354,41 @@ function Input(props) {
   );
 }
 var INPUT_CLASS_NAME = {
-  BASE: styles4.input,
-  PASSWORD: styles4.input__password,
+  BASE: styles10.input,
+  PASSWORD: styles10.input__password,
   ROUNDED: {
-    BASE: styles4.input__rounded_base,
-    FULL: styles4.input__rounded_full
+    BASE: styles10.input__rounded_base,
+    FULL: styles10.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: styles10.input__size_32,
+    36: styles10.input__size_36,
+    40: styles10.input__size_40,
+    44: styles10.input__size_44,
+    48: styles10.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 styles11 from "./label.module-HUBUIUFV.module.css";
+import { jsx as jsx12 } 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__ */ jsx12("label", { className: combinedClassName, htmlFor, ...rest, children });
 }
 var LABEL_CLASS_NAME = {
-  BASE: styles5.label
+  BASE: styles11.label
 };
 
 // src/components/row/row.tsx
 import {
   createElement as createElement3
 } from "react";
-import styles6 from "./row.module-GYNANRAY.module.css";
+import styles12 from "./row.module-GYNANRAY.module.css";
 function Row(props) {
   const {
     alignItems = void 0,
@@ -266,12 +423,12 @@ function Row(props) {
   });
 }
 var ROW_CLASS_NAME = {
-  BASE: styles6.row
+  BASE: styles12.row
 };
 
 // src/components/spacer/spacer.tsx
-import styles7 from "./spacer.module-ZYYYWYEB.module.css";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import styles13 from "./spacer.module-ZYYYWYEB.module.css";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Spacer(props) {
   const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
@@ -283,16 +440,16 @@ function Spacer(props) {
     ...width === void 0 ? {} : { width },
     ...height === void 0 ? {} : { height }
   };
-  return /* @__PURE__ */ jsx5("div", { className: combinedClassName, style: combinedStyle, ...rest });
+  return /* @__PURE__ */ jsx13("div", { className: combinedClassName, style: combinedStyle, ...rest });
 }
 var SPACER_CLASS_NAME = {
-  BASE: styles7.spacer
+  BASE: styles13.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 styles14 from "./switch.module-TLJBHCSA.module.css";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Switch(props) {
   const {
     className: customClassName = "",
@@ -309,7 +466,7 @@ function Switch(props) {
     ${SWITCH_CLASS_NAME.SIZE[size]}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx14(
     BaseSwitch.Root,
     {
       checked: isChecked,
@@ -319,15 +476,15 @@ function Switch(props) {
       readOnly: isReadOnly,
       required: isRequired,
       ...rest,
-      children: /* @__PURE__ */ jsx6(BaseSwitch.Thumb, { className: styles8.switch__thumb })
+      children: /* @__PURE__ */ jsx14(BaseSwitch.Thumb, { className: styles14.switch__thumb })
     }
   );
 }
 var SWITCH_CLASS_NAME = {
-  BASE: styles8.switch,
+  BASE: styles14.switch,
   SIZE: {
-    18: styles8.switch__size_18,
-    24: styles8.switch__size_24
+    18: styles14.switch__size_18,
+    24: styles14.switch__size_24
   }
 };
 
@@ -336,15 +493,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 styles15 from "./tabs-pill-indicator.module-533HMO7L.module.css";
+import { jsx as jsx15 } 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__ */ jsx15(
     BaseTabs.Indicator,
     {
       className: combinedClassName,
@@ -355,39 +512,39 @@ function TabsPillIndicator(props) {
   );
 }
 var TABS_PILL_INDICATOR_CLASS_NAME = {
-  BASE: styles9.tabs_pill_indicator
+  BASE: styles15.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 styles16 from "./tabs-pill-list.module-KQW67ZSW.module.css";
+import { jsx as jsx16, 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__ */ jsx16(TabsPillIndicator, {})
   ] });
 }
 var TABS_PILL_LIST_CLASS_NAME = {
-  BASE: styles10.tabs_pill_list
+  BASE: styles16.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 styles17 from "./tabs-pill-tab.module-M5YIWTWX.module.css";
+import { jsx as jsx17, 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__ */ jsx17(
       BaseTabs3.Tab,
       {
         className: combinedClassName,
@@ -396,13 +553,13 @@ function TabsPillTab(props) {
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx9("div", { className: TABS_PILL_TAB_CLASS_NAME.BACKGROUND })
+    /* @__PURE__ */ jsx17("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: styles17.tabs_pill_tab_background,
+  BASE: styles17.tabs_pill_tab,
+  WRAPPER: styles17.tabs_pill_tab_wrapper
 };
 
 // src/components/tabs-segmented/tabs-segmented-list.tsx
@@ -410,15 +567,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 styles18 from "./tabs-segmented-indicator.module-MB5GZJGW.module.css";
+import { jsx as jsx18 } 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__ */ jsx18(
     BaseTabs4.Indicator,
     {
       className: combinedClassName,
@@ -429,38 +586,38 @@ function TabsSegmentedIndicator(props) {
   );
 }
 var TABS_SEGMENTED_INDICATOR_CLASS_NAME = {
-  BASE: styles12.tabs_segmented_indicator
+  BASE: styles18.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 styles19 from "./tabs-segmented-list.module-I3DSVFSP.module.css";
+import { jsx as jsx19, 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__ */ jsx19(TabsSegmentedIndicator, {})
   ] });
 }
 var TABS_SEGMENTED_LIST_CLASS_NAME = {
-  BASE: styles13.tabs_segmented_list
+  BASE: styles19.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 styles20 from "./tabs-segmented-tab.module-GFCOY63Z.module.css";
+import { jsx as jsx20 } 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__ */ jsx20(
     BaseTabs6.Tab,
     {
       className: combinedClassName,
@@ -471,7 +628,7 @@ function TabsSegmentedTab(props) {
   );
 }
 var TABS_SEGMENTED_TAB_CLASS_NAME = {
-  BASE: styles14.tabs_segmented_tab
+  BASE: styles20.tabs_segmented_tab
 };
 
 // src/components/tabs-underline/tabs-underline-list.tsx
@@ -479,15 +636,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 styles21 from "./tabs-underline-indicator.module-6SHQHUH5.module.css";
+import { jsx as jsx21 } 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__ */ jsx21(
     BaseTabs7.Indicator,
     {
       className: combinedClassName,
@@ -498,38 +655,38 @@ function TabsUnderlineIndicator(props) {
   );
 }
 var TABS_UNDERLINE_INDICATOR_CLASS_NAME = {
-  BASE: styles15.tabs_underline_indicator
+  BASE: styles21.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 styles22 from "./tabs-underline-list.module-72ZCIEAS.module.css";
+import { jsx as jsx22, 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__ */ jsx22(TabsUnderlineIndicator, {})
   ] });
 }
 var TABS_UNDERLINE_LIST_CLASS_NAME = {
-  BASE: styles16.tabs_underline_list
+  BASE: styles22.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 styles23 from "./tabs-underline-tab.module-YGSM4IUK.module.css";
+import { jsx as jsx23 } 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__ */ jsx23(
     BaseTabs9.Tab,
     {
       className: combinedClassName,
@@ -540,45 +697,45 @@ function TabsUnderlineTab(props) {
   );
 }
 var TABS_UNDERLINE_TAB_CLASS_NAME = {
-  BASE: styles17.tabs_underline_tab
+  BASE: styles23.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 styles24 from "./tabs.module-3Z5DRPPX.module.css";
+import { jsx as jsx24 } 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__ */ jsx24(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
 }
 var TABS_CLASS_NAME = {
-  BASE: styles18.tabs
+  BASE: styles24.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 styles25 from "./tabs-panel.module-VGH3G3KV.module.css";
+import { jsx as jsx25 } 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__ */ jsx25(BaseTabs11.Panel, { className: combinedClassName, "data-slot": "tabs-panel", ...rest });
 }
 var TABS_PANEL_CLASS_NAME = {
-  BASE: styles19.tabs_panel
+  BASE: styles25.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 styles26 from "./textarea.module-6GUVSFC7.module.css";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Textarea(props) {
   const {
     className: customClassName = "",
@@ -598,7 +755,7 @@ function Textarea(props) {
     ${isRounded ? TEXTAREA_CLASS_NAME.ROUNDED.FULL : TEXTAREA_CLASS_NAME.ROUNDED.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx26(
     "textarea",
     {
       className: combinedClassName,
@@ -614,7 +771,7 @@ function Textarea(props) {
   );
 }
 var TEXTAREA_CLASS_NAME = {
-  BASE: styles20.textarea,
+  BASE: styles26.textarea,
   INPUT: inputStyles.input,
   ROUNDED: {
     BASE: inputStyles.input__rounded_base,
@@ -624,16 +781,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 jsx27 } from "react/jsx-runtime";
 function Tooltip(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx19(BaseTooltip.Root, { "data-slot": "tooltip", disableHoverablePopup: true, ...rest });
+  return /* @__PURE__ */ jsx27(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 styles27 from "./tooltip-content.module-5MWTMSBY.module.css";
+import { jsx as jsx28, jsxs as jsxs7 } from "react/jsx-runtime";
 function TooltipContent(props) {
   const { children, className: customClassName = "", side = "top", ...rest } = props;
   const SIDE_OFFSET = 4;
@@ -641,37 +798,37 @@ function TooltipContent(props) {
     ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
     ${customClassName}
   `);
-  return /* @__PURE__ */ jsx20(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx28(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs7(
     BaseTooltip2.Positioner,
     {
-      className: styles21.tooltip_content_positioner,
+      className: styles27.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__ */ jsx28(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
+        /* @__PURE__ */ jsx28(BaseTooltip2.Arrow, {})
       ]
     }
   ) });
 }
 var TOOLTIP_CONTENT_CLASS_NAME = {
-  BASE: styles21.tooltip_content
+  BASE: styles27.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 jsx29 } from "react/jsx-runtime";
 function TooltipProvider(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx21(BaseTooltip3.Provider, { "data-slot": "tooltip-provider", ...rest });
+  return /* @__PURE__ */ jsx29(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 jsx30 } from "react/jsx-runtime";
 function TooltipTrigger(props) {
   const { ...rest } = props;
-  return /* @__PURE__ */ jsx22(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
+  return /* @__PURE__ */ jsx30(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
 }
 export {
   BUTTON_CLASS_NAME,
@@ -679,6 +836,10 @@ export {
   ButtonLink,
   COLUMN_CLASS_NAME,
   Column,
+  DIALOG_RESPONSIVE_CONTENT_CLASS_NAME,
+  DialogResponsive,
+  DialogResponsiveContent,
+  DialogResponsiveTrigger,
   INPUT_CLASS_NAME,
   Input,
   LABEL_CLASS_NAME,