@tipp/ui 2.4.0 → 2.6.0

package/src/icon.ts

@@ -1,76 +1,322 @@
 export {
+  AccessibilityIcon,
+  ActivityLogIcon,
+  AlignBaselineIcon,
+  AlignBottomIcon,
+  AlignCenterHorizontallyIcon,
+  AlignCenterVerticallyIcon,
+  AlignLeftIcon,
+  AlignRightIcon,
+  AlignTopIcon,
+  AllSidesIcon,
+  AngleIcon,
+  ArchiveIcon,
+  ArrowBottomLeftIcon,
+  ArrowBottomRightIcon,
+  ArrowDownIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  ArrowTopLeftIcon,
+  ArrowTopRightIcon,
+  ArrowUpIcon,
+  AspectRatioIcon,
+  AvatarIcon,
+  BackpackIcon,
+  BadgeIcon,
+  BarChartIcon,
+  BellIcon,
+  BlendingModeIcon,
+  BookmarkFilledIcon,
   BookmarkIcon,
-  ExitIcon,
-  InfoCircledIcon,
-  ExclamationTriangleIcon,
-  MagnifyingGlassIcon,
-  DotsHorizontalIcon,
+  BorderAllIcon,
+  BorderBottomIcon,
+  BorderDashedIcon,
+  BorderDottedIcon,
+  BorderLeftIcon,
+  BorderNoneIcon,
+  BorderRightIcon,
+  BorderSolidIcon,
+  BorderSplitIcon,
+  BorderStyleIcon,
+  BorderTopIcon,
+  BorderWidthIcon,
+  BoxIcon,
+  BoxModelIcon,
+  ButtonIcon,
+  CalendarIcon,
+  CardStackIcon,
+  CardStackMinusIcon,
+  CardStackPlusIcon,
+  CaretDownIcon,
+  CaretLeftIcon,
+  CaretRightIcon,
+  CaretSortIcon,
+  CaretUpIcon,
   ChatBubbleIcon,
-  PlusIcon,
-  BookmarkFilledIcon,
-  MixerHorizontalIcon,
+  CheckboxIcon,
+  CheckCircledIcon,
+  CheckIcon,
+  ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
+  ChevronUpIcon,
+  CircleBackslashIcon,
+  CircleIcon,
+  ClipboardCopyIcon,
   ClipboardIcon,
-  BarChartIcon,
-  PersonIcon,
-  GearIcon,
-  DotsVerticalIcon,
-  Pencil1Icon,
+  ClockIcon,
+  CodeIcon,
+  CodeSandboxLogoIcon,
+  ColorWheelIcon,
+  ColumnsIcon,
+  ColumnSpacingIcon,
+  CommitIcon,
+  Component1Icon,
+  Component2Icon,
+  ComponentBooleanIcon,
+  ComponentInstanceIcon,
+  ComponentNoneIcon,
+  ComponentPlaceholderIcon,
+  ContainerIcon,
+  CookieIcon,
+  CopyIcon,
+  CornerBottomLeftIcon,
+  CornerBottomRightIcon,
+  CornersIcon,
+  CornerTopLeftIcon,
+  CornerTopRightIcon,
+  CountdownTimerIcon,
+  CounterClockwiseClockIcon,
+  CropIcon,
   Cross1Icon,
-  Link2Icon,
-  ChevronUpIcon,
-  ChevronDownIcon,
-  FileIcon,
-  TrashIcon,
+  Cross2Icon,
+  CrossCircledIcon,
+  Crosshair1Icon,
+  Crosshair2Icon,
+  CrumpledPaperIcon,
+  CubeIcon,
+  CursorArrowIcon,
+  CursorTextIcon,
+  DashboardIcon,
+  DashIcon,
+  DesktopIcon,
+  DimensionsIcon,
+  DiscIcon,
+  DiscordLogoIcon,
+  DividerHorizontalIcon,
+  DividerVerticalIcon,
+  DotFilledIcon,
+  DotIcon,
+  DotsHorizontalIcon,
+  DotsVerticalIcon,
+  DoubleArrowDownIcon,
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon,
+  DoubleArrowUpIcon,
+  DownloadIcon,
+  DragHandleDots1Icon,
+  DragHandleDots2Icon,
+  DragHandleHorizontalIcon,
+  DragHandleVerticalIcon,
+  DrawingPinFilledIcon,
+  DrawingPinIcon,
+  DropdownMenuIcon,
+  EnterFullScreenIcon,
+  EnterIcon,
+  EnvelopeClosedIcon,
+  EnvelopeOpenIcon,
+  EraserIcon,
+  ExclamationTriangleIcon,
+  ExitFullScreenIcon,
+  ExitIcon,
+  ExternalLinkIcon,
+  EyeClosedIcon,
+  EyeNoneIcon,
+  EyeOpenIcon,
+  FaceIcon,
+  FigmaLogoIcon,
+  FileIcon,
+  FileMinusIcon,
+  FilePlusIcon,
+  FileTextIcon,
+  FontBoldIcon,
+  FontFamilyIcon,
+  FontItalicIcon,
+  FontRomanIcon,
+  FontSizeIcon,
+  FontStyleIcon,
+  FrameIcon,
+  FramerLogoIcon,
+  GearIcon,
+  GitHubLogoIcon,
   GlobeIcon,
-  BackpackIcon,
-  CalendarIcon,
-  CheckIcon,
-  ArchiveIcon,
-  RowsIcon,
-  Share1Icon,
-  ClipboardCopyIcon,
-  CheckCircledIcon,
-  ArrowLeftIcon,
-  ArrowUpIcon,
+  GridIcon,
+  GroupIcon,
+  Half1Icon,
+  Half2Icon,
+  HamburgerMenuIcon,
+  HandIcon,
+  HeadingIcon,
+  HeartFilledIcon,
+  HeartIcon,
+  HeightIcon,
+  HobbyKnifeIcon,
+  HomeIcon,
+  IconJarLogoIcon,
+  IdCardIcon,
+  ImageIcon,
+  InfoCircledIcon,
+  InputIcon,
+  InstagramLogoIcon,
+  KeyboardIcon,
+  LapTimerIcon,
+  LaptopIcon,
+  LayersIcon,
+  LayoutIcon,
+  LetterCaseCapitalizeIcon,
+  LetterCaseLowercaseIcon,
+  LetterCaseToggleIcon,
+  LetterCaseUppercaseIcon,
+  LetterSpacingIcon,
+  LightningBoltIcon,
+  LineHeightIcon,
+  Link1Icon,
+  Link2Icon,
+  LinkBreak1Icon,
+  LinkBreak2Icon,
+  LinkedInLogoIcon,
+  LinkNone1Icon,
+  LinkNone2Icon,
+  ListBulletIcon,
+  LockClosedIcon,
+  LockOpen1Icon,
+  LockOpen2Icon,
+  LoopIcon,
+  MagicWandIcon,
+  MagnifyingGlassIcon,
+  MarginIcon,
+  MaskOffIcon,
+  MaskOnIcon,
+  MinusCircledIcon,
+  MinusIcon,
+  MixerHorizontalIcon,
+  MixerVerticalIcon,
+  MixIcon,
+  MobileIcon,
+  ModulzLogoIcon,
+  MoonIcon,
+  MoveIcon,
+  NotionLogoIcon,
+  OpacityIcon,
+  OpenInNewWindowIcon,
+  OverlineIcon,
+  PaddingIcon,
+  PaperPlaneIcon,
+  PauseIcon,
+  Pencil1Icon,
+  Pencil2Icon,
+  PersonIcon,
+  PieChartIcon,
+  PilcrowIcon,
+  PinBottomIcon,
+  PinLeftIcon,
+  PinRightIcon,
+  PinTopIcon,
+  PlayIcon,
+  PlusCircledIcon,
+  PlusIcon,
+  QuestionMarkCircledIcon,
+  QuestionMarkIcon,
+  QuoteIcon,
+  RadiobuttonIcon,
+  ReaderIcon,
   ReloadIcon,
+  ResetIcon,
+  ResumeIcon,
   RocketIcon,
-  ArrowRightIcon,
-  CopyIcon,
-  Pencil2Icon,
-  TargetIcon,
-  UpdateIcon,
-  DownloadIcon,
+  RotateCounterClockwiseIcon,
+  RowsIcon,
+  RowSpacingIcon,
+  RulerHorizontalIcon,
+  RulerSquareIcon,
+  ScissorsIcon,
+  SectionIcon,
+  SewingPinFilledIcon,
+  SewingPinIcon,
+  ShadowIcon,
+  ShadowInnerIcon,
+  ShadowNoneIcon,
+  ShadowOuterIcon,
+  Share1Icon,
+  Share2Icon,
+  ShuffleIcon,
+  SizeIcon,
+  SketchLogoIcon,
+  SlashIcon,
+  SliderIcon,
+  SpaceBetweenHorizontallyIcon,
+  SpaceBetweenVerticallyIcon,
+  SpaceEvenlyHorizontallyIcon,
+  SpaceEvenlyVerticallyIcon,
   SpeakerLoudIcon,
-  UploadIcon,
+  SpeakerModerateIcon,
   SpeakerOffIcon,
+  SpeakerQuietIcon,
+  SquareIcon,
+  StackIcon,
+  StarFilledIcon,
+  StarIcon,
+  StitchesLogoIcon,
+  StopIcon,
+  StopwatchIcon,
+  StretchHorizontallyIcon,
+  StretchVerticallyIcon,
+  StrikethroughIcon,
+  SunIcon,
+  SwitchIcon,
+  SymbolIcon,
+  TableIcon,
+  TargetIcon,
+  TextAlignBottomIcon,
+  TextAlignCenterIcon,
+  TextAlignJustifyIcon,
+  TextAlignLeftIcon,
+  TextAlignMiddleIcon,
+  TextAlignRightIcon,
+  TextAlignTopIcon,
+  TextIcon,
+  TextNoneIcon,
+  ThickArrowDownIcon,
+  ThickArrowLeftIcon,
+  ThickArrowRightIcon,
+  ThickArrowUpIcon,
   TimerIcon,
-  ArrowTopRightIcon,
+  TokensIcon,
+  TrackNextIcon,
+  TrackPreviousIcon,
+  TransformIcon,
+  TransparencyGridIcon,
+  TrashIcon,
+  TriangleDownIcon,
+  TriangleLeftIcon,
+  TriangleRightIcon,
+  TriangleUpIcon,
+  TwitterLogoIcon,
+  UnderlineIcon,
+  UpdateIcon,
+  UploadIcon,
+  ValueIcon,
+  ValueNoneIcon,
+  VercelLogoIcon,
   VideoIcon,
-  CubeIcon,
-  HamburgerMenuIcon,
-  FileTextIcon,
-  PaperPlaneIcon,
-  BellIcon,
-  ResetIcon,
-  HomeIcon,
-  StopIcon,
-  PlayIcon,
-  BoxIcon,
-  DashboardIcon,
-  SewingPinFilledIcon,
-  EnvelopeClosedIcon,
-  QuoteIcon,
-  FilePlusIcon,
-  QuestionMarkCircledIcon,
-  FaceIcon,
-  ImageIcon,
-  EnterFullScreenIcon,
-  ExitFullScreenIcon,
-  RotateCounterClockwiseIcon
+  ViewGridIcon,
+  ViewHorizontalIcon,
+  ViewNoneIcon,
+  ViewVerticalIcon,
+  WidthIcon,
+  ZoomInIcon,
+  ZoomOutIcon
 } from '@radix-ui/react-icons';
 
+// 로컬 아이콘 (CameraIcon은 로컬 정의가 우선하도록 radix export에서 제외)
 export * from './icons';

package/src/molecules/radio-button-card.tsx

@@ -5,18 +5,20 @@ import React, {
   useState,
   Fragment,
 } from 'react';
+// 값(컴포넌트)은 @tipp/ui 래퍼, 타입(RootProps/ItemProps)은 Radix 네임스페이스에서 직접 가져온다.
+import type { RadioCards as RadioCardsTypes } from '@radix-ui/themes';
 import { RadioCards } from '@/atoms/radio-cards';
 import { Flex } from '@/atoms/flex';
 import { Radio } from '@/atoms/radio';
 import type { FlexProps } from '@/atoms/flex';
 
-type RadioButtonCardRootProps = RadioCards.RootProps & {
+type RadioButtonCardRootProps = RadioCardsTypes.RootProps & {
   justify?: FlexProps['justify'];
   RadioWrapper?: React.FC;
 };
 const RadioCardContext = createContext<RadioButtonCardRootProps>({});
 
-function Root(props: RadioCards.RootProps): React.ReactNode {
+function Root(props: RadioCardsTypes.RootProps): React.ReactNode {
   const [value, setValue] = useState(props.value || props.defaultValue);
 
   const onValueChange = useCallback(
@@ -34,11 +36,11 @@ function Root(props: RadioCards.RootProps): React.ReactNode {
   );
 }
 
-type RadioButtonCardItemProps = RadioCards.ItemProps;
+type RadioButtonCardItemProps = RadioCardsTypes.ItemProps;
 function Item({
   children,
   ...itemRest
-}: RadioCards.ItemProps): React.ReactNode {
+}: RadioCardsTypes.ItemProps): React.ReactNode {
   const {
     value,
     justify,

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"]}