@tipp/ui 2.5.0 → 2.7.0

package/src/theme/theme-provider.tsx

@@ -1,12 +1,47 @@
-import React from 'react';
+import React, { createContext } from 'react';
 import { Theme } from '@radix-ui/themes';
+import { clsx } from 'clsx';
+import { resolveColor, type UiColor } from '../utils/resolve-color';
 
 type ThemeProps = React.ComponentProps<typeof Theme>;
 
-export interface ThemeProviderProps extends ThemeProps {
+/**
+ * 테마 전역 primary가 custom color(black 등)일 때 그 값을 하위로 전달하는 context.
+ * Radix는 Portal 컨텐츠(Select 드롭다운 등)에 theme의 accentColor "값"(여기선 fallback gray)만
+ * 복제하고 `.tipp-accent-black` className은 복제하지 않으므로, Portal 안에서는 accent override가
+ * 사라진다. 래핑된 overlay 컴포넌트(Select 등)가 이 context를 최하위 fallback color로 읽어
+ * 자기 요소에 className을 직접 부여하면 Portal 내부에서도 black이 유지된다.
+ * (custom accent가 아닐 때는 undefined — Radix 네이티브 portal 상속에 맡긴다.)
+ */
+export const ThemeAccentContext = createContext<UiColor | undefined>(undefined);
+
+export interface ThemeProviderProps extends Omit<ThemeProps, 'accentColor'> {
   children: React.ReactNode;
+  /**
+   * 전역 primary(accent) color. Radix accent color에 더해 커스텀 `black`을 지원한다.
+   * black이면 Radix에는 fallback `gray`를 넘기고 Theme 루트에 accent override
+   * className을 부여하여 하위 컴포넌트가 color prop 없이도 black을 상속한다.
+   */
+  accentColor?: ThemeProps['accentColor'] | 'black';
 }
 
 export function ThemeProvider(props: ThemeProviderProps): React.ReactNode {
-  return <Theme accentColor="iris" radius="medium" {...props} />;
+  const { accentColor = 'iris', className, ...rest } = props;
+
+  const { color: radixAccent, className: accentClassName } =
+    resolveColor(accentColor);
+
+  // custom accent(className이 생기는 경우 = black)일 때만 Portal 보정용으로 context에 흘린다.
+  const themeAccent = accentClassName ? accentColor : undefined;
+
+  return (
+    <ThemeAccentContext.Provider value={themeAccent}>
+      <Theme
+        accentColor={radixAccent ?? 'iris'}
+        className={clsx(accentClassName, className)}
+        radius="medium"
+        {...rest}
+      />
+    </ThemeAccentContext.Provider>
+  );
 }

package/src/utils/index.ts

@@ -3,4 +3,5 @@ export * from './get-column-meta';
 export * from './scroll-to';
 export * from './get-time-options';
 export * from './get-callout-icon-component';
-export * from './get-dynamic-form-display-value';
+export * from './get-dynamic-form-display-value';
+export * from './resolve-color';

package/src/utils/resolve-color.ts

@@ -0,0 +1,86 @@
+import type { BadgeProps as RadixBadgeProps } from '@radix-ui/themes';
+
+/**
+ * Radix Themes가 제공하는 accent color union (gray, red, blue, ...).
+ * 모든 color 지원 컴포넌트가 동일한 union을 공유하므로 Badge에서 파생한다.
+ */
+export type RadixColor = NonNullable<RadixBadgeProps['color']>;
+
+/** TIPP 시맨틱 color 별칭. */
+export type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';
+
+/**
+ * Radix accent에 대응이 없어 CSS accent override로 처리하는 커스텀 color.
+ * (예: black — `style/black.scss`의 `.tipp-accent-black` 참고)
+ */
+export type CustomColor = 'black';
+
+/** color 지원 컴포넌트가 노출하는 통합 color 타입. */
+export type UiColor = RadixColor | SemanticColor | CustomColor;
+
+/**
+ * union 각 멤버에 분배되는 Omit.
+ * Radix의 polymorphic 컴포넌트 props(Text/Heading/Link 등 `as`로 분기되는 union)에서
+ * 키를 제거할 때 일반 Omit은 union을 단일 객체로 합쳐 `as` 분기를 무너뜨리므로 이 타입을 쓴다.
+ */
+export type DistributiveOmit<T, K extends PropertyKey> = T extends unknown
+  ? Omit<T, K>
+  : never;
+
+const SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {
+  error: 'red',
+  neutral: 'gray',
+  success: 'green',
+  accent: undefined,
+};
+
+interface CustomColorConfig {
+  /**
+   * accent override를 적용할 className.
+   */
+  className: string;
+  /**
+   * Radix에 넘길 fallback color.
+   * Text/Heading/Link 등은 `color` prop이 있어야 `data-accent-color`가 붙어
+   * `--accent-*`를 참조하므로, 유효한 Radix color를 함께 넘긴 뒤 className으로
+   * `--accent-*`를 덮어쓴다. (Badge/Button은 prop 없이도 accent 기반이라 무해)
+   */
+  fallbackColor: RadixColor;
+}
+
+const CUSTOM_COLOR_MAP: Record<CustomColor, CustomColorConfig> = {
+  black: { className: 'tipp-accent-black', fallbackColor: 'gray' },
+};
+
+const isSemanticColor = (color?: UiColor): color is SemanticColor =>
+  color !== undefined && color in SEMANTIC_COLOR_MAP;
+
+const isCustomColor = (color?: UiColor): color is CustomColor =>
+  color !== undefined && color in CUSTOM_COLOR_MAP;
+
+export interface ResolvedColor {
+  /** Radix 컴포넌트의 `color` prop에 그대로 전달할 값. custom color면 undefined. */
+  color?: RadixColor;
+  /** accent override를 적용하기 위해 요소에 붙일 className. */
+  className?: string;
+}
+
+/**
+ * 통합 color 입력을 Radix color prop과 className으로 정규화한다.
+ *
+ * - custom color(black 등): Radix color는 비우고 accent override className을 반환
+ * - semantic color(error/neutral/success/accent): 대응 Radix color로 변환
+ * - Radix color: 그대로 pass-through
+ */
+export const resolveColor = (color?: UiColor): ResolvedColor => {
+  if (isCustomColor(color)) {
+    const { className, fallbackColor } = CUSTOM_COLOR_MAP[color];
+    return { color: fallbackColor, className };
+  }
+
+  if (isSemanticColor(color)) {
+    return { color: SEMANTIC_COLOR_MAP[color] };
+  }
+
+  return { color };
+};

package/dist/chunk-365QMK4D.js

@@ -1,7 +0,0 @@
-// src/atoms/progress.tsx
-import { Progress } from "@radix-ui/themes";
-
-export {
-  Progress
-};
-//# sourceMappingURL=chunk-365QMK4D.js.map

package/dist/chunk-365QMK4D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/progress.tsx"],"sourcesContent":["export { Progress, type ProgressProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,gBAAoC;","names":[]}

package/dist/chunk-3NUQAVE6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useCallback, useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const onOpenChange = useCallback(\n    (e: boolean) => {\n      if (isMobile) return;\n      setOpen(e);\n    },\n    [isMobile]\n  );\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen((p) => !p);\n    },\n    [isMobile]\n  );\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={onOpenChange}\n      open={open}\n      {...props}\n    >\n      <Box asChild onClick={onClick}>\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA,WAAW;AAAA,OAEN;AACP,SAAS,aAAa,gBAAgB;AAkChC;AA/BC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAYE,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,eAAe;AAAA,IACnB,CAAC,MAAe;AACd,UAAI,SAAU;AACd,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IACnB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD;AAAA,MACA;AAAA,OACI,QAJL;AAAA,MAMC,8BAAC,OAAI,SAAO,MAAC,SACV,UACH;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/chunk-5AVBYDPB.js

@@ -1,7 +0,0 @@
-// src/atoms/popover.tsx
-import { Popover } from "@radix-ui/themes";
-
-export {
-  Popover
-};
-//# sourceMappingURL=chunk-5AVBYDPB.js.map

package/dist/chunk-5AVBYDPB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/popover.tsx"],"sourcesContent":["export { Popover } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,eAAe;","names":[]}

package/dist/chunk-5ZITU5L7.js

@@ -1,7 +0,0 @@
-// src/atoms/tabs.tsx
-import { Tabs } from "@radix-ui/themes";
-
-export {
-  Tabs
-};
-//# sourceMappingURL=chunk-5ZITU5L7.js.map

package/dist/chunk-5ZITU5L7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tabs.tsx"],"sourcesContent":["export { Tabs } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,YAAY;","names":[]}

package/dist/chunk-6DJOIRMF.js

@@ -1,7 +0,0 @@
-// src/atoms/radio-group.tsx
-import { RadioGroup } from "@radix-ui/themes";
-
-export {
-  RadioGroup
-};
-//# sourceMappingURL=chunk-6DJOIRMF.js.map

package/dist/chunk-6DJOIRMF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/radio-group.tsx"],"sourcesContent":["export { RadioGroup } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,kBAAkB;","names":[]}

package/dist/chunk-6IVCARWS.js

@@ -1,7 +0,0 @@
-// src/atoms/radio-cards.tsx
-import { RadioCards } from "@radix-ui/themes";
-
-export {
-  RadioCards
-};
-//# sourceMappingURL=chunk-6IVCARWS.js.map

package/dist/chunk-6IVCARWS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/radio-cards.tsx"],"sourcesContent":["export { RadioCards } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,kBAAkB;","names":[]}

package/dist/chunk-7FKRQQYK.js

@@ -1,15 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/theme/theme-provider.tsx
-import { Theme } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
-function ThemeProvider(props) {
-  return /* @__PURE__ */ jsx(Theme, __spreadValues({ accentColor: "iris", radius: "medium" }, props));
-}
-
-export {
-  ThemeProvider
-};
-//# sourceMappingURL=chunk-7FKRQQYK.js.map

package/dist/chunk-7FKRQQYK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme/theme-provider.tsx"],"sourcesContent":["import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\nexport interface ThemeProviderProps extends ThemeProps {\n  children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  return <Theme accentColor=\"iris\" radius=\"medium\" {...props} />;\n}\n"],"mappings":";;;;;AACA,SAAS,aAAa;AASb;AADF,SAAS,cAAc,OAA4C;AACxE,SAAO,oBAAC,wBAAM,aAAY,QAAO,QAAO,YAAa,MAAO;AAC9D;","names":[]}

package/dist/chunk-B6XJN6EC.js

@@ -1,7 +0,0 @@
-// src/atoms/call-out.tsx
-import { Callout } from "@radix-ui/themes";
-
-export {
-  Callout
-};
-//# sourceMappingURL=chunk-B6XJN6EC.js.map

package/dist/chunk-B6XJN6EC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/call-out.tsx"],"sourcesContent":["export { Callout } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,eAAe;","names":[]}

package/dist/chunk-BESTU2AY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/heading.tsx"],"sourcesContent":["import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AAEP,SAAS,eAAe;AAGxB,SAAoB,eAAoB;AA2CpC;AA9BJ,IAAM,aAAa,CAAC,YAAsD;AACxE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAASA,SAAQ,OAAsC;AAC5D,QAA6C,YAArC,QAAM,UAAU,QAvC1B,IAuC+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,YAAY,QAAmC,MAAM;AACzD,WAAO,UACH,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC,IACD;AAAA,EAEN,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,oBAAC,+CAAiB,OAAjB,EAAuB,MAAM,WAC3B,WACH;AAEJ;","names":["Heading"]}

package/dist/chunk-CSKNBWPB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/radio-button-card.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useState,\n  Fragment,\n} from 'react';\nimport { RadioCards } from '@/atoms/radio-cards';\nimport { Flex } from '@/atoms/flex';\nimport { Radio } from '@/atoms/radio';\nimport type { FlexProps } from '@/atoms/flex';\n\ntype RadioButtonCardRootProps = RadioCards.RootProps & {\n  justify?: FlexProps['justify'];\n  RadioWrapper?: React.FC;\n};\nconst RadioCardContext = createContext<RadioButtonCardRootProps>({});\n\nfunction Root(props: RadioCards.RootProps): React.ReactNode {\n  const [value, setValue] = useState(props.value || props.defaultValue);\n\n  const onValueChange = useCallback(\n    (v: string) => {\n      setValue(v);\n      props.onValueChange?.(v);\n    },\n    [props]\n  );\n\n  return (\n    <RadioCardContext.Provider value={{ ...props, value }}>\n      <RadioCards.Root {...props} onValueChange={onValueChange} />\n    </RadioCardContext.Provider>\n  );\n}\n\ntype RadioButtonCardItemProps = RadioCards.ItemProps;\nfunction Item({\n  children,\n  ...itemRest\n}: RadioCards.ItemProps): React.ReactNode {\n  const {\n    value,\n    justify,\n    RadioWrapper = Fragment,\n    ...rootRest\n  } = useContext(RadioCardContext);\n\n  return (\n    <RadioCards.Item {...itemRest}>\n      <Flex align=\"center\" justify={justify || 'between'} width=\"100%\">\n        {children}\n        <RadioWrapper>\n          <Radio\n            checked={itemRest.value === value}\n            disabled={rootRest.disabled}\n            value={itemRest.value}\n          />\n        </RadioWrapper>\n      </Flex>\n    </RadioCards.Item>\n  );\n}\n\nexport const RadioButtonCard = {\n  Root,\n  Item,\n};\n\nexport type { RadioButtonCardItemProps, RadioButtonCardRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAyBD,cAmBA,YAnBA;AAfN,IAAM,mBAAmB,cAAwC,CAAC,CAAC;AAEnE,SAAS,KAAK,OAA8C;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,SAAS,MAAM,YAAY;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc;AAtBnB;AAuBM,eAAS,CAAC;AACV,kBAAM,kBAAN,+BAAsB;AAAA,IACxB;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,iCAAK,QAAL,EAAY,MAAM,IAClD,8BAAC,WAAW,MAAX,iCAAoB,QAApB,EAA2B,gBAA8B,GAC5D;AAEJ;AAGA,SAAS,KAAK,IAG4B;AAH5B,eACZ;AAAA;AAAA,EAtCF,IAqCc,IAET,qBAFS,IAET;AAAA,IADH;AAAA;AAGA,QAKIA,MAAA,WAAW,gBAAgB,GAJ7B;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EA5CnB,IA8CMA,KADC,qBACDA,KADC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oBAAC,WAAW,MAAX,iCAAoB,WAApB,EACC,+BAAC,QAAK,OAAM,UAAS,SAAS,WAAW,WAAW,OAAM,QACvD;AAAA;AAAA,IACD,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,SAAS,UAAU;AAAA,QAC5B,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA;AAAA,IAClB,GACF;AAAA,KACF,IACF;AAEJ;AAEO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AACF;","names":["_a"]}

package/dist/chunk-DHZVOXFM.js

@@ -1,35 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/atoms/link.tsx
-import {
-  Link as RadixLink
-} from "@radix-ui/themes";
-import { useMemo } from "react";
-import { Heading } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
-function Link(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
-  const radixSize = useMemo(() => {
-    switch (variant) {
-      case "caption":
-        return "1";
-      case "body":
-        return "2";
-      case "subtitle":
-        return "3";
-      default:
-        return size;
-    }
-  }, [size, variant]);
-  return /* @__PURE__ */ jsx(RadixLink, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
-}
-
-export {
-  Link,
-  Heading
-};
-//# sourceMappingURL=chunk-DHZVOXFM.js.map

package/dist/chunk-DHZVOXFM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/link.tsx"],"sourcesContent":["import {\n  Link as RadixLink,\n  type LinkProps as RadixLinkProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type LinkProps = RadixLinkProps & {\n  variant?: 'caption' | 'body' | 'subtitle';\n};\n\nexport function Link(props: LinkProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixLinkProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'body':\n        return '2';\n      case 'subtitle':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixLink {...rest} size={radixSize}>\n      {children}\n    </RadixLink>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,QAAQ;AAAA,OAEH;AACP,SAAS,eAAe;AAExB,SAAoB,eAAoB;AAsBpC;AAhBG,SAAS,KAAK,OAAmC;AACtD,QAA6C,YAArC,QAAM,UAAU,QAb1B,IAa+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,YAAY,QAAgC,MAAM;AACtD,YAAQ,SAAS;AAAA,MACf,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,oBAAC,4CAAc,OAAd,EAAoB,MAAM,WACxB,WACH;AAEJ;","names":[]}

package/dist/chunk-FPD73OHW.js

@@ -1,7 +0,0 @@
-// src/atoms/radio.tsx
-import { Radio } from "@radix-ui/themes";
-
-export {
-  Radio
-};
-//# sourceMappingURL=chunk-FPD73OHW.js.map

package/dist/chunk-FPD73OHW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/radio.tsx"],"sourcesContent":["export { Radio, type RadioProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,aAA8B;","names":[]}

package/dist/chunk-HFVVQEOZ.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-HFVVQEOZ.js.map

package/dist/chunk-HQATHJBN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/pagination.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n} from '../icon';\nimport type { IconButtonProps } from './icon-button';\nimport { IconButton } from './icon-button';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface PaginationProps {\n  /** 현재 선택된 페이지, 1부터 시작. 지정 시 controlled 모드로 동작한다. */\n  page?: number;\n  /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\n  defaultPage?: number;\n  /** 선택한 페이지 변경 이벤트 cb */\n  onChange?: (page: number) => void;\n  /** 전체 페이지의 수 */\n  count?: number;\n  /** 표시할 페이지 버튼의 개수 */\n  siblingCount?: number;\n}\n\nexport function Pagination(props: PaginationProps): React.ReactNode {\n  const { onChange, count = 0, siblingCount = 2 } = props;\n\n  const isControlled = props.page !== undefined;\n  const [internalPage, setInternalPage] = useState(props.defaultPage || 1);\n  const page = isControlled ? (props.page as number) : internalPage;\n\n  const goToPage = useCallback(\n    (next: number) => {\n      if (!isControlled) {\n        setInternalPage(next);\n      }\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const visibleItems = useMemo(() => {\n    let start = Math.max(1, page - siblingCount);\n    let end = Math.min(count, page + siblingCount);\n    if (page - siblingCount <= 0 && end < count) {\n      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\n    } else if (page + siblingCount > count && start > 1) {\n      start = Math.max(1, start - (page + siblingCount - count));\n    }\n\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n  }, [count, page, siblingCount]);\n\n  const prev = useMemo<number | undefined>(() => {\n    const p = page - 1;\n    return p < 1 ? undefined : p;\n  }, [page]);\n\n  const next = useMemo<number | undefined>(() => {\n    const n = page + 1;\n    return n > count ? undefined : n;\n  }, [count, page]);\n\n  const onClickPrev = useCallback(() => {\n    if (prev) goToPage(prev);\n  }, [prev, goToPage]);\n\n  const onClickNext = useCallback(() => {\n    if (next) goToPage(next);\n  }, [next, goToPage]);\n\n  const doublePrev = useMemo<number | undefined>(() => {\n    if (!visibleItems.length) return;\n    return Math.max(0, visibleItems[0] - 1);\n  }, [visibleItems]);\n\n  const onClickDoublePrev = useCallback(() => {\n    if (doublePrev) goToPage(doublePrev);\n  }, [doublePrev, goToPage]);\n\n  const doubleNext = useMemo<number | undefined>(() => {\n    if (!visibleItems.length) return;\n    const n = visibleItems[visibleItems.length - 1] + 1;\n    if (n > count) return;\n    return Math.min(count, n);\n  }, [count, visibleItems]);\n\n  const onClickDoubleNext = useCallback(() => {\n    if (doubleNext) goToPage(doubleNext);\n  }, [doubleNext, goToPage]);\n\n  const iconSize = {\n    height: 24,\n    width: 24,\n  };\n\n  const moveButtonProps: IconButtonProps = {\n    variant: 'ghost',\n    size: 'large',\n    style: { borderRadius: '50%' },\n  };\n\n  return (\n    <Flex align=\"center\" className=\"tipp-pagination\">\n      <IconButton\n        disabled={!doublePrev}\n        onClick={onClickDoublePrev}\n        {...moveButtonProps}\n      >\n        <DoubleArrowLeftIcon {...iconSize} />\n      </IconButton>\n      <IconButton disabled={!prev} onClick={onClickPrev} {...moveButtonProps}>\n        <ChevronLeftIcon {...iconSize} />\n      </IconButton>\n      <Flex gap=\"1\">\n        {visibleItems.map((item) => {\n          return (\n            <button\n              className={`page-button ${item === page ? 'active' : ''}`}\n              key={item}\n              onClick={() => {\n                goToPage(item);\n              }}\n              type=\"button\"\n            >\n              <Typo variant=\"body\">{item}</Typo>\n            </button>\n          );\n        })}\n      </Flex>\n      <IconButton disabled={!next} onClick={onClickNext} {...moveButtonProps}>\n        <ChevronRightIcon {...iconSize} />\n      </IconButton>\n      <IconButton\n        disabled={!doubleNext}\n        onClick={onClickDoubleNext}\n        {...moveButtonProps}\n      >\n        <DoubleArrowRightIcon {...iconSize} />\n      </IconButton>\n    </Flex>\n  );\n}\n"],"mappings":"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","names":["next"]}

package/dist/chunk-J242TTFH.js

@@ -1,7 +0,0 @@
-// src/atoms/alert-dialog.tsx
-import { AlertDialog } from "@radix-ui/themes";
-
-export {
-  AlertDialog
-};
-//# sourceMappingURL=chunk-J242TTFH.js.map

package/dist/chunk-J242TTFH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/alert-dialog.tsx"],"sourcesContent":["export { AlertDialog } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,mBAAmB;","names":[]}

package/dist/chunk-K36TPMKL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/avatar.tsx"],"sourcesContent":["import {\n  Avatar as RadixAvatar,\n  type AvatarProps as RadixAvatarProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo, forwardRef, useCallback } from 'react';\n\ntype Size = 'small' | 'medium' | 'large' | 'full';\ntype OriginalSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nexport type AvatarProps = Omit<RadixAvatarProps, 'size'> & {\n  size?: Responsive<Size>;\n};\n\nexport const Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n  (props: AvatarProps, ref): React.ReactNode => {\n    const { children, size, variant = 'soft', ...rest } = props;\n    const getOriginalSize = useCallback((value?: Size): OriginalSize => {\n      switch (value) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        case 'full':\n          return '4';\n        default:\n          return '3';\n      }\n    }, []);\n\n    const radixSize = useMemo<RadixAvatarProps['size']>(() => {\n      if (typeof size === 'string') {\n        return getOriginalSize(size);\n      }\n\n      if (typeof size === 'object') {\n        const map: RadixAvatarProps['size'] = {};\n        let key: keyof typeof size;\n        for (key in size) {\n          map[key] = size[key] && getOriginalSize(size[key]);\n        }\n        return map;\n      }\n    }, [getOriginalSize, size]);\n\n    return (\n      <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>\n        {children}\n      </RadixAvatar>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,UAAU;AAAA,OAEL;AAEP,SAAS,SAAS,YAAY,mBAAmB;AA2C3C;AAlCC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAoB,QAAyB;AAC5C,UAAsD,YAA9C,YAAU,MAAM,UAAU,OAhBtC,IAgB0D,IAAT,iBAAS,IAAT,CAArC,YAAU,QAAM;AACxB,UAAM,kBAAkB,YAAY,CAAC,UAA+B;AAClE,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,UAAM,YAAY,QAAkC,MAAM;AACxD,UAAI,OAAO,SAAS,UAAU;AAC5B,eAAO,gBAAgB,IAAI;AAAA,MAC7B;AAEA,UAAI,OAAO,SAAS,UAAU;AAC5B,cAAM,MAAgC,CAAC;AACvC,YAAI;AACJ,aAAK,OAAO,MAAM;AAChB,cAAI,GAAG,IAAI,KAAK,GAAG,KAAK,gBAAgB,KAAK,GAAG,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,MACT;AAAA,IACF,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,WACE,oBAAC,8CAAgB,OAAhB,EAAsB,KAAU,MAAM,WAAW,SAC/C,WACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-KTSEZC6A.js

@@ -1,49 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/atoms/badge.tsx
-import {
-  Badge as RadixBadge
-} from "@radix-ui/themes";
-import { useMemo, forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var SEMANTIC_COLOR_MAP = {
-  error: "red",
-  neutral: "gray",
-  success: "green",
-  accent: void 0
-};
-var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
-var Badge = forwardRef(
-  (props, ref) => {
-    const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case "small":
-          return "1";
-        case "medium":
-          return "2";
-        case "large":
-          return "3";
-        default:
-          return "1";
-      }
-    }, [size]);
-    const radixColor = useMemo(() => {
-      if (isSemanticColor(color)) {
-        return SEMANTIC_COLOR_MAP[color];
-      }
-      return color;
-    }, [color]);
-    return /* @__PURE__ */ jsx(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
-  }
-);
-Badge.displayName = "Badge";
-
-export {
-  Badge
-};
-//# sourceMappingURL=chunk-KTSEZC6A.js.map

package/dist/chunk-KTSEZC6A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/badge.tsx"],"sourcesContent":["import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\ntype SemanticColor = 'error' | 'accent' | 'neutral' | 'success';\ntype RadixColor = NonNullable<RadixBadgeProps['color']>;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {\n  error: 'red',\n  neutral: 'gray',\n  success: 'green',\n  accent: undefined,\n};\n\nconst isSemanticColor = (color: BadgeProps['color']): color is SemanticColor =>\n  color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: SemanticColor | RadixColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      if (isSemanticColor(color)) {\n        return SEMANTIC_COLOR_MAP[color];\n      }\n      return color;\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,SAAS,kBAAkB;AA6C9B;AAxCN,IAAM,qBAAoE;AAAA,EACxE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,kBAAkB,CAAC,UACvB,UAAU,UAAa,SAAS;AAO3B,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SA1BpC,IA0B0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,aAAa,QAAQ,MAAM;AAC/B,UAAI,gBAAgB,KAAK,GAAG;AAC1B,eAAO,mBAAmB,KAAK;AAAA,MACjC;AACA,aAAO;AAAA,IACT,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,oBAAC,6CAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/chunk-MIMJ7LON.js

@@ -1,7 +0,0 @@
-// src/atoms/check-box-card.tsx
-import { CheckboxCards } from "@radix-ui/themes";
-
-export {
-  CheckboxCards
-};
-//# sourceMappingURL=chunk-MIMJ7LON.js.map

package/dist/chunk-MIMJ7LON.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/check-box-card.tsx"],"sourcesContent":["export { CheckboxCards } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,qBAAqB;","names":[]}

package/dist/chunk-O3T3TM3V.js

@@ -1,7 +0,0 @@
-// src/atoms/hover-card.tsx
-import { HoverCard } from "@radix-ui/themes";
-
-export {
-  HoverCard
-};
-//# sourceMappingURL=chunk-O3T3TM3V.js.map

package/dist/chunk-O3T3TM3V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/hover-card.tsx"],"sourcesContent":["export { HoverCard } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,iBAAiB;","names":[]}

package/dist/chunk-OHMOP5PV.js

@@ -1,7 +0,0 @@
-// src/atoms/code.tsx
-import { Code } from "@radix-ui/themes";
-
-export {
-  Code
-};
-//# sourceMappingURL=chunk-OHMOP5PV.js.map

package/dist/chunk-OHMOP5PV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/code.tsx"],"sourcesContent":["export { Code, type CodeProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,YAA4B;","names":[]}

package/dist/chunk-OYM4XCHQ.js

@@ -1,7 +0,0 @@
-// src/atoms/switch.tsx
-import { Switch } from "@radix-ui/themes";
-
-export {
-  Switch
-};
-//# sourceMappingURL=chunk-OYM4XCHQ.js.map

package/dist/chunk-OYM4XCHQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/switch.tsx"],"sourcesContent":["export { Switch, type SwitchProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,cAAgC;","names":[]}

package/dist/chunk-PMJIFLDT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/typo.tsx"],"sourcesContent":["import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;AAEA,SAAS,QAAQ,iBAAiB;AAClC,SAAgB,SAAS,kBAAkB;AAiCrC;AA1BC,IAAM,OAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAZ3B,IAYiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,YAAY,QAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,oBAAC,4CAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/chunk-SMLC2O3V.js

@@ -1,42 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/atoms/dropdown-menu.tsx
-import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var Content = forwardRef((props, ref) => {
-  const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
-  const contentClassName = useMemo(() => {
-    const cls = isNavigation ? "dropdown-navigation" : "";
-    return [cls, className].join(" ");
-  }, [isNavigation, className]);
-  return /* @__PURE__ */ jsx(
-    RadixDropdownMenu.Content,
-    __spreadProps(__spreadValues({
-      ref
-    }, rest), {
-      className: contentClassName
-    })
-  );
-});
-Content.displayName = "DropdownMenu.Content";
-var Trigger = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { asChild: _asChild } = _b, props = __objRest(_b, ["asChild"]);
-    return /* @__PURE__ */ jsx(RadixDropdownMenu.Trigger, __spreadValues({ ref }, props));
-  }
-);
-Trigger.displayName = "DropdownMenu.Trigger";
-var DropdownMenu = __spreadProps(__spreadValues({}, RadixDropdownMenu), {
-  Content,
-  Trigger
-});
-
-export {
-  DropdownMenu
-};
-//# sourceMappingURL=chunk-SMLC2O3V.js.map

package/dist/chunk-SMLC2O3V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype ContentProps = RadixDropdownMenu.ContentProps & {\n  isNavigation?: boolean;\n  onOpenAutoFocus?: (event: Event) => void;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { isNavigation, className, ...rest } = props;\n  const contentClassName = useMemo(() => {\n    const cls = isNavigation ? 'dropdown-navigation' : '';\n    return [cls, className].join(' ');\n  }, [isNavigation, className]);\n\n  return (\n    <RadixDropdownMenu.Content\n      ref={ref}\n      {...rest}\n      className={contentClassName}\n    />\n  );\n});\n\nContent.displayName = 'DropdownMenu.Content';\n\n/** @radix-ui/themes의 DropdownMenu.Trigger는 asChild 타입이 누락되어 있어 별도로 확장 */\ntype TriggerProps = RadixDropdownMenu.TriggerProps & { asChild?: boolean };\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>(\n  ({ asChild: _asChild, ...props }, ref) => (\n    <RadixDropdownMenu.Trigger ref={ref} {...props} />\n  ),\n);\n\nTrigger.displayName = 'DropdownMenu.Trigger';\n\nexport const DropdownMenu = {\n  ...RadixDropdownMenu,\n  Content,\n  Trigger,\n};\n"],"mappings":";;;;;;;AAAA,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,YAAY,eAAe;AAehC;AARJ,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAA6C,YAArC,gBAAc,UATxB,IAS+C,IAAT,iBAAS,IAAT,CAA5B,gBAAc;AACtB,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,MAAM,eAAe,wBAAwB;AACnD,WAAO,CAAC,KAAK,SAAS,EAAE,KAAK,GAAG;AAAA,EAClC,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW;AAAA;AAAA,EACb;AAEJ,CAAC;AAED,QAAQ,cAAc;AAKtB,IAAM,UAAU;AAAA,EACd,CAAC,IAAiC,QAAK;AAAtC,iBAAE,WAAS,SA9Bd,IA8BG,IAAwB,kBAAxB,IAAwB,CAAtB;AACD,+BAAC,kBAAkB,SAAlB,iBAA0B,OAAc,MAAO;AAAA;AAEpD;AAEA,QAAQ,cAAc;AAEf,IAAM,eAAe,iCACvB,oBADuB;AAAA,EAE1B;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-TVDKGMBI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/segmented-control.tsx"],"sourcesContent":["export { SegmentedControl } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,wBAAwB;","names":[]}

package/dist/chunk-VTJZMOSP.js

@@ -1,7 +0,0 @@
-// src/atoms/data-list.tsx
-import { DataList } from "@radix-ui/themes";
-
-export {
-  DataList
-};
-//# sourceMappingURL=chunk-VTJZMOSP.js.map

package/dist/chunk-VTJZMOSP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/data-list.tsx"],"sourcesContent":["export { DataList } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,gBAAgB;","names":[]}

package/dist/chunk-VYCYVN3L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/check-box.tsx"],"sourcesContent":["import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,YAAY;AAAA,OAEP;AACP,SAAS,SAAS,kBAAkB;AAqBzB;AAfJ,IAAM,WAAW;AAAA,EACtB,CAAC,OAAO,QAAyB;AAC/B,UAAqC,YAA7B,SAAO,SAZnB,IAYyC,IAAT,iBAAS,IAAT,CAApB;AAER,UAAM,YAAY,QAAoC,MAAM;AAC1D,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WAAO,oBAAC,gDAAkB,OAAlB,EAAwB,KAAU,MAAM,YAAW;AAAA,EAC7D;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/chunk-W7X7KSJP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/check-box-group.tsx"],"sourcesContent":["import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size = 'medium', ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  return (\n    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n"],"mappings":";;;;;;;AAAA,SAAS,iBAAiB,0BAA0B;AACpD,SAAgB,YAAY,eAAe;AAyBvC;AAhBJ,IAAM,OAAO,WAA+C,CAAC,OAAO,QAAQ;AAC1E,QAA+C,YAAvC,YAAU,OAAO,SAX3B,IAWiD,IAAT,iBAAS,IAAT,CAA9B,YAAU;AAElB,QAAM,YAAY,QAAyC,MAAM;AAC/D,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,oBAAC,mBAAmB,MAAnB,iCAA4B,OAA5B,EAAkC,KAAU,MAAM,WAChD,WACH;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,MAAM,mBAAmB;AAC3B;","names":[]}

package/dist/chunk-X2GMDZ7M.js

@@ -1,59 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/atoms/select.tsx
-import { Select as RadixSelect } from "@radix-ui/themes";
-import { createContext, forwardRef, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var SelectContext = createContext({
-  error: false
-});
-var Content = forwardRef((props, ref) => {
-  const _a = props, { className, isNavigation } = _a, rest = __objRest(_a, ["className", "isNavigation"]);
-  const { error } = useContext(SelectContext);
-  const cls = useMemo(() => {
-    const etc = isNavigation ? "nav-select" : "";
-    const errorCls = error ? "tipp-error" : "";
-    return [etc, errorCls, className].join(" ");
-  }, [className, error, isNavigation]);
-  return /* @__PURE__ */ jsx(
-    RadixSelect.Content,
-    __spreadProps(__spreadValues({
-      position: "popper"
-    }, rest), {
-      className: cls,
-      ref
-    })
-  );
-});
-Content.displayName = "Select.Content";
-var Trigger = forwardRef(
-  (props, ref) => {
-    const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
-    const { error } = useContext(SelectContext);
-    const cls = useMemo(() => {
-      const errorCls = error ? "error" : "";
-      return [errorCls, className].join(" ");
-    }, [className, error]);
-    return /* @__PURE__ */ jsx(RadixSelect.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
-  }
-);
-Trigger.displayName = "Select.Trigger";
-function Root(props) {
-  const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
-  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ jsx(RadixSelect.Root, __spreadValues({}, rest)) });
-}
-Root.displayName = "Select.Root";
-var Select = __spreadProps(__spreadValues({}, RadixSelect), {
-  Root,
-  Trigger,
-  Content
-});
-
-export {
-  Select
-};
-//# sourceMappingURL=chunk-X2GMDZ7M.js.map

package/dist/chunk-X2GMDZ7M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/select.tsx"],"sourcesContent":["import { Select as RadixSelect } from '@radix-ui/themes';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\n\nconst SelectContext = createContext<{ error?: boolean }>({\n  error: false,\n});\n\nexport type ContentProps = RadixSelect.ContentProps & {\n  isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, isNavigation, ...rest } = props;\n  const { error } = useContext(SelectContext);\n\n  const cls = useMemo(() => {\n    const etc = isNavigation ? 'nav-select' : '';\n    const errorCls = error ? 'tipp-error' : '';\n    return [etc, errorCls, className].join(' ');\n  }, [className, error, isNavigation]);\n\n  return (\n    <RadixSelect.Content\n      position=\"popper\"\n      {...rest}\n      className={cls}\n      ref={ref}\n    />\n  );\n});\nContent.displayName = 'Select.Content';\n\nconst Trigger = forwardRef<HTMLButtonElement, RadixSelect.TriggerProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    const { error } = useContext(SelectContext);\n\n    const cls = useMemo(() => {\n      const errorCls = error ? 'error' : '';\n      return [errorCls, className].join(' ');\n    }, [className, error]);\n\n    return <RadixSelect.Trigger {...rest} className={cls} ref={ref} />;\n  }\n);\n\nTrigger.displayName = 'Select.Trigger';\n\nexport type SelectRootProps = RadixSelect.RootProps & {\n  error?: boolean;\n};\n\nfunction Root(props: SelectRootProps): React.ReactNode {\n  const { error, ...rest } = props;\n\n  return (\n    <SelectContext.Provider value={{ error }}>\n      <RadixSelect.Root {...rest} />\n    </SelectContext.Provider>\n  );\n}\n\nRoot.displayName = 'Select.Root';\n\nexport const Select = {\n  ...RadixSelect,\n  Root,\n  Trigger,\n  Content,\n};\n"],"mappings":";;;;;;;AAAA,SAAS,UAAU,mBAAmB;AACtC,SAAS,eAAe,YAAY,YAAY,eAAe;AAqB3D;AAnBJ,IAAM,gBAAgB,cAAmC;AAAA,EACvD,OAAO;AACT,CAAC;AAMD,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAA6C,YAArC,aAAW,aAZrB,IAY+C,IAAT,iBAAS,IAAT,CAA5B,aAAW;AACnB,QAAM,EAAE,MAAM,IAAI,WAAW,aAAa;AAE1C,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,MAAM,eAAe,eAAe;AAC1C,UAAM,WAAW,QAAQ,eAAe;AACxC,WAAO,CAAC,KAAK,UAAU,SAAS,EAAE,KAAK,GAAG;AAAA,EAC5C,GAAG,CAAC,WAAW,OAAO,YAAY,CAAC;AAEnC,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,UAAS;AAAA,OACL,OAFL;AAAA,MAGC,WAAW;AAAA,MACX;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,QAAQ,cAAc;AAEtB,IAAM,UAAU;AAAA,EACd,CAAC,OAAO,QAAQ;AACd,UAA+B,YAAvB,YAlCZ,IAkCmC,IAAT,iBAAS,IAAT,CAAd;AACR,UAAM,EAAE,MAAM,IAAI,WAAW,aAAa;AAE1C,UAAM,MAAM,QAAQ,MAAM;AACxB,YAAM,WAAW,QAAQ,UAAU;AACnC,aAAO,CAAC,UAAU,SAAS,EAAE,KAAK,GAAG;AAAA,IACvC,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,WAAO,oBAAC,YAAY,SAAZ,iCAAwB,OAAxB,EAA8B,WAAW,KAAK,MAAU;AAAA,EAClE;AACF;AAEA,QAAQ,cAAc;AAMtB,SAAS,KAAK,OAAyC;AACrD,QAA2B,YAAnB,QArDV,IAqD6B,IAAT,iBAAS,IAAT,CAAV;AAER,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,MAAM,GACrC,8BAAC,YAAY,MAAZ,mBAAqB,KAAM,GAC9B;AAEJ;AAEA,KAAK,cAAc;AAEZ,IAAM,SAAS,iCACjB,cADiB;AAAA,EAEpB;AAAA,EACA;AAAA,EACA;AACF;","names":[]}