@tipp/ui 1.0.13 → 1.0.14

package/dist/ui-props/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui-props/index.ts"],"sourcesContent":["import * as uiProps from '@radix-ui/themes/dist/cjs/props/index.js';\n\nexport { uiProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;","names":[]}
+{"version":3,"sources":["../../src/ui-props/index.ts"],"sourcesContent":["import * as uiProps from '@radix-ui/themes/dist/cjs/props/index.js';\r\n\r\nexport { uiProps };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;","names":[]}

package/dist/ui-props/index.d.mts

@@ -0,0 +1,2 @@
+import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
+export { index_js as uiProps };

package/dist/ui-props/index.js

@@ -1,6 +1,6 @@
 import {
   uiProps
-} from "../chunk-NVKNDAIN.js";
+} from "../chunk-PQ226JCJ.js";
 import "../chunk-N552FDTV.js";
 export {
   uiProps

package/dist/ui-props/index.mjs

@@ -0,0 +1,2 @@
+import"../chunk-LKA5HIFG.mjs";import*as o from"@radix-ui/themes/dist/cjs/props/index.js";export{o as uiProps};
+//# sourceMappingURL=index.mjs.map

package/dist/ui-props/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui-props/index.ts"],"sourcesContent":["import * as uiProps from \"@radix-ui/themes/dist/cjs/props/index.js\";\r\n\r\nexport { uiProps };\r\n"],"mappings":"8BAAA,UAAYA,MAAa","names":["uiProps"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": false,
   "type": "module",
   "exports": {
@@ -66,7 +66,8 @@
     "react": "^18.3.1",
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",
-    "react-resize-detector": "^11.0.1"
+    "react-resize-detector": "^11.0.1",
+    "react-toastify": "^10.0.5"
   },
   "devDependencies": {
     "@types/echarts": "^4.9.22",

package/src/atoms/alert-dialog.tsx

@@ -1 +1 @@
-export { AlertDialog } from '@radix-ui/themes';
+export { AlertDialog } from '@radix-ui/themes';

package/src/atoms/aspect-ratio.tsx

@@ -1 +1 @@
-export { AspectRatio } from '@radix-ui/themes';
+export { AspectRatio } from '@radix-ui/themes';

package/src/atoms/avatar.tsx

@@ -1,37 +1,37 @@
-import {
-  Avatar as RadixAvatar,
-  type AvatarProps as RadixAvatarProps,
-} from '@radix-ui/themes';
-import { useMemo, forwardRef } from 'react';
-
-export type AvatarProps = Omit<RadixAvatarProps, 'size'> & {
-  size?: 'small' | 'medium' | 'large' | 'full';
-};
-
-export const Avatar = forwardRef<HTMLImageElement, AvatarProps>(
-  (props: AvatarProps, ref): React.ReactNode => {
-    const { children, size, variant = 'soft', ...rest } = props;
-    const radixSize = useMemo<RadixAvatarProps['size']>(() => {
-      switch (size) {
-        case 'small':
-          return '1';
-        case 'medium':
-          return '2';
-        case 'large':
-          return '3';
-        case 'full':
-          return '4';
-        default:
-          return size;
-      }
-    }, [size]);
-
-    return (
-      <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>
-        {children}
-      </RadixAvatar>
-    );
-  }
-);
-
-Avatar.displayName = 'Avatar';
+import {
+  Avatar as RadixAvatar,
+  type AvatarProps as RadixAvatarProps,
+} from '@radix-ui/themes';
+import { useMemo, forwardRef } from 'react';
+
+export type AvatarProps = Omit<RadixAvatarProps, 'size'> & {
+  size?: 'small' | 'medium' | 'large' | 'full';
+};
+
+export const Avatar = forwardRef<HTMLImageElement, AvatarProps>(
+  (props: AvatarProps, ref): React.ReactNode => {
+    const { children, size, variant = 'soft', ...rest } = props;
+    const radixSize = useMemo<RadixAvatarProps['size']>(() => {
+      switch (size) {
+        case 'small':
+          return '1';
+        case 'medium':
+          return '2';
+        case 'large':
+          return '3';
+        case 'full':
+          return '4';
+        default:
+          return size;
+      }
+    }, [size]);
+
+    return (
+      <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>
+        {children}
+      </RadixAvatar>
+    );
+  }
+);
+
+Avatar.displayName = 'Avatar';

package/src/atoms/badge.tsx

@@ -1,47 +1,47 @@
-import {
-  Badge as RadixBadge,
-  type BadgeProps as RadixBadgeProps,
-} from '@radix-ui/themes';
-import { useMemo, forwardRef } from 'react';
-
-export type BadgeProps = Omit<RadixBadgeProps, 'color'> & {
-  size: 'small' | 'large';
-  color: 'error' | 'accent' | 'neutral' | 'success';
-};
-
-export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(
-  (props: BadgeProps, ref): React.ReactNode => {
-    const { size, color, ...rest } = props;
-
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case 'small':
-          return '1';
-        case 'large':
-          return '3';
-        default:
-          return '1';
-      }
-    }, [size]);
-
-    const radixColor = useMemo(() => {
-      switch (color) {
-        case 'error':
-          return 'red';
-        case 'neutral':
-          return 'gray';
-        case 'success':
-          return 'green';
-        case 'accent':
-        default:
-          return undefined;
-      }
-    }, [color]);
-
-    return (
-      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />
-    );
-  }
-);
-
-Badge.displayName = 'Badge';
+import {
+  Badge as RadixBadge,
+  type BadgeProps as RadixBadgeProps,
+} from '@radix-ui/themes';
+import { useMemo, forwardRef } from 'react';
+
+export type BadgeProps = Omit<RadixBadgeProps, 'color'> & {
+  size: 'small' | 'large';
+  color: 'error' | 'accent' | 'neutral' | 'success';
+};
+
+export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(
+  (props: BadgeProps, ref): React.ReactNode => {
+    const { size, color, ...rest } = props;
+
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case 'small':
+          return '1';
+        case 'large':
+          return '3';
+        default:
+          return '1';
+      }
+    }, [size]);
+
+    const radixColor = useMemo(() => {
+      switch (color) {
+        case 'error':
+          return 'red';
+        case 'neutral':
+          return 'gray';
+        case 'success':
+          return 'green';
+        case 'accent':
+        default:
+          return undefined;
+      }
+    }, [color]);
+
+    return (
+      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />
+    );
+  }
+);
+
+Badge.displayName = 'Badge';

package/src/atoms/blockquote.tsx

@@ -1 +1 @@
-export { Blockquote, type BlockquoteProps } from '@radix-ui/themes';
+export { Blockquote, type BlockquoteProps } from '@radix-ui/themes';

package/src/atoms/box.tsx

@@ -1 +1 @@
-export { Box, type BoxProps } from '@radix-ui/themes';
+export { Box, type BoxProps } from '@radix-ui/themes';

package/src/atoms/button.tsx

@@ -1,32 +1,32 @@
-import {
-  Button as RadixButton,
-  type ButtonProps as RadixButtonProps,
-} from '@radix-ui/themes';
-import React, { forwardRef, useMemo } from 'react';
-
-export type ButtonProps = Omit<RadixButtonProps, 'size'> & {
-  size?: 'small' | 'medium' | 'large';
-};
-
-export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  (props, ref): React.ReactNode => {
-    const { size, ...restProps } = props;
-
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case 'small':
-          return '1';
-        case 'medium':
-          return '2';
-        case 'large':
-          return '3';
-        default:
-          return '2';
-      }
-    }, [size]);
-
-    return <RadixButton {...restProps} ref={ref} size={radixSize} />;
-  }
-);
-
-Button.displayName = 'Button';
+import {
+  Button as RadixButton,
+  type ButtonProps as RadixButtonProps,
+} from '@radix-ui/themes';
+import React, { forwardRef, useMemo } from 'react';
+
+export type ButtonProps = Omit<RadixButtonProps, 'size'> & {
+  size?: 'small' | 'medium' | 'large';
+};
+
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  (props, ref): React.ReactNode => {
+    const { size, ...restProps } = props;
+
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case 'small':
+          return '1';
+        case 'medium':
+          return '2';
+        case 'large':
+          return '3';
+        default:
+          return '2';
+      }
+    }, [size]);
+
+    return <RadixButton {...restProps} ref={ref} size={radixSize} />;
+  }
+);
+
+Button.displayName = 'Button';

package/src/atoms/call-out.tsx

@@ -1 +1 @@
-export { Callout } from '@radix-ui/themes';
+export { Callout } from '@radix-ui/themes';

package/src/atoms/card.tsx

@@ -1 +1 @@
-export { Card, type CardProps } from '@radix-ui/themes';
+export { Card, type CardProps } from '@radix-ui/themes';

package/src/atoms/check-box-card.tsx

@@ -1 +1 @@
-export { CheckboxCards } from '@radix-ui/themes';
+export { CheckboxCards } from '@radix-ui/themes';

package/src/atoms/check-box-group.tsx

@@ -1,38 +1,38 @@
-import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';
-import React, { forwardRef, useMemo } from 'react';
-
-type RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<
-  typeof RadixCheckboxGroup.Root
->;
-type CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {
-  size: 'small' | 'medium' | 'large';
-};
-
-const Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {
-  const { children, size, ...rest } = props;
-
-  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {
-    switch (size) {
-      case 'small':
-        return '1';
-      case 'large':
-        return '3';
-      case 'medium':
-      default:
-        return '2';
-    }
-  }, [size]);
-
-  return (
-    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>
-      {children}
-    </RadixCheckboxGroup.Root>
-  );
-});
-
-Root.displayName = 'CheckboxGroup.Root';
-
-export const CheckboxGroup = {
-  Root,
-  Item: RadixCheckboxGroup.Item,
-};
+import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';
+import React, { forwardRef, useMemo } from 'react';
+
+type RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<
+  typeof RadixCheckboxGroup.Root
+>;
+type CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {
+  size: 'small' | 'medium' | 'large';
+};
+
+const Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {
+  const { children, size, ...rest } = props;
+
+  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {
+    switch (size) {
+      case 'small':
+        return '1';
+      case 'large':
+        return '3';
+      case 'medium':
+      default:
+        return '2';
+    }
+  }, [size]);
+
+  return (
+    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>
+      {children}
+    </RadixCheckboxGroup.Root>
+  );
+});
+
+Root.displayName = 'CheckboxGroup.Root';
+
+export const CheckboxGroup = {
+  Root,
+  Item: RadixCheckboxGroup.Item,
+};

package/src/atoms/check-box.tsx

@@ -1,30 +1,30 @@
-import {
-  Checkbox as RadixCheckbox,
-  type CheckboxProps as RadixCheckboxProps,
-} from '@radix-ui/themes';
-import { useMemo, forwardRef } from 'react';
-
-export type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {
-  size?: 'small' | 'medium' | 'large';
-};
-
-export const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(
-  (props, ref): React.ReactNode => {
-    const { size = 'medium', ...rest } = props;
-
-    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {
-      switch (size) {
-        case 'small':
-          return '1';
-        case 'medium':
-          return '2';
-        case 'large':
-          return '3';
-      }
-    }, [size]);
-
-    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;
-  }
-);
-
-Checkbox.displayName = 'Checkbox';
+import {
+  Checkbox as RadixCheckbox,
+  type CheckboxProps as RadixCheckboxProps,
+} from '@radix-ui/themes';
+import { useMemo, forwardRef } from 'react';
+
+export type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {
+  size?: 'small' | 'medium' | 'large';
+};
+
+export const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(
+  (props, ref): React.ReactNode => {
+    const { size = 'medium', ...rest } = props;
+
+    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {
+      switch (size) {
+        case 'small':
+          return '1';
+        case 'medium':
+          return '2';
+        case 'large':
+          return '3';
+      }
+    }, [size]);
+
+    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;
+  }
+);
+
+Checkbox.displayName = 'Checkbox';

package/src/atoms/code.tsx

@@ -1 +1 @@
-export { Code, type CodeProps } from '@radix-ui/themes';
+export { Code, type CodeProps } from '@radix-ui/themes';

package/src/atoms/collapse.tsx

@@ -1,32 +1,32 @@
-import React, { useEffect, useRef, useState } from 'react';
-
-export interface CollapseProps {
-  children: React.ReactNode;
-  open?: boolean;
-  defaultOpen?: boolean;
-}
-
-export function Collapse(props: CollapseProps): React.ReactNode {
-  const { children } = props;
-  const [open, setOpen] = useState(() => {
-    return props.open || props.defaultOpen || false;
-  });
-
-  useEffect(() => {
-    if (props.open === undefined) return;
-    setOpen(props.open);
-  }, [props.open]);
-
-  const ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!ref.current) return;
-    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : '0';
-  }, [open]);
-
-  return (
-    <div className="collapse" ref={ref}>
-      {children}
-    </div>
-  );
-}
+import React, { useEffect, useRef, useState } from 'react';
+
+export interface CollapseProps {
+  children: React.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+}
+
+export function Collapse(props: CollapseProps): React.ReactNode {
+  const { children } = props;
+  const [open, setOpen] = useState(() => {
+    return props.open || props.defaultOpen || false;
+  });
+
+  useEffect(() => {
+    if (props.open === undefined) return;
+    setOpen(props.open);
+  }, [props.open]);
+
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!ref.current) return;
+    ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : '0';
+  }, [open]);
+
+  return (
+    <div className="collapse" ref={ref}>
+      {children}
+    </div>
+  );
+}

package/src/atoms/container.tsx

@@ -1 +1 @@
-export { Container, type ContainerProps } from '@radix-ui/themes';
+export { Container, type ContainerProps } from '@radix-ui/themes';

package/src/atoms/data-list.tsx

@@ -1 +1 @@
-export { DataList } from '@radix-ui/themes';
+export { DataList } from '@radix-ui/themes';

package/src/atoms/date-picker/index.tsx

@@ -1,25 +1,25 @@
-import type { ElementRef } from 'react';
-import React, { forwardRef } from 'react';
-import type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
-import ReactDatePicker from 'react-datepicker';
-
-type DatePickerProps = ReactDatePickerProps;
-type DatePickerRef = ElementRef<typeof ReactDatePicker>;
-
-const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(
-  (props: DatePickerProps, ref): React.ReactNode => {
-    return (
-      <ReactDatePicker
-        {...props}
-        // calendarClassName="tipp_datepicker__calendar"
-        open
-        ref={ref}
-        wrapperClassName="tipp_datePicker"
-      />
-    );
-  }
-);
-
-DatePicker.displayName = 'DatePicker';
-
-export { DatePicker, type DatePickerProps };
+import type { ElementRef } from 'react';
+import React, { forwardRef } from 'react';
+import type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
+import ReactDatePicker from 'react-datepicker';
+
+type DatePickerProps = ReactDatePickerProps;
+type DatePickerRef = ElementRef<typeof ReactDatePicker>;
+
+const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(
+  (props: DatePickerProps, ref): React.ReactNode => {
+    return (
+      <ReactDatePicker
+        {...props}
+        // calendarClassName="tipp_datepicker__calendar"
+        open
+        ref={ref}
+        wrapperClassName="tipp_datePicker"
+      />
+    );
+  }
+);
+
+DatePicker.displayName = 'DatePicker';
+
+export { DatePicker, type DatePickerProps };

package/src/atoms/dialog.tsx

@@ -1 +1 @@
-export { Dialog } from '@radix-ui/themes';
+export { Dialog } from '@radix-ui/themes';