@tipp/ui 1.5.0 → 1.5.1

package/dist/molecules/index.js

@@ -2,7 +2,7 @@ import "../chunk-FLMSBAPO.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-CEPOV7P3.js";
+} from "../chunk-VC44WHIQ.js";
 import "../chunk-PCWEW2UL.js";
 import {
   DatePickerButton
@@ -22,10 +22,10 @@ import {
 } from "../chunk-EEWG4R2D.js";
 import {
   Stepper
-} from "../chunk-FZKXTTBS.js";
+} from "../chunk-QR66GBTG.js";
 import {
   TagSelector
-} from "../chunk-46SJO7ZG.js";
+} from "../chunk-NCPXYZEA.js";
 import {
   TimeSelect
 } from "../chunk-K55LGP5B.js";
@@ -43,8 +43,11 @@ 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-VOQU7ZOV.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
@@ -52,7 +55,7 @@ import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
@@ -66,25 +69,27 @@ import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.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-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-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-7SM2C75W.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -95,17 +100,12 @@ 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-UAN5JXP3.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/navigation.js

@@ -3,6 +3,7 @@ import {
 } from "../chunk-OCINOC2X.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-VOQU7ZOV.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
@@ -10,7 +11,7 @@ import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
@@ -24,25 +25,27 @@ import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.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-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-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-7SM2C75W.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -53,15 +56,12 @@ import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UAN5JXP3.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,6 +3,7 @@ import {
 } from "../chunk-EEWG4R2D.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-VOQU7ZOV.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
@@ -10,7 +11,7 @@ import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
@@ -24,25 +25,27 @@ import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.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-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-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-7SM2C75W.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -53,15 +56,12 @@ import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UAN5JXP3.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/stepper.js

@@ -1,10 +1,10 @@
 import {
   Stepper
-} from "../chunk-FZKXTTBS.js";
+} from "../chunk-QR66GBTG.js";
 import "../chunk-52MVZ6AN.js";
 import "../chunk-25HMMI7R.js";
-import "../chunk-3SSSCLJ5.js";
 import "../chunk-UAN5JXP3.js";
+import "../chunk-3SSSCLJ5.js";
 import "../chunk-N552FDTV.js";
 export {
   Stepper

package/dist/molecules/tag-selector.js

@@ -1,8 +1,9 @@
 import {
   TagSelector
-} from "../chunk-46SJO7ZG.js";
+} from "../chunk-NCPXYZEA.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-VOQU7ZOV.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
@@ -10,7 +11,7 @@ import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
@@ -24,25 +25,27 @@ import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.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-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-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-7SM2C75W.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -53,15 +56,12 @@ import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UAN5JXP3.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,6 +8,7 @@ import "../chunk-ZXQZRIRS.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-A6W2ZWYA.js";
 import "../chunk-SRZ6X74X.js";
+import "../chunk-VOQU7ZOV.js";
 import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
@@ -15,7 +16,7 @@ import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-EW6OPYEW.js";
-import "../chunk-VOQU7ZOV.js";
+import "../chunk-YO3BQW6S.js";
 import "../chunk-6IVCARWS.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
@@ -29,25 +30,27 @@ import "../chunk-SIM6HKVI.js";
 import "../chunk-RKHPVH2G.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.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-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-CEMVFONQ.js";
 import "../chunk-CYYWMYE7.js";
-import "../chunk-ODNY3R6A.js";
+import "../chunk-HK224ADT.js";
+import "../chunk-7SM2C75W.js";
+import "../chunk-UNTA4JJU.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-O3DNDMV3.js";
-import "../chunk-4WFMOFN2.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-NAL2USH5.js";
 import "../chunk-52MVZ6AN.js";
@@ -58,15 +61,12 @@ import "../chunk-ZD7MNMED.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-2ZQK7NTN.js";
 import "../chunk-MIMJ7LON.js";
-import "../chunk-IQEEPHOY.js";
+import "../chunk-UAN5JXP3.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.1",
   "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,9 @@
 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 { ToastContainer } from './toast';
+import { Heading } from './heading';
+import { IconButton } from './icon-button';
 
 type ContentProps = RadixDialog.DialogContentProps & {
   width?: string;
@@ -11,6 +12,8 @@ type ContentProps = RadixDialog.DialogContentProps & {
   height?: string;
   maxHeight?: string;
   minHeight?: string;
+  title?: React.ReactNode;
+  buttons?: React.ReactElement;
 };
 
 const preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (
@@ -29,6 +32,8 @@ function Content(props: ContentProps): React.ReactElement {
     maxHeight,
     height,
     minHeight,
+    title,
+    buttons,
     ...rest
   } = props;
 
@@ -50,14 +55,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>