@tipp/ui 1.5.0 → 1.5.2

package/dist/molecules/index.js

@@ -2,17 +2,17 @@ import "../chunk-FLMSBAPO.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-CEPOV7P3.js";
+} from "../chunk-VC44WHIQ.js";
 import "../chunk-PCWEW2UL.js";
 import {
   DatePickerButton
-} from "../chunk-SPD533EN.js";
+} from "../chunk-I55PKI44.js";
 import {
   DatePicker
-} from "../chunk-THM26EDM.js";
+} from "../chunk-GZRUTEDV.js";
 import {
   LearningPost
-} from "../chunk-AXQKYYJS.js";
+} from "../chunk-SKXXJTNB.js";
 import "../chunk-BVNXAZ4W.js";
 import {
   Navigation
@@ -25,7 +25,7 @@ import {
 } from "../chunk-FZKXTTBS.js";
 import {
   TagSelector
-} from "../chunk-46SJO7ZG.js";
+} from "../chunk-XGFGTMZU.js";
 import {
   TimeSelect
 } from "../chunk-K55LGP5B.js";
@@ -43,48 +43,54 @@ import {
 import {
   ForceRefresh
 } from "../chunk-CFMW7GOI.js";
+import "../chunk-BSTJBBEX.js";
+import "../chunk-NDUKDKGB.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-EW6OPYEW.js";
+import "../chunk-VOQU7ZOV.js";
+import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-ZZYFULUQ.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
+import "../chunk-ODNY3R6A.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-4WFMOFN2.js";
 import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-HK224ADT.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-XZRRRMPQ.js";
+import "../chunk-AGPJA7IM.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
-import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -94,18 +100,12 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
-import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
-import "../chunk-NDUKDKGB.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
 import "../chunk-UAN5JXP3.js";
-import "../chunk-UNTA4JJU.js";
-import "../chunk-BSTJBBEX.js";
 import "../chunk-N552FDTV.js";
 export {
   DatePicker,

package/dist/molecules/learning-post.js

@@ -1,16 +1,16 @@
 import {
   LearningPost
-} from "../chunk-AXQKYYJS.js";
+} from "../chunk-SKXXJTNB.js";
 import "../chunk-BVNXAZ4W.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-52MVZ6AN.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-U7JPP7WJ.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-EAXUQEO5.js";
-import "../chunk-EWD4AO5N.js";
 import "../chunk-N552FDTV.js";
 export {
   LearningPost

package/dist/molecules/navigation.js

@@ -3,46 +3,50 @@ import {
 } from "../chunk-OCINOC2X.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-EW6OPYEW.js";
+import "../chunk-VOQU7ZOV.js";
+import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-ZZYFULUQ.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
+import "../chunk-ODNY3R6A.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-4WFMOFN2.js";
 import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-HK224ADT.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-XZRRRMPQ.js";
+import "../chunk-AGPJA7IM.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
-import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -52,16 +56,12 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
-import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
 import "../chunk-UAN5JXP3.js";
-import "../chunk-UNTA4JJU.js";
 import "../chunk-N552FDTV.js";
 export {
   Navigation

package/dist/molecules/radio-button-card.js

@@ -3,46 +3,50 @@ import {
 } from "../chunk-EEWG4R2D.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-EW6OPYEW.js";
+import "../chunk-VOQU7ZOV.js";
+import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-ZZYFULUQ.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
+import "../chunk-ODNY3R6A.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-4WFMOFN2.js";
 import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-HK224ADT.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-XZRRRMPQ.js";
+import "../chunk-AGPJA7IM.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
-import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -52,16 +56,12 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
-import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
 import "../chunk-UAN5JXP3.js";
-import "../chunk-UNTA4JJU.js";
 import "../chunk-N552FDTV.js";
 export {
   RadioButtonCard

package/dist/molecules/tag-selector.js

@@ -1,48 +1,52 @@
 import {
   TagSelector
-} from "../chunk-46SJO7ZG.js";
+} from "../chunk-XGFGTMZU.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-EW6OPYEW.js";
+import "../chunk-VOQU7ZOV.js";
+import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-ZZYFULUQ.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
+import "../chunk-ODNY3R6A.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-4WFMOFN2.js";
 import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-HK224ADT.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-XZRRRMPQ.js";
+import "../chunk-AGPJA7IM.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
-import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -52,16 +56,12 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
-import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
 import "../chunk-UAN5JXP3.js";
-import "../chunk-UNTA4JJU.js";
 import "../chunk-N552FDTV.js";
 export {
   TagSelector

package/dist/molecules/time-select.js

@@ -8,46 +8,50 @@ import "../chunk-ZXQZRIRS.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-EW6OPYEW.js";
+import "../chunk-VOQU7ZOV.js";
+import "../chunk-ZZYFULUQ.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-ZZYFULUQ.js";
+import "../chunk-O3T3TM3V.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
+import "../chunk-ODNY3R6A.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-4WFMOFN2.js";
 import "../chunk-WKFZ5MMN.js";
 import "../chunk-ACVANQJ4.js";
 import "../chunk-2DZ2Y3JI.js";
 import "../chunk-QDZS4B6A.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-HK224ADT.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
 import "../chunk-LHCDPZ5E.js";
 import "../chunk-OHMOP5PV.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-XZRRRMPQ.js";
+import "../chunk-AGPJA7IM.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
-import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -57,16 +61,12 @@ import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
-import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
 import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
 import "../chunk-UAN5JXP3.js";
-import "../chunk-UNTA4JJU.js";
 import "../chunk-N552FDTV.js";
 export {
   TimeSelect

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -59,8 +59,8 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/typescript-config": "1.0.1",
-    "@tipp/eslint-config": "1.0.1"
+    "@tipp/eslint-config": "1.0.1",
+    "@tipp/typescript-config": "1.0.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css",

package/src/atoms/dialog.tsx

@@ -1,8 +1,10 @@
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { Flex, Theme } from '@radix-ui/themes';
-import { Button } from './button';
+import { useRef } from 'react';
 import { ToastContainer } from './toast';
+import { Heading } from './heading';
+import { IconButton } from './icon-button';
 
 type ContentProps = RadixDialog.DialogContentProps & {
   width?: string;
@@ -11,6 +13,8 @@ type ContentProps = RadixDialog.DialogContentProps & {
   height?: string;
   maxHeight?: string;
   minHeight?: string;
+  title?: React.ReactNode;
+  buttons?: React.ReactElement;
 };
 
 const preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (
@@ -29,11 +33,20 @@ function Content(props: ContentProps): React.ReactElement {
     maxHeight,
     height,
     minHeight,
+    title,
+    buttons,
     ...rest
   } = props;
 
+  const containerRef = useRef<Element | null>(null);
+
+  if (typeof document !== 'undefined') {
+    const container = document.getElementsByClassName('radix-themes')[0];
+    containerRef.current = container;
+  }
+
   return (
-    <RadixDialog.Portal>
+    <RadixDialog.Portal container={containerRef.current}>
       <Theme asChild>
         <RadixDialog.Overlay className="DialogOverlay">
           <RadixDialog.Content
@@ -50,14 +63,26 @@ function Content(props: ContentProps): React.ReactElement {
             }}
             {...rest}
           >
-            <Flex direction="column" style={{ position: 'relative' }}>
+            <Flex gap="2" justify="between">
+              <RadixDialog.Title asChild>
+                {typeof title === 'string' ? (
+                  <Heading variant="heading3">{title}</Heading>
+                ) : (
+                  title
+                )}
+              </RadixDialog.Title>
               <RadixDialog.Close asChild className="DialogClose">
-                <Button color="gray" variant="transparent">
-                  <Cross1Icon height="18px" width="18px" />
-                </Button>
+                <IconButton color="gray" variant="ghost">
+                  <Cross1Icon />
+                </IconButton>
               </RadixDialog.Close>
-              {children}
             </Flex>
+            {children}
+            {buttons ? (
+              <Flex gap="3" justify="end" mt="3">
+                {buttons}
+              </Flex>
+            ) : null}
           </RadixDialog.Content>
           <ToastContainer />
         </RadixDialog.Overlay>