@tipp/ui 1.0.52 → 1.0.54

package/dist/molecules/navigation.js

@@ -1,34 +1,43 @@
 import {
   Navigation
-} from "../chunk-RKLEKAON.js";
+} from "../chunk-7A7J457W.js";
 import "../chunk-2ANGYYEV.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-HYITAA4J.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-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.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-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
-import "../chunk-FR2GDOU2.js";
+import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-XQOZWYUA.js";
-import "../chunk-FQYPUIFX.js";
+import "../chunk-HXJPG3ZO.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
-import "../chunk-6DJOIRMF.js";
+import "../chunk-4IKPNQV5.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-2DZ2Y3JI.js";
+import "../chunk-CNQ7RNNY.js";
+import "../chunk-O3XTRD7R.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HLOY6BIP.js";
 import "../chunk-O3T3TM3V.js";
-import "../chunk-XQOL7UBI.js";
+import "../chunk-JEHDCZQU.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-KGLIAFTI.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
 import "../chunk-P6B2PNYI.js";
@@ -37,27 +46,18 @@ import "../chunk-BVBX6IJ3.js";
 import "../chunk-NJ2U2TVS.js";
 import "../chunk-O3DNDMV3.js";
 import "../chunk-4WFMOFN2.js";
-import "../chunk-4IKPNQV5.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-CHHLIPDN.js";
-import "../chunk-25HMMI7R.js";
-import "../chunk-O3XTRD7R.js";
+import "../chunk-5JJ3GWKF.js";
+import "../chunk-YGL6SWKN.js";
+import "../chunk-4Y5BEXVN.js";
 import "../chunk-AQX7DQLI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
 import "../chunk-IQEEPHOY.js";
-import "../chunk-JEHDCZQU.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-KGLIAFTI.js";
 import "../chunk-TSVWEPRP.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-CZEGRZBK.js";
-import "../chunk-ALOPZ54P.js";
-import "../chunk-YGL6SWKN.js";
-import "../chunk-4Y5BEXVN.js";
 import "../chunk-N552FDTV.js";
 export {
   Navigation

package/dist/theme/theme-provider.d.cts

@@ -0,0 +1,10 @@
+import react__default from 'react';
+import { Theme } from '@radix-ui/themes';
+
+type ThemeProps = react__default.ComponentProps<typeof Theme>;
+interface ThemeProviderProps extends ThemeProps {
+    children: react__default.ReactNode;
+}
+declare function ThemeProvider(props: ThemeProviderProps): react__default.ReactElement;
+
+export { ThemeProvider };

package/dist/theme/theme-provider.d.ts

@@ -0,0 +1,10 @@
+import react__default from 'react';
+import { Theme } from '@radix-ui/themes';
+
+type ThemeProps = react__default.ComponentProps<typeof Theme>;
+interface ThemeProviderProps extends ThemeProps {
+    children: react__default.ReactNode;
+}
+declare function ThemeProvider(props: ThemeProviderProps): react__default.ReactElement;
+
+export { ThemeProvider };

package/dist/theme/use-theme.d.cts

@@ -0,0 +1 @@
+export { useThemeContext } from '@radix-ui/themes';

package/dist/theme/use-theme.d.ts

@@ -0,0 +1 @@
+export { useThemeContext } from '@radix-ui/themes';

package/dist/types/react-table.d.d.cts

@@ -0,0 +1,19 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정, default값은 left */
+    align?: 'left' | 'right' | 'center';
+  }
+}

package/dist/types/react-table.d.d.ts

@@ -0,0 +1,19 @@
+declare module '@tanstack/react-table' {
+  type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+  }) => React.ReactNode;
+
+  /** OpenBtn을 전달한 경우 open과 setIsOpen 상태 관리 props를 전달해 렌더함 */
+
+  interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정, default값은 left */
+    align?: 'left' | 'right' | 'center';
+  }
+}

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

@@ -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.d.ts

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

package/dist/utils/get-cell-align.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/get-cell-align.ts"],"sourcesContent":["import type { ColumnMeta } from '@tanstack/react-table';\n\nexport type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/get-cell-align.ts"],"sourcesContent":["export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = 'left' | 'center' | 'right';\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/utils/get-cell-align.d.cts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.d.ts

@@ -0,0 +1,9 @@
+import { ColumnMeta } from '@tanstack/react-table';
+
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
+type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+declare const getCellAlign: (arg: {
+    dataType: CellDataType;
+}) => CellAlign;
+
+export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.js

@@ -1,6 +1,6 @@
 import {
   getCellAlign
-} from "../chunk-T6KADTJZ.js";
+} from "../chunk-A7CXRZIO.js";
 import "../chunk-N552FDTV.js";
 export {
   getCellAlign

package/dist/utils/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts"],"sourcesContent":["export * from './get-cell-align';\n","import type { ColumnMeta } from '@tanstack/react-table';\n\nexport type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACKO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts"],"sourcesContent":["export * from './get-cell-align';\n","export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = 'left' | 'center' | 'right';\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/utils/index.d.cts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
+import '@tanstack/react-table';

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
+import '@tanstack/react-table';

package/dist/utils/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PL37KFRJ.js";
 import {
   getCellAlign
-} from "../chunk-T6KADTJZ.js";
+} from "../chunk-A7CXRZIO.js";
 import "../chunk-N552FDTV.js";
 export {
   getCellAlign

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -53,8 +53,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/eslint-config": "0.2.3",
-    "@tipp/typescript-config": "0.0.4"
+    "@tipp/typescript-config": "0.0.4",
+    "@tipp/eslint-config": "0.2.3"
   },
   "scripts": {
     "build": "pnpm run build:js & pnpm run build:css",

package/src/atoms/badge.tsx

@@ -5,13 +5,13 @@ import {
 import { useMemo, forwardRef } from 'react';
 
 export type BadgeProps = Omit<RadixBadgeProps, 'color'> & {
-  size: 'small' | 'large';
-  color: 'error' | 'accent' | 'neutral' | 'success';
+  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 { size = 'small', color = 'accent', ...rest } = props;
 
     const radixSize = useMemo(() => {
       switch (size) {

package/src/utils/get-cell-align.ts

@@ -1,7 +1,5 @@
-import type { ColumnMeta } from '@tanstack/react-table';
-
 export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
-export type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
+export type CellAlign = 'left' | 'center' | 'right';
 
 export const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {
   const { dataType } = arg;