@tipp/ui 0.1.5 → 0.1.7

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

@@ -1 +1,11 @@
-export { Checkbox, CheckboxProps } from '@radix-ui/themes';
+import * as React from 'react';
+import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/themes';
+
+type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
+    size?: 'small' | 'medium' | 'large';
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
+    size?: "small" | "medium" | "large" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/atoms/check-box.js

@@ -1,7 +1,7 @@
 import {
   Checkbox
-} from "../chunk-3566LFAS.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-JEHDCZQU.js";
+import "../chunk-N552FDTV.js";
 export {
   Checkbox
 };

package/dist/atoms/code.js

@@ -1,7 +1,7 @@
 import {
   Code
 } from "../chunk-OHMOP5PV.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Code
 };

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/container.js

@@ -1,7 +1,7 @@
 import {
   Container
 } from "../chunk-Q37G2GS6.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Container
 };

package/dist/atoms/data-list.js

@@ -1,7 +1,7 @@
 import {
   DataList
 } from "../chunk-VTJZMOSP.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   DataList
 };

package/dist/atoms/date-picker/index.d.cts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 import ReactDatePicker, { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
 
 type DatePickerProps = DatePickerProps$1;
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps$1 & React.RefAttributes<ReactDatePicker>>;
+declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps$1 & React__default.RefAttributes<ReactDatePicker>>;
 
 export { DatePicker, type DatePickerProps };

package/dist/atoms/date-picker/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 import ReactDatePicker, { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
 
 type DatePickerProps = DatePickerProps$1;
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps$1 & React.RefAttributes<ReactDatePicker>>;
+declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps$1 & React__default.RefAttributes<ReactDatePicker>>;
 
 export { DatePicker, type DatePickerProps };

package/dist/atoms/date-picker/index.js

@@ -1,7 +1,7 @@
 import {
   DatePicker
-} from "../../chunk-D5QWAVBB.js";
-import "../../chunk-LGTAQGUA.js";
+} from "../../chunk-IIBITN2G.js";
+import "../../chunk-N552FDTV.js";
 export {
   DatePicker
 };

package/dist/atoms/dialog.js

@@ -1,7 +1,7 @@
 import {
   Dialog
 } from "../chunk-P6B2PNYI.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Dialog
 };

package/dist/atoms/dropdown-menu.js

@@ -1,7 +1,7 @@
 import {
   DropdownMenu
 } from "../chunk-YTZSKMX3.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   DropdownMenu
 };

package/dist/atoms/em.js

@@ -1,7 +1,7 @@
 import {
   Em
 } from "../chunk-2DZ2Y3JI.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Em
 };

package/dist/atoms/flex.js

@@ -1,7 +1,7 @@
 import {
   Flex
 } from "../chunk-25HMMI7R.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Flex
 };

package/dist/atoms/grid.js

@@ -1,7 +1,7 @@
 import {
   Grid
 } from "../chunk-EGEQY3KT.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Grid
 };

package/dist/atoms/heading.cjs

@@ -1,8 +1,37 @@
 "use strict";
 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 __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 });
@@ -20,12 +49,35 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/heading.tsx
 var heading_exports = {};
 __export(heading_exports, {
-  Heading: () => import_themes.Heading
+  Heading: () => Heading2,
+  RadixHeading: () => import_themes2.Heading
 });
 module.exports = __toCommonJS(heading_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_themes2 = require("@radix-ui/themes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react.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_runtime.jsx)(import_themes.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Heading
+  Heading,
+  RadixHeading
 });
 //# sourceMappingURL=heading.cjs.map

package/dist/atoms/heading.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/heading.tsx"],"sourcesContent":["export { Heading, type HeadingProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;","names":[]}
+{"version":3,"sources":["../../src/atoms/heading.tsx"],"sourcesContent":["import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'subtitle1':\n        return '4';\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAwB;AAExB,IAAAC,iBAAwC;AAwBpC;AAlBG,SAASC,SAAQ,OAAsC;AAC5D,QAA6C,YAArC,QAAM,UAAU,QAb1B,IAa+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,gBAAY,sBAAmC,MAAM;AACzD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,4CAAC,cAAAC,SAAA,iCAAiB,OAAjB,EAAuB,MAAM,WAC3B,WACH;AAEJ;","names":["Heading","import_themes","Heading","RadixHeading"]}

package/dist/atoms/heading.d.cts

@@ -1 +1,9 @@
-export { Heading, HeadingProps } from '@radix-ui/themes';
+import { HeadingProps as HeadingProps$1 } from '@radix-ui/themes';
+export { Heading as RadixHeading } from '@radix-ui/themes';
+
+type HeadingProps = HeadingProps$1 & {
+    variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';
+};
+declare function Heading(props: HeadingProps): React.ReactNode;
+
+export { Heading, type HeadingProps };

package/dist/atoms/heading.d.ts

@@ -1 +1,9 @@
-export { Heading, HeadingProps } from '@radix-ui/themes';
+import { HeadingProps as HeadingProps$1 } from '@radix-ui/themes';
+export { Heading as RadixHeading } from '@radix-ui/themes';
+
+type HeadingProps = HeadingProps$1 & {
+    variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';
+};
+declare function Heading(props: HeadingProps): React.ReactNode;
+
+export { Heading, type HeadingProps };

package/dist/atoms/heading.js

@@ -1,8 +1,10 @@
 import {
-  Heading
-} from "../chunk-MYTJIEMB.js";
-import "../chunk-LGTAQGUA.js";
+  Heading,
+  Heading2
+} from "../chunk-HLOY6BIP.js";
+import "../chunk-N552FDTV.js";
 export {
-  Heading
+  Heading,
+  Heading2 as RadixHeading
 };
 //# sourceMappingURL=heading.js.map

package/dist/atoms/hover-card.js

@@ -1,7 +1,7 @@
 import {
   HoverCard
 } from "../chunk-O3T3TM3V.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   HoverCard
 };

package/dist/atoms/icon-button.js

@@ -1,7 +1,7 @@
 import {
   IconButton
 } from "../chunk-O3DNDMV3.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   IconButton
 };