@nattstack/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,715 @@
+// src/components/button-link/button-link.tsx
+import { createElement } from "react";
+
+// src/components/button/button-spinner.tsx
+import styles from "./button-spinner.module-T3OGVJS4.module.css";
+import { jsx } from "react/jsx-runtime";
+function ButtonSpinner(props) {
+  const { size = 16 } = props;
+  return /* @__PURE__ */ jsx("div", { className: styles.button_spinner, style: { "--size": `${size}px` }, children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsx("div", {}, index)) });
+}
+
+// src/utils/normalize-whitespace.ts
+function normalizeWhitespace(value) {
+  return value.replaceAll(/\s+/g, " ").trim();
+}
+
+// src/components/button/button.tsx
+import styles2 from "./button.module-77AJOXGM.module.css";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Button(props) {
+  const {
+    children = "",
+    className: customClassName = "",
+    iconEnd = "",
+    iconStart = "",
+    isActive = false,
+    isDisabled = false,
+    isFullWidth = false,
+    isIconOnly = false,
+    isLoading = false,
+    isRounded = false,
+    size = 40,
+    type = "button",
+    variant = "primary",
+    ...rest
+  } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${BUTTON_CLASS_NAME.BASE}
+    ${BUTTON_CLASS_NAME.SIZE[size]}
+    ${BUTTON_CLASS_NAME.VARIANT[variant.toUpperCase()]}
+    ${isFullWidth ? BUTTON_CLASS_NAME.WIDTH.FULL : BUTTON_CLASS_NAME.WIDTH.BASE}
+    ${isIconOnly ? BUTTON_CLASS_NAME.ICON_ONLY : ""}
+    ${isRounded ? BUTTON_CLASS_NAME.ROUNDED.FULL : BUTTON_CLASS_NAME.ROUNDED.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "aria-pressed": isActive,
+      className: combinedClassName,
+      disabled: isDisabled || isLoading,
+      type,
+      ...rest,
+      children: [
+        isLoading && /* @__PURE__ */ jsx2(ButtonSpinner, {}),
+        !isLoading && iconStart,
+        isIconOnly ? isLoading ? void 0 : children : /* @__PURE__ */ jsx2("span", { children }),
+        !isLoading && iconEnd
+      ]
+    }
+  );
+}
+var BUTTON_CLASS_NAME = {
+  BASE: styles2.button,
+  ICON_ONLY: styles2.button__icon_only,
+  ROUNDED: {
+    BASE: styles2.button__rounded_base,
+    FULL: styles2.button__rounded_full
+  },
+  SIZE: {
+    32: styles2.button__size_32,
+    36: styles2.button__size_36,
+    40: styles2.button__size_40,
+    44: styles2.button__size_44,
+    48: styles2.button__size_48
+  },
+  VARIANT: {
+    ACCENT: styles2.button__variant_accent,
+    GHOST: styles2.button__variant_ghost,
+    PRIMARY: styles2.button__variant_primary,
+    SECONDARY: styles2.button__variant_secondary
+  },
+  WIDTH: {
+    BASE: styles2.button__width_base,
+    FULL: styles2.button__width_full
+  }
+};
+
+// src/components/button-link/button-link.tsx
+function ButtonLink(props) {
+  const {
+    as = "a",
+    className: customClassName = "",
+    isFullWidth = false,
+    isIconOnly = false,
+    isRounded = false,
+    size = 40,
+    variant = "primary",
+    ...rest
+  } = props;
+  const Component = as;
+  const combinedClassName = normalizeWhitespace(`
+    ${BUTTON_CLASS_NAME.BASE}
+    ${BUTTON_CLASS_NAME.SIZE[size]}
+    ${BUTTON_CLASS_NAME.VARIANT[variant.toUpperCase()]}
+    ${isFullWidth ? BUTTON_CLASS_NAME.WIDTH.FULL : BUTTON_CLASS_NAME.WIDTH.BASE}
+    ${isIconOnly ? BUTTON_CLASS_NAME.ICON_ONLY : ""}
+    ${isRounded ? BUTTON_CLASS_NAME.ROUNDED.FULL : BUTTON_CLASS_NAME.ROUNDED.BASE}
+    ${customClassName}
+  `);
+  return createElement(Component, {
+    className: combinedClassName,
+    ...rest
+  });
+}
+
+// src/components/column/column.tsx
+import {
+  createElement as createElement2
+} from "react";
+import styles3 from "./column.module-A7QCVPFC.module.css";
+function Column(props) {
+  const {
+    alignItems = void 0,
+    as = "div",
+    className: customClassName = "",
+    flexWrap = void 0,
+    gap = void 0,
+    gapX = void 0,
+    gapY = void 0,
+    justifyContent = void 0,
+    style: customStyle,
+    ...rest
+  } = props;
+  const Component = as;
+  const combinedClassName = normalizeWhitespace(`
+    ${COLUMN_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  const combinedStyle = {
+    ...customStyle,
+    ...gap === void 0 ? {} : { gap },
+    ...gapX === void 0 ? {} : { columnGap: gapX },
+    ...gapY === void 0 ? {} : { rowGap: gapY },
+    ...flexWrap === void 0 ? {} : { flexWrap },
+    ...alignItems === void 0 ? {} : { alignItems },
+    ...justifyContent === void 0 ? {} : { justifyContent }
+  };
+  return createElement2(Component, {
+    className: combinedClassName,
+    style: combinedStyle,
+    ...rest
+  });
+}
+var COLUMN_CLASS_NAME = {
+  BASE: styles3.column
+};
+
+// src/components/input/input.tsx
+import styles4 from "./input.module-DOM3NIU5.module.css";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Input(props) {
+  const {
+    className: customClassName = "",
+    isActive = false,
+    isDisabled = false,
+    isInvalid = void 0,
+    isReadOnly = false,
+    isRequired = false,
+    isRounded = false,
+    isValid = void 0,
+    size = 44,
+    type = "text",
+    ...rest
+  } = props;
+  const isPassword = type === "password";
+  const combinedClassName = normalizeWhitespace(`
+    ${INPUT_CLASS_NAME.BASE}
+    ${INPUT_CLASS_NAME.SIZE[size]}
+    ${isPassword ? INPUT_CLASS_NAME.PASSWORD : ""}
+    ${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx3(
+    "input",
+    {
+      className: combinedClassName,
+      "data-is-active": isActive,
+      "data-is-invalid": isInvalid,
+      "data-is-valid": isValid,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired,
+      type,
+      ...rest
+    }
+  );
+}
+var INPUT_CLASS_NAME = {
+  BASE: styles4.input,
+  PASSWORD: styles4.input__password,
+  ROUNDED: {
+    BASE: styles4.input__rounded_base,
+    FULL: styles4.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
+  }
+};
+
+// src/components/label/label.tsx
+import styles5 from "./label.module-HUBUIUFV.module.css";
+import { jsx as jsx4 } 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 });
+}
+var LABEL_CLASS_NAME = {
+  BASE: styles5.label
+};
+
+// src/components/row/row.tsx
+import {
+  createElement as createElement3
+} from "react";
+import styles6 from "./row.module-GYNANRAY.module.css";
+function Row(props) {
+  const {
+    alignItems = void 0,
+    as = "div",
+    className: customClassName = "",
+    flexWrap = void 0,
+    gap = void 0,
+    gapX = void 0,
+    gapY = void 0,
+    justifyContent = void 0,
+    style: customStyle,
+    ...rest
+  } = props;
+  const Component = as;
+  const combinedClassName = normalizeWhitespace(`
+    ${ROW_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  const combinedStyle = {
+    ...customStyle,
+    ...gap === void 0 ? {} : { gap },
+    ...gapX === void 0 ? {} : { columnGap: gapX },
+    ...gapY === void 0 ? {} : { rowGap: gapY },
+    ...flexWrap === void 0 ? {} : { flexWrap },
+    ...alignItems === void 0 ? {} : { alignItems },
+    ...justifyContent === void 0 ? {} : { justifyContent }
+  };
+  return createElement3(Component, {
+    className: combinedClassName,
+    style: combinedStyle,
+    ...rest
+  });
+}
+var ROW_CLASS_NAME = {
+  BASE: styles6.row
+};
+
+// src/components/spacer/spacer.tsx
+import styles7 from "./spacer.module-ZYYYWYEB.module.css";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Spacer(props) {
+  const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${SPACER_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  const combinedStyle = {
+    ...customStyle,
+    ...width === void 0 ? {} : { width },
+    ...height === void 0 ? {} : { height }
+  };
+  return /* @__PURE__ */ jsx5("div", { className: combinedClassName, style: combinedStyle, ...rest });
+}
+var SPACER_CLASS_NAME = {
+  BASE: styles7.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";
+function Switch(props) {
+  const {
+    className: customClassName = "",
+    isChecked = void 0,
+    isDefaultChecked = false,
+    isDisabled = false,
+    isReadOnly = false,
+    isRequired = false,
+    size = 24,
+    ...rest
+  } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${SWITCH_CLASS_NAME.BASE}
+    ${SWITCH_CLASS_NAME.SIZE[size]}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx6(
+    BaseSwitch.Root,
+    {
+      checked: isChecked,
+      className: combinedClassName,
+      defaultChecked: isDefaultChecked,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired,
+      ...rest,
+      children: /* @__PURE__ */ jsx6(BaseSwitch.Thumb, { className: styles8.switch__thumb })
+    }
+  );
+}
+var SWITCH_CLASS_NAME = {
+  BASE: styles8.switch,
+  SIZE: {
+    18: styles8.switch__size_18,
+    24: styles8.switch__size_24
+  }
+};
+
+// src/components/tabs-pill/tabs-pill-list.tsx
+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";
+function TabsPillIndicator(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TABS_PILL_INDICATOR_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx7(
+    BaseTabs.Indicator,
+    {
+      className: combinedClassName,
+      "data-slot": "tabs-pill-indicator",
+      renderBeforeHydration: true,
+      ...rest
+    }
+  );
+}
+var TABS_PILL_INDICATOR_CLASS_NAME = {
+  BASE: styles9.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";
+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: [
+    children,
+    /* @__PURE__ */ jsx8(TabsPillIndicator, {})
+  ] });
+}
+var TABS_PILL_LIST_CLASS_NAME = {
+  BASE: styles10.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";
+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(
+      BaseTabs3.Tab,
+      {
+        className: combinedClassName,
+        "data-slot": "tabs-pill-tab",
+        nativeButton: isNativeButton,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsx9("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
+};
+
+// src/components/tabs-segmented/tabs-segmented-list.tsx
+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";
+function TabsSegmentedIndicator(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TABS_SEGMENTED_INDICATOR_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx10(
+    BaseTabs4.Indicator,
+    {
+      className: combinedClassName,
+      "data-slot": "tabs-segmented-indicator",
+      renderBeforeHydration: true,
+      ...rest
+    }
+  );
+}
+var TABS_SEGMENTED_INDICATOR_CLASS_NAME = {
+  BASE: styles12.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";
+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: [
+    children,
+    /* @__PURE__ */ jsx11(TabsSegmentedIndicator, {})
+  ] });
+}
+var TABS_SEGMENTED_LIST_CLASS_NAME = {
+  BASE: styles13.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";
+function TabsSegmentedTab(props) {
+  const { className: customClassName = "", isNativeButton = true, ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TABS_SEGMENTED_TAB_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx12(
+    BaseTabs6.Tab,
+    {
+      className: combinedClassName,
+      "data-slot": "tabs-segmented-tab",
+      nativeButton: isNativeButton,
+      ...rest
+    }
+  );
+}
+var TABS_SEGMENTED_TAB_CLASS_NAME = {
+  BASE: styles14.tabs_segmented_tab
+};
+
+// src/components/tabs-underline/tabs-underline-list.tsx
+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";
+function TabsUnderlineIndicator(props) {
+  const { className: customClassName = "", ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TABS_UNDERLINE_INDICATOR_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx13(
+    BaseTabs7.Indicator,
+    {
+      className: combinedClassName,
+      "data-slot": "tabs-underline-indicator",
+      renderBeforeHydration: true,
+      ...rest
+    }
+  );
+}
+var TABS_UNDERLINE_INDICATOR_CLASS_NAME = {
+  BASE: styles15.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";
+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: [
+    children,
+    /* @__PURE__ */ jsx14(TabsUnderlineIndicator, {})
+  ] });
+}
+var TABS_UNDERLINE_LIST_CLASS_NAME = {
+  BASE: styles16.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";
+function TabsUnderlineTab(props) {
+  const { className: customClassName = "", isNativeButton = true, ...rest } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TABS_UNDERLINE_TAB_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx15(
+    BaseTabs9.Tab,
+    {
+      className: combinedClassName,
+      "data-slot": "tabs-underline-tab",
+      nativeButton: isNativeButton,
+      ...rest
+    }
+  );
+}
+var TABS_UNDERLINE_TAB_CLASS_NAME = {
+  BASE: styles17.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";
+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 });
+}
+var TABS_CLASS_NAME = {
+  BASE: styles18.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";
+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 });
+}
+var TABS_PANEL_CLASS_NAME = {
+  BASE: styles19.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";
+function Textarea(props) {
+  const {
+    className: customClassName = "",
+    isActive = false,
+    isDisabled = false,
+    isInvalid = void 0,
+    isReadOnly = false,
+    isRequired = false,
+    isRounded = false,
+    isValid = void 0,
+    rows = 2,
+    ...rest
+  } = props;
+  const combinedClassName = normalizeWhitespace(`
+    ${TEXTAREA_CLASS_NAME.INPUT}
+    ${TEXTAREA_CLASS_NAME.BASE}
+    ${isRounded ? TEXTAREA_CLASS_NAME.ROUNDED.FULL : TEXTAREA_CLASS_NAME.ROUNDED.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx18(
+    "textarea",
+    {
+      className: combinedClassName,
+      "data-is-active": isActive,
+      "data-is-invalid": isInvalid,
+      "data-is-valid": isValid,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired,
+      rows,
+      ...rest
+    }
+  );
+}
+var TEXTAREA_CLASS_NAME = {
+  BASE: styles20.textarea,
+  INPUT: inputStyles.input,
+  ROUNDED: {
+    BASE: inputStyles.input__rounded_base,
+    FULL: inputStyles.input__rounded_full
+  }
+};
+
+// src/components/tooltip/tooltip.tsx
+import { Tooltip as BaseTooltip } from "@base-ui/react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Tooltip(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx19(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";
+function TooltipContent(props) {
+  const { children, className: customClassName = "", side = "top", ...rest } = props;
+  const SIDE_OFFSET = 4;
+  const combinedClassName = normalizeWhitespace(`
+    ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
+    ${customClassName}
+  `);
+  return /* @__PURE__ */ jsx20(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs6(
+    BaseTooltip2.Positioner,
+    {
+      className: styles21.tooltip_content_positioner,
+      side,
+      sideOffset: SIDE_OFFSET,
+      children: [
+        /* @__PURE__ */ jsx20(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
+        /* @__PURE__ */ jsx20(BaseTooltip2.Arrow, {})
+      ]
+    }
+  ) });
+}
+var TOOLTIP_CONTENT_CLASS_NAME = {
+  BASE: styles21.tooltip_content
+};
+
+// src/components/tooltip/tooltip-provider.tsx
+import { Tooltip as BaseTooltip3 } from "@base-ui/react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function TooltipProvider(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx21(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";
+function TooltipTrigger(props) {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx22(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
+}
+export {
+  BUTTON_CLASS_NAME,
+  Button,
+  ButtonLink,
+  COLUMN_CLASS_NAME,
+  Column,
+  INPUT_CLASS_NAME,
+  Input,
+  LABEL_CLASS_NAME,
+  Label,
+  ROW_CLASS_NAME,
+  Row,
+  SPACER_CLASS_NAME,
+  SWITCH_CLASS_NAME,
+  Spacer,
+  Switch,
+  TABS_CLASS_NAME,
+  TABS_PANEL_CLASS_NAME,
+  TABS_PILL_LIST_CLASS_NAME,
+  TABS_PILL_TAB_CLASS_NAME,
+  TABS_SEGMENTED_LIST_CLASS_NAME,
+  TABS_SEGMENTED_TAB_CLASS_NAME,
+  TABS_UNDERLINE_LIST_CLASS_NAME,
+  TABS_UNDERLINE_TAB_CLASS_NAME,
+  TEXTAREA_CLASS_NAME,
+  TOOLTIP_CONTENT_CLASS_NAME,
+  Tabs,
+  TabsPanel,
+  TabsPillList,
+  TabsPillTab,
+  TabsSegmentedList,
+  TabsSegmentedTab,
+  TabsUnderlineList,
+  TabsUnderlineTab,
+  Textarea,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};