@tipp/ui 0.1.6 → 0.1.8

package/dist/atoms/avatar.d.cts

@@ -5,7 +5,7 @@ type AvatarProps = Omit<AvatarProps$1, 'size'> & {
     size?: 'small' | 'medium' | 'large' | 'full';
 };
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
-    size?: "small" | "large" | "medium" | "full" | undefined;
+    size?: "small" | "medium" | "large" | "full" | undefined;
 } & React.RefAttributes<HTMLImageElement>>;
 
 export { Avatar, type AvatarProps };

package/dist/atoms/avatar.d.ts

@@ -5,7 +5,7 @@ type AvatarProps = Omit<AvatarProps$1, 'size'> & {
     size?: 'small' | 'medium' | 'large' | 'full';
 };
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
-    size?: "small" | "large" | "medium" | "full" | undefined;
+    size?: "small" | "medium" | "large" | "full" | undefined;
 } & React.RefAttributes<HTMLImageElement>>;
 
 export { Avatar, type AvatarProps };

package/dist/atoms/check-box.d.cts

@@ -5,7 +5,7 @@ type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
     size?: 'small' | 'medium' | 'large';
 };
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/atoms/check-box.d.ts

@@ -5,7 +5,7 @@ type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
     size?: 'small' | 'medium' | 'large';
 };
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/atoms/collapse.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/collapse.tsx
+var collapse_exports = {};
+__export(collapse_exports, {
+  Collapse: () => Collapse
+});
+module.exports = __toCommonJS(collapse_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Collapse(props) {
+  const { children } = props;
+  const [open, setOpen] = (0, import_react.useState)(() => {
+    return props.open || props.defaultOpen || false;
+  });
+  (0, import_react.useEffect)(() => {
+    if (props.open === void 0)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!ref.current)
+      return;
+    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : "0";
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "collapse", ref, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collapse
+});
+//# sourceMappingURL=collapse.cjs.map

package/dist/atoms/collapse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/collapse.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nexport interface CollapseProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport function Collapse(props: CollapseProps): React.ReactNode {\n  const { children } = props;\n  const [open, setOpen] = useState(() => {\n    return props.open || props.defaultOpen || false;\n  });\n\n  useEffect(() => {\n    if (props.open === undefined) return;\n    setOpen(props.open);\n  }, [props.open]);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!ref.current) return;\n    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : '0';\n  }, [open]);\n\n  return (\n    <div className=\"collapse\" ref={ref}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AA2B/C;AAnBG,SAAS,SAAS,OAAuC;AAC9D,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,MAAM;AACrC,WAAO,MAAM,QAAQ,MAAM,eAAe;AAAA,EAC5C,CAAC;AAED,8BAAU,MAAM;AACd,QAAI,MAAM,SAAS;AAAW;AAC9B,YAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,QAAI,CAAC,IAAI;AAAS;AAClB,QAAI,QAAQ,MAAM,YAAY,OAAO,GAAG,IAAI,QAAQ,YAAY,OAAO;AAAA,EACzE,GAAG,CAAC,IAAI,CAAC;AAET,SACE,4CAAC,SAAI,WAAU,YAAW,KACvB,UACH;AAEJ;","names":[]}

package/dist/atoms/collapse.d.cts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface CollapseProps {
+    children: React__default.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+declare function Collapse(props: CollapseProps): React__default.ReactNode;
+
+export { Collapse, type CollapseProps };

package/dist/atoms/collapse.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface CollapseProps {
+    children: React__default.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+declare function Collapse(props: CollapseProps): React__default.ReactNode;
+
+export { Collapse, type CollapseProps };

package/dist/atoms/collapse.js

@@ -0,0 +1,8 @@
+import {
+  Collapse
+} from "../chunk-OCJNQGHN.js";
+import "../chunk-N552FDTV.js";
+export {
+  Collapse
+};
+//# sourceMappingURL=collapse.js.map

package/dist/atoms/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/index.cjs

@@ -0,0 +1,516 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/index.ts
+var atoms_exports = {};
+__export(atoms_exports, {
+  AlertDialog: () => import_themes.AlertDialog,
+  AspectRatio: () => import_themes2.AspectRatio,
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Blockquote: () => import_themes5.Blockquote,
+  Box: () => import_themes6.Box,
+  Button: () => Button,
+  Callout: () => import_themes8.Callout,
+  Card: () => import_themes9.Card,
+  Checkbox: () => Checkbox,
+  CheckboxCards: () => import_themes11.CheckboxCards,
+  CheckboxGroup: () => CheckboxGroup,
+  Code: () => import_themes13.Code,
+  Collapse: () => Collapse,
+  Container: () => import_themes14.Container,
+  DataList: () => import_themes15.DataList,
+  DatePicker: () => DatePicker,
+  Dialog: () => import_themes16.Dialog,
+  DropdownMenu: () => import_themes17.DropdownMenu,
+  Em: () => import_themes18.Em,
+  Flex: () => import_themes19.Flex,
+  Grid: () => import_themes20.Grid,
+  Heading: () => Heading2,
+  HoverCard: () => import_themes23.HoverCard,
+  IconButton: () => import_themes24.IconButton,
+  Inset: () => import_themes25.Inset,
+  Kbd: () => import_themes26.Kbd,
+  Link: () => Link,
+  Popover: () => import_themes29.Popover,
+  Progress: () => import_themes30.Progress,
+  Quote: () => import_themes31.Quote,
+  Radio: () => import_themes32.Radio,
+  RadioCards: () => import_themes33.RadioCards,
+  RadioGroup: () => import_themes34.RadioGroup,
+  ScrollArea: () => import_themes35.ScrollArea,
+  Section: () => import_themes36.Section,
+  SegmentedControl: () => import_themes37.SegmentedControl,
+  Select: () => import_themes38.Select,
+  Separator: () => import_themes39.Separator,
+  Skeleton: () => import_themes40.Skeleton,
+  Strong: () => import_themes41.Strong,
+  Switch: () => import_themes42.Switch,
+  TabNav: () => import_themes43.TabNav,
+  Tabs: () => import_themes44.Tabs,
+  Text: () => Text,
+  TextArea: () => import_themes45.TextArea,
+  TextField: () => import_themes47.TextField,
+  Tooltip: () => import_themes48.Tooltip
+});
+module.exports = __toCommonJS(atoms_exports);
+
+// src/atoms/alert-dialog.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/aspect-ratio.tsx
+var import_themes2 = require("@radix-ui/themes");
+
+// src/atoms/avatar.tsx
+var import_themes3 = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+        case "full":
+          return "4";
+        default:
+          return size;
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes3.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/atoms/badge.tsx
+var import_themes4 = require("@radix-ui/themes");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Badge = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
+    const radixSize = (0, import_react2.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const radixColor = (0, import_react2.useMemo)(() => {
+      switch (color) {
+        case "error":
+          return "red";
+        case "neutral":
+          return "gray";
+        case "success":
+          return "green";
+        case "accent":
+        default:
+          return void 0;
+      }
+    }, [color]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes4.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+  }
+);
+Badge.displayName = "Badge";
+
+// src/atoms/blockquote.tsx
+var import_themes5 = require("@radix-ui/themes");
+
+// src/atoms/box.tsx
+var import_themes6 = require("@radix-ui/themes");
+
+// src/atoms/button.tsx
+var import_themes7 = require("@radix-ui/themes");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Button = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react3.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "2";
+        case "medium":
+          return "3";
+        case "large":
+          return "4";
+        default:
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes7.Button, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
+  }
+);
+Button.displayName = "Button";
+
+// src/atoms/call-out.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/atoms/card.tsx
+var import_themes9 = require("@radix-ui/themes");
+
+// src/atoms/check-box.tsx
+var import_themes10 = require("@radix-ui/themes");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Checkbox = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react4.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes10.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/atoms/check-box-card.tsx
+var import_themes11 = require("@radix-ui/themes");
+
+// src/atoms/check-box-group.tsx
+var import_themes12 = require("@radix-ui/themes");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Root = (0, import_react5.forwardRef)((props, ref) => {
+  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
+  const groupSize = (0, import_react5.useMemo)(() => {
+    switch (size) {
+      case "small":
+        return "1";
+      case "large":
+        return "3";
+      case "medium":
+      default:
+        return "2";
+    }
+  }, [size]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes12.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+});
+Root.displayName = "CheckboxGroup.Root";
+var CheckboxGroup = {
+  Root,
+  Item: import_themes12.CheckboxGroup.Item
+};
+
+// src/atoms/code.tsx
+var import_themes13 = require("@radix-ui/themes");
+
+// src/atoms/container.tsx
+var import_themes14 = require("@radix-ui/themes");
+
+// src/atoms/data-list.tsx
+var import_themes15 = require("@radix-ui/themes");
+
+// src/atoms/date-picker/index.tsx
+var import_react6 = require("react");
+var import_react_datepicker = __toESM(require("react-datepicker"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DatePicker = (0, import_react6.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_datepicker.default,
+      __spreadProps(__spreadValues({}, props), {
+        open: true,
+        ref,
+        wrapperClassName: "tipp_datePicker"
+      })
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/atoms/dialog.tsx
+var import_themes16 = require("@radix-ui/themes");
+
+// src/atoms/dropdown-menu.tsx
+var import_themes17 = require("@radix-ui/themes");
+
+// src/atoms/em.tsx
+var import_themes18 = require("@radix-ui/themes");
+
+// src/atoms/flex.tsx
+var import_themes19 = require("@radix-ui/themes");
+
+// src/atoms/grid.tsx
+var import_themes20 = require("@radix-ui/themes");
+
+// src/atoms/heading.tsx
+var import_themes21 = require("@radix-ui/themes");
+var import_react7 = require("react");
+var import_themes22 = require("@radix-ui/themes");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react7.useMemo)(() => {
+    switch (variant) {
+      case "subtitle1":
+        return "4";
+      case "heading1":
+        return "7";
+      case "heading2":
+        return "6";
+      case "heading3":
+        return "5";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes21.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/hover-card.tsx
+var import_themes23 = require("@radix-ui/themes");
+
+// src/atoms/icon-button.tsx
+var import_themes24 = require("@radix-ui/themes");
+
+// src/atoms/inset.tsx
+var import_themes25 = require("@radix-ui/themes");
+
+// src/atoms/kbd.tsx
+var import_themes26 = require("@radix-ui/themes");
+
+// src/atoms/link.tsx
+var import_themes27 = require("@radix-ui/themes");
+var import_react8 = require("react");
+var import_themes28 = require("@radix-ui/themes");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Link(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react8.useMemo)(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "body":
+        return "2";
+      case "subtitle":
+        return "3";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes27.Link, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/popover.tsx
+var import_themes29 = require("@radix-ui/themes");
+
+// src/atoms/progress.tsx
+var import_themes30 = require("@radix-ui/themes");
+
+// src/atoms/quote.tsx
+var import_themes31 = require("@radix-ui/themes");
+
+// src/atoms/radio.tsx
+var import_themes32 = require("@radix-ui/themes");
+
+// src/atoms/radio-cards.tsx
+var import_themes33 = require("@radix-ui/themes");
+
+// src/atoms/radio-group.tsx
+var import_themes34 = require("@radix-ui/themes");
+
+// src/atoms/scroll-area.tsx
+var import_themes35 = require("@radix-ui/themes");
+
+// src/atoms/section.tsx
+var import_themes36 = require("@radix-ui/themes");
+
+// src/atoms/segmented-control.tsx
+var import_themes37 = require("@radix-ui/themes");
+
+// src/atoms/select.tsx
+var import_themes38 = require("@radix-ui/themes");
+
+// src/atoms/separator.tsx
+var import_themes39 = require("@radix-ui/themes");
+
+// src/atoms/skeleton.tsx
+var import_themes40 = require("@radix-ui/themes");
+
+// src/atoms/strong.tsx
+var import_themes41 = require("@radix-ui/themes");
+
+// src/atoms/switch.tsx
+var import_themes42 = require("@radix-ui/themes");
+
+// src/atoms/tab-nav.tsx
+var import_themes43 = require("@radix-ui/themes");
+
+// src/atoms/tabs.tsx
+var import_themes44 = require("@radix-ui/themes");
+
+// src/atoms/text-area.tsx
+var import_themes45 = require("@radix-ui/themes");
+
+// src/atoms/text.tsx
+var import_themes46 = require("@radix-ui/themes");
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Text(props) {
+  const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+  const radixSize = (0, import_react9.useMemo)(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "subtitle":
+        return "3";
+      case "body":
+        return "2";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes46.Text, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/text-field.tsx
+var import_themes47 = require("@radix-ui/themes");
+
+// src/atoms/tooltip.tsx
+var import_themes48 = require("@radix-ui/themes");
+
+// src/atoms/collapse.tsx
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Collapse(props) {
+  const { children } = props;
+  const [open, setOpen] = (0, import_react10.useState)(() => {
+    return props.open || props.defaultOpen || false;
+  });
+  (0, import_react10.useEffect)(() => {
+    if (props.open === void 0)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  const ref = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    if (!ref.current)
+      return;
+    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : "0";
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "collapse", ref, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AspectRatio,
+  Avatar,
+  Badge,
+  Blockquote,
+  Box,
+  Button,
+  Callout,
+  Card,
+  Checkbox,
+  CheckboxCards,
+  CheckboxGroup,
+  Code,
+  Collapse,
+  Container,
+  DataList,
+  DatePicker,
+  Dialog,
+  DropdownMenu,
+  Em,
+  Flex,
+  Grid,
+  Heading,
+  HoverCard,
+  IconButton,
+  Inset,
+  Kbd,
+  Link,
+  Popover,
+  Progress,
+  Quote,
+  Radio,
+  RadioCards,
+  RadioGroup,
+  ScrollArea,
+  Section,
+  SegmentedControl,
+  Select,
+  Separator,
+  Skeleton,
+  Strong,
+  Switch,
+  TabNav,
+  Tabs,
+  Text,
+  TextArea,
+  TextField,
+  Tooltip
+});
+//# sourceMappingURL=index.cjs.map