@kimdw-rtk/ui 0.0.25 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -1
  2. package/dist/components/Accordion/Accordion.js +1 -0
  3. package/dist/components/Accordion/AccordionContent.js +1 -0
  4. package/dist/components/Accordion/AccordionTrigger.js +1 -0
  5. package/dist/components/Box/index.d.ts +2 -2
  6. package/dist/components/Button/index.d.ts +1 -1
  7. package/dist/components/Button/index.js +1 -0
  8. package/dist/components/Card/Card.d.ts +1 -1
  9. package/dist/components/Card/CardContent.d.ts +1 -1
  10. package/dist/components/Card/CardInteraction.d.ts +1 -1
  11. package/dist/components/Card/CardInteraction.js +1 -0
  12. package/dist/components/Card/CardThumbnail.d.ts +1 -1
  13. package/dist/components/Chip/Chip.d.ts +1 -1
  14. package/dist/components/Confirm/index.js +1 -0
  15. package/dist/components/Dialog/Dialog.d.ts +1 -1
  16. package/dist/components/Dialog/DialogContent.d.ts +1 -1
  17. package/dist/components/Dialog/DialogFooter.d.ts +1 -1
  18. package/dist/components/Dialog/DialogHeader.d.ts +1 -1
  19. package/dist/components/Navigation/NavigationAside.d.ts +1 -1
  20. package/dist/components/Navigation/NavigationAside.js +1 -0
  21. package/dist/components/Navigation/NavigationBar.d.ts +1 -1
  22. package/dist/components/Navigation/NavigationContainer.d.ts +1 -1
  23. package/dist/components/Navigation/NavigationDrawer.js +1 -0
  24. package/dist/components/Navigation/NavigationItem.d.ts +1 -1
  25. package/dist/components/Navigation/NavigationLogo.d.ts +1 -1
  26. package/dist/components/Navigation/NavigationMenu.d.ts +1 -1
  27. package/dist/components/Range/Range.d.ts +1 -1
  28. package/dist/components/Range/Range.js +1 -0
  29. package/dist/components/ScrollArea/ScrollArea.d.ts +1 -1
  30. package/dist/components/ScrollArea/ScrollArea.js +1 -0
  31. package/dist/components/Select/Select.d.ts +1 -1
  32. package/dist/components/Select/Select.js +1 -0
  33. package/dist/components/Select/SelectOption.js +1 -0
  34. package/dist/components/Select/SelectTrigger.d.ts +1 -1
  35. package/dist/components/Skeleton/index.d.ts +1 -1
  36. package/dist/components/Table/Table.d.ts +1 -1
  37. package/dist/components/Table/TableBody.d.ts +1 -1
  38. package/dist/components/Table/TableCell.d.ts +1 -1
  39. package/dist/components/Table/TableHead.d.ts +1 -1
  40. package/dist/components/Table/TableHeader.d.ts +1 -1
  41. package/dist/components/Table/TableRow.d.ts +1 -1
  42. package/dist/components/Tabs/Tabs.d.ts +1 -1
  43. package/dist/components/Tabs/Tabs.js +1 -0
  44. package/dist/components/Tabs/TabsContent.d.ts +1 -1
  45. package/dist/components/Tabs/TabsContent.js +1 -0
  46. package/dist/components/Tabs/TabsList.d.ts +1 -1
  47. package/dist/components/Tabs/TabsProvider.js +1 -0
  48. package/dist/components/Tabs/TabsTrigger.d.ts +1 -1
  49. package/dist/components/Tabs/TabsTrigger.js +1 -0
  50. package/dist/components/TextField/index.d.ts +1 -1
  51. package/dist/components/Toast/index.d.ts +1 -1
  52. package/dist/components/Typography/index.d.ts +2 -2
  53. package/dist/contexts/UIProvider.js +1 -0
  54. package/dist/hooks/useDialog/index.js +1 -0
  55. package/dist/hooks/useMouseScroll/index.js +1 -0
  56. package/dist/hooks/usePointerSlider/index.js +1 -0
  57. package/dist/hooks/useRipple/index.js +1 -0
  58. package/dist/hooks/useToast/ToastProvider.d.ts +1 -1
  59. package/dist/hooks/useToast/ToastProvider.js +1 -0
  60. package/dist/styles/sx.d.ts +1 -1
  61. package/dist/types/ui.types.d.ts +1 -1
  62. package/dist/utils/sprinklesUtils.d.ts +1 -1
  63. package/package.json +7 -4
  64. package/dist/components/Accordion/Accordion.spec.d.ts +0 -2
  65. package/dist/components/Accordion/Accordion.spec.d.ts.map +0 -1
  66. package/dist/components/Box/Box.spec.d.ts +0 -2
  67. package/dist/components/Box/Box.spec.d.ts.map +0 -1
  68. package/dist/components/Button/Button.spec.d.ts +0 -2
  69. package/dist/components/Button/Button.spec.d.ts.map +0 -1
  70. package/dist/components/Card/Card.spec.d.ts +0 -2
  71. package/dist/components/Card/Card.spec.d.ts.map +0 -1
  72. package/dist/components/Chip/Chip.spec.d.ts +0 -2
  73. package/dist/components/Chip/Chip.spec.d.ts.map +0 -1
  74. package/dist/components/Dialog/Dialog.spec.d.ts +0 -2
  75. package/dist/components/Dialog/Dialog.spec.d.ts.map +0 -1
  76. package/dist/components/Navigation/Navigation.spec.d.ts +0 -2
  77. package/dist/components/Navigation/Navigation.spec.d.ts.map +0 -1
  78. package/dist/components/Range/Range.spec.d.ts +0 -2
  79. package/dist/components/Range/Range.spec.d.ts.map +0 -1
  80. package/dist/components/ScrollArea/ScrollArea.spec.d.ts +0 -2
  81. package/dist/components/ScrollArea/ScrollArea.spec.d.ts.map +0 -1
  82. package/dist/components/Select/Select.spec.d.ts +0 -2
  83. package/dist/components/Select/Select.spec.d.ts.map +0 -1
  84. package/dist/components/Skeleton/Skeleton.spec.d.ts +0 -2
  85. package/dist/components/Skeleton/Skeleton.spec.d.ts.map +0 -1
  86. package/dist/components/Table/Table.spec.d.ts +0 -2
  87. package/dist/components/Table/Table.spec.d.ts.map +0 -1
  88. package/dist/components/Tabs/Tabs.spec.d.ts +0 -2
  89. package/dist/components/Tabs/Tabs.spec.d.ts.map +0 -1
  90. package/dist/components/TextField/TextField.spec.d.ts +0 -2
  91. package/dist/components/TextField/TextField.spec.d.ts.map +0 -1
  92. package/dist/components/Toast/Toast.spec.d.ts +0 -2
  93. package/dist/components/Toast/Toast.spec.d.ts.map +0 -1
  94. package/dist/components/Typography/Typography.spec.d.ts +0 -2
  95. package/dist/components/Typography/Typography.spec.d.ts.map +0 -1
  96. package/dist/hooks/useDialog/useDialog.spec.d.ts +0 -2
  97. package/dist/hooks/useDialog/useDialog.spec.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './Accordion.css';
3
3
  interface AccordionProps extends UIComponent<'div', typeof s.accordion> {
4
4
  isExpanded?: boolean;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useReducer } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useRef, useContext, useLayoutEffect, useEffect } from 'react';
3
4
  import { container, inner } from './AccordionContent.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { useContext } from 'react';
3
4
  import { AccordionContext } from './AccordionContext.js';
@@ -1,5 +1,5 @@
1
- import { type SprinklesProps } from '@/styles';
2
- import type { UIComponent } from '@/types';
1
+ import { type SprinklesProps } from '../../styles';
2
+ import type { UIComponent } from '../../types';
3
3
  import * as s from './Box.css';
4
4
  type BoxProps = UIComponent<'div', typeof s.box> & SprinklesProps;
5
5
  export declare const Box: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,5 +1,5 @@
1
1
  import { type ReactElement } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  import * as s from './Button.css';
4
4
  interface ButtonProps extends Omit<UIComponent<'button', typeof s.button>, 'hasIcon'> {
5
5
  icon?: ReactElement;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,5 +1,5 @@
1
1
  import { type CSSProperties } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  import * as s from './Card.css';
4
4
  interface CardProps extends UIComponent<'div', typeof s.card> {
5
5
  width?: CSSProperties['width'];
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type CardContentProps = UIComponent<'div'>;
3
3
  export declare const CardContent: import("react").ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type CardInteractionProps = UIComponent<'div'>;
3
3
  export declare const CardInteraction: import("react").ForwardRefExoticComponent<Omit<CardInteractionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs } from 'react/jsx-runtime';
2
3
  import { forwardRef } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type CardThumbnailProps = UIComponent<'img'>;
3
3
  export declare const CardThumbnail: import("react").ForwardRefExoticComponent<Omit<CardThumbnailProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './Chip.css';
3
3
  type ChipProps = UIComponent<'div', typeof s.chip>;
4
4
  export declare const Chip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { useImperativeHandle } from 'react';
3
4
  import { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type DialogProps = Omit<UIComponent<'div'>, 'color'>;
3
3
  export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type DialogContentProps = Omit<UIComponent<'div'>, 'color'>;
3
3
  export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;
3
3
  export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  interface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {
3
3
  onCloseClick?: () => void;
4
4
  }
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type NavigationAsideProps = UIComponent<'aside'>;
3
3
  export declare const NavigationAside: import("react").ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
4
4
  export {};
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './NavigationBar.css';
3
3
  type NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;
4
4
  export declare const NavigationBar: import("react").ForwardRefExoticComponent<Omit<NavigationBarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type NavigationContainerProps = UIComponent<'div'>;
3
3
  export declare const NavigationContainer: import("react").ForwardRefExoticComponent<Omit<NavigationContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import { useState, useEffect } from 'react';
3
4
  import { wide, narrow, popup } from './NavigationDrawer.css.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './NavigationItem.css';
3
3
  type NavigationItemProps = UIComponent<'div', typeof s.container>;
4
4
  export declare const NavigationItem: import("react").ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type NavigationLogoProps = UIComponent<'div'>;
3
3
  export declare const NavigationLogo: import("react").ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './NavigationMenu.css';
3
3
  type NavigationMenuProps = UIComponent<'div'>;
4
4
  export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './Range.css';
3
3
  interface RangeProps extends Omit<UIComponent<'div', typeof s.range>, 'children' | 'onChange'> {
4
4
  min: number;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useRef, useEffect } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './ScrollArea.css';
3
3
  type ScrollAreaProps = UIComponent<'div'>;
4
4
  export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useRef, useState, useEffect } from 'react';
3
4
  import { useCombinedRefs } from '@kimdw-rtk/utils';
@@ -1,5 +1,5 @@
1
1
  import { type ComponentProps, type CSSProperties, type RefObject } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  import * as s from './Select.css';
4
4
  import SelectTrigger from './SelectTrigger';
5
5
  interface SelectProps extends Omit<UIComponent<'div', typeof s.select>, 'ref' | 'onChange'> {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import { forwardRef, useRef, useReducer, useEffect } from 'react';
3
4
  import { useCombinedRefs } from '@kimdw-rtk/utils';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, useEffect } from 'react';
3
4
  import { SelectContext } from './SelectContext.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './SelectTrigger.css';
3
3
  type SelectTriggerProps = UIComponent<'div', typeof s.selectTrigger>;
4
4
  declare const SelectTrigger: ({ children, className, variant, sx: propSx, }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { type CSSProperties } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  interface SkeletonProps extends UIComponent<'div'> {
4
4
  width?: CSSProperties['width'];
5
5
  height?: CSSProperties['height'];
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './Table.css';
3
3
  interface TableProps extends UIComponent<'table'> {
4
4
  isStriped?: boolean;
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type TableBodyProps = UIComponent<'tbody'>;
3
3
  export declare const TableBody: ({ className, sx: propSx, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export {};
@@ -1,5 +1,5 @@
1
1
  import { type CSSProperties } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  interface TableCellProps extends UIComponent<'td'> {
4
4
  width?: CSSProperties['width'];
5
5
  textAlign?: CSSProperties['textAlign'];
@@ -1,5 +1,5 @@
1
1
  import { type CSSProperties } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  interface TableHeadProps extends UIComponent<'th'> {
4
4
  width?: CSSProperties['width'];
5
5
  textAlign?: CSSProperties['textAlign'];
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type TableHeaderProps = UIComponent<'thead'>;
3
3
  export declare const TableHeader: ({ className, sx: propSx, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export {};
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  interface TableRowProps extends UIComponent<'tr'> {
3
3
  isInteractive?: boolean;
4
4
  }
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  interface TabsProps extends UIComponent<'div'> {
3
3
  defaultValue?: number | string;
4
4
  }
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useReducer } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,5 +1,5 @@
1
1
  import { type ReactNode } from 'react';
2
- import type { UIComponent } from '@/types';
2
+ import type { UIComponent } from '../../types';
3
3
  interface TabsContentProps extends UIComponent<'div'> {
4
4
  children: ReactNode;
5
5
  value: string | number;
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useContext } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  type TabsListProps = UIComponent<'div'>;
3
3
  export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export {};
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createContext } from 'react';
2
3
 
3
4
  const TabsContext = createContext(undefined);
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  interface TabsTriggerProps extends UIComponent<'button'> {
3
3
  value: number | string;
4
4
  }
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { forwardRef, useContext } from 'react';
3
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './TextField.css';
3
3
  interface TextFieldProps extends UIComponent<'input', typeof s.textField> {
4
4
  type?: React.HTMLInputTypeAttribute;
@@ -1,4 +1,4 @@
1
- import type { UIComponent } from '@/types';
1
+ import type { UIComponent } from '../../types';
2
2
  import * as s from './Toast.css';
3
3
  interface ToastProps extends UIComponent<'div', typeof s.toast> {
4
4
  duration?: number;
@@ -1,5 +1,5 @@
1
- import { type SprinklesProps } from '@/styles';
2
- import { type UIComponent } from '@/types';
1
+ import { type SprinklesProps } from '../../styles';
2
+ import { type UIComponent } from '../../types';
3
3
  import * as s from './Typography.css';
4
4
  type TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
5
5
  type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof s.typography> & {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { OverlayProvider } from '@kimdw-rtk/utils';
3
4
  import * as overlay_css from '../styles/overlay.css.js';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useRef, useCallback, useMemo } from 'react';
3
4
  import { useOverlay } from '@kimdw-rtk/utils';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useEffect } from 'react';
2
3
 
3
4
  /**
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useState, useEffect } from 'react';
2
3
 
3
4
  const usePointerSlider = (ref, { min, max, defaultValue, }) => {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useRef, useEffect, useMemo } from 'react';
3
4
  import { ripple, colorVar } from './ripple.css.js';
@@ -1,5 +1,5 @@
1
1
  import { type ComponentProps, type ReactNode } from 'react';
2
- import { Toast } from '@/components';
2
+ import { Toast } from '../../components';
3
3
  export interface ToastData {
4
4
  id: number;
5
5
  color?: ComponentProps<typeof Toast>['color'];
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { createContext, useState, useRef, useCallback, useMemo } from 'react';
3
4
  import { TransitionGroup, CSSTransition } from '@kimdw-rtk/utils';
@@ -1,3 +1,3 @@
1
- import { sprinkles } from '@/styles';
1
+ import { sprinkles } from '../styles';
2
2
  export declare const sx: (param?: Parameters<typeof sprinkles>[0] | string) => string;
3
3
  //# sourceMappingURL=sx.d.ts.map
@@ -1,7 +1,7 @@
1
1
  import type { ComponentPropsWithRef, ElementType } from 'react';
2
2
  import type { ComplexStyleRule } from '@vanilla-extract/css';
3
3
  import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
4
- import type { SprinklesProps } from '@/styles';
4
+ import type { SprinklesProps } from '../styles';
5
5
  type VariantGroups = Record<string, Record<string, ComplexStyleRule | string>>;
6
6
  export type RecipeVariantsProps<V extends RuntimeFn<VariantGroups> | undefined> = NonNullable<V extends RuntimeFn<VariantGroups> ? RecipeVariants<V> : object>;
7
7
  /**
@@ -1,4 +1,4 @@
1
- import { sprinkles } from '@/styles';
1
+ import { sprinkles } from '../styles';
2
2
  export declare const filterSprinkles: (props: {
3
3
  [key: string]: unknown;
4
4
  }) => Parameters<typeof sprinkles>[0];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kimdw-rtk/ui",
3
- "version": "0.0.25",
3
+ "version": "0.0.27",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -44,11 +44,14 @@
44
44
  "jest": "^29.7.0",
45
45
  "jest-environment-jsdom": "^29.7.0",
46
46
  "rollup": "^4.52.4",
47
+ "rollup-plugin-postcss": "^4.0.2",
48
+ "rollup-plugin-preserve-directives": "^0.4.0",
47
49
  "ts-jest": "^29.3.4",
50
+ "tsc-alias": "^1.8.16",
48
51
  "tsup": "^8.5.0",
49
52
  "typescript": "5.8.2",
50
- "@repo/typescript-config": "0.0.0",
51
- "@repo/eslint-config": "0.0.0"
53
+ "@repo/eslint-config": "0.0.0",
54
+ "@repo/typescript-config": "0.0.0"
52
55
  },
53
56
  "publishConfig": {
54
57
  "access": "public"
@@ -58,7 +61,7 @@
58
61
  "generate:component": "turbo gen react-component",
59
62
  "check-types": "tsc --noEmit",
60
63
  "test": "jest --verbose",
61
- "build": "rollup -c rollup.config.js"
64
+ "build": "rollup -c rollup.config.js && tsc-alias"
62
65
  },
63
66
  "types": "./dist/index.d.ts"
64
67
  }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Accordion.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Box.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Button.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Card.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Chip.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Dialog.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Navigation.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Navigation.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Range.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Range.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ScrollArea.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScrollArea.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Select.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Skeleton.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Skeleton.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Table.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Tabs.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=TextField.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextField.spec.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Toast.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Typography.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Typography.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.spec.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=useDialog.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDialog.spec.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"names":[],"mappings":""}