@weing-dev/ui-kit-primitive 0.4.6 → 0.5.0

package/dist/components/Form/Dropdown/Dropdown.d.ts

@@ -1,54 +1,8 @@
 import { default as React } from 'react';
-import { DropdownProviderProps } from './Dropdown.context';
-import { Icon } from '../../../components/Icon/Icon';
-type AsProps = {
-    isEmpty: boolean;
-    placeholder?: string;
-    selectedValue: string;
-    open?: boolean;
-    options?: {
-        value: string;
-        label: string;
-    }[];
-    variant?: "outlined" | "contained" | "text";
-    size?: "small" | "medium" | "large";
-    colorStyle: React.CSSProperties;
-    iconColorStyle: (position: "left" | "right") => React.CSSProperties;
-    handleTriggerClick?: () => void;
-};
-type TriggerProps = React.PropsWithChildren<{
-    as?: (props: AsProps) => React.ReactNode;
-    className?: string;
-    variant?: "outlined" | "contained" | "text";
-    size?: "small" | "medium" | "large";
-    leftIcon?: React.ComponentProps<typeof Icon> | null;
-    rightIcon?: React.ComponentProps<typeof Icon> | null;
-}>;
+import { TriggerProps, MenuProps, ItemProps, RootProps } from './Dropdown.type';
 declare const Trigger: (props: TriggerProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
-type MenuRenderProps = {
-    open: boolean;
-    id?: string;
-    variant?: "shadow" | "line";
-    size?: "small" | "medium";
-    handleTriggerClick?: () => void;
-};
-type MenuProps = {
-    className?: string;
-    variant?: "shadow" | "line";
-    size?: "small" | "medium";
-    children?: React.ReactNode | ((props: MenuRenderProps) => React.ReactNode);
-    boundaryPadding?: number;
-};
 declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element | null;
-type ItemProps = React.PropsWithChildren<{
-    className?: string;
-    value: string;
-    label?: string;
-    variant?: "shadow" | "line";
-    size?: "small" | "medium";
-}>;
 declare const Item: (props: ItemProps) => import("react/jsx-runtime").JSX.Element;
-type RootProps = DropdownProviderProps & Omit<React.HTMLProps<HTMLDivElement>, "onChange">;
 declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
 interface IDropdown {
     Trigger: typeof Trigger;

package/dist/components/Form/Dropdown/Dropdown.type.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { DropdownProviderProps } from './Dropdown.context';
+import { Icon } from '../../../components/Icon/Icon';
+export type AsProps = {
+    isEmpty: boolean;
+    placeholder?: string;
+    selectedValue: string;
+    open?: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    variant?: "outlined" | "contained" | "text";
+    size?: "small" | "medium" | "large";
+    colorStyle: React.CSSProperties;
+    iconColorStyle: (position: "left" | "right") => React.CSSProperties;
+    handleTriggerClick?: () => void;
+};
+export type TriggerProps = React.PropsWithChildren<{
+    as?: (props: AsProps) => React.ReactNode;
+    className?: string;
+    variant?: "outlined" | "contained" | "text";
+    size?: "small" | "medium" | "large";
+    leftIcon?: React.ComponentProps<typeof Icon> | null;
+    rightIcon?: React.ComponentProps<typeof Icon> | null;
+}>;
+export type MenuRenderProps = {
+    open: boolean;
+    id?: string;
+    variant?: "shadow" | "line";
+    size?: "small" | "medium";
+    handleTriggerClick?: () => void;
+};
+export type MenuProps = {
+    className?: string;
+    variant?: "shadow" | "line";
+    size?: "small" | "medium";
+    children?: React.ReactNode | ((props: MenuRenderProps) => React.ReactNode);
+    boundaryPadding?: number;
+};
+export type ItemProps = React.PropsWithChildren<{
+    className?: string;
+    value: string;
+    label?: string;
+    variant?: "shadow" | "line";
+    size?: "small" | "medium";
+}>;
+export type RootProps = DropdownProviderProps & Omit<React.HTMLProps<HTMLDivElement>, "onChange">;

package/dist/components/Form/TextArea/TextArea.d.ts

@@ -1,28 +1,11 @@
 import { default as React } from 'react';
 import { default as HelperTextComponent } from '../../HelperText/HelperText';
 import { TextAreaProviderProps } from './TextArea.context';
-type TextCountProps = React.PropsWithChildren<{
-    className?: string;
-}>;
+import { TextCountProps, EraseProps, InputProps, LabelProps } from './TextArea.type';
 declare const TextCount: (props: TextCountProps) => import("react/jsx-runtime").JSX.Element;
-type EraseProps = React.PropsWithChildren<{
-    className?: string;
-}>;
 declare const Erase: (props: EraseProps) => import("react/jsx-runtime").JSX.Element;
 declare const HelperText: (props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element;
-type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLTextAreaElement>> & {
-    wrapperClassName?: string;
-    placeholderColor?: string;
-    focusedColor?: string;
-    containedBackgroundColor?: string;
-    disabledColor?: string;
-    maxRows?: number;
-};
 declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
-type LabelProps = React.PropsWithChildren<{
-    className?: string;
-    focusedColor?: string;
-}>;
 declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
 declare const Root: (props: TextAreaProviderProps) => import("react/jsx-runtime").JSX.Element;
 interface ITextArea {

package/dist/components/Form/TextArea/TextArea.type.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type TextCountProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export type EraseProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLTextAreaElement>> & {
+    wrapperClassName?: string;
+    placeholderColor?: string;
+    focusedColor?: string;
+    containedBackgroundColor?: string;
+    disabledColor?: string;
+    maxRows?: number;
+};
+export type LabelProps = React.PropsWithChildren<{
+    className?: string;
+    focusedColor?: string;
+}>;

package/dist/components/Form/TextInput/TextInput.d.ts

@@ -1,26 +1,10 @@
 import { default as React } from 'react';
 import { default as HelperTextComponent } from '../../HelperText/HelperText';
 import { TextInputProviderProps } from './TextInput.context';
-type EraseProps = React.PropsWithChildren<{
-    className?: string;
-    color?: string;
-}>;
+import { EraseProps, InputProps, LabelProps } from './TextInput.type';
 declare const Erase: (props: EraseProps) => import("react/jsx-runtime").JSX.Element;
-type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLInputElement>> & {
-    wrapperClassName?: string;
-    placeholderColor?: string;
-    focusedColor?: string;
-    containedBackgroundColor?: string;
-    disabledColor?: string;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-};
 declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 declare const HelperText: (props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element;
-type LabelProps = React.PropsWithChildren<{
-    className?: string;
-    focusedColor?: string;
-}>;
 declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
 declare const Root: (props: TextInputProviderProps) => import("react/jsx-runtime").JSX.Element;
 interface ITextInput {

package/dist/components/Form/TextInput/TextInput.type.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type EraseProps = React.PropsWithChildren<{
+    className?: string;
+    color?: string;
+}>;
+export type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLInputElement>> & {
+    wrapperClassName?: string;
+    placeholderColor?: string;
+    focusedColor?: string;
+    containedBackgroundColor?: string;
+    disabledColor?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+};
+export type LabelProps = React.PropsWithChildren<{
+    className?: string;
+    focusedColor?: string;
+}>;

package/dist/components/TimeInput/TimeInput.d.ts

@@ -1,37 +1,11 @@
-import { default as React } from 'react';
-import { TimeInputContextType } from './TimeInput.context';
-type InputProps = {
-    index: number;
-    placeholder: string;
-} & React.JSX.IntrinsicElements["input"];
+import { InputProps, TimeRangeProps, ColonProps, SeparatorProps, HelperTextProps, InputWrapperProps, LabelProps, RootProps } from './TimeInput.type';
 declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
-type TimeRangeProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
 declare const TimeRange: (props: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
-type ColonProps = React.JSX.IntrinsicElements["span"];
 declare const Colon: (props: ColonProps) => import("react/jsx-runtime").JSX.Element;
-type SeparatorProps = React.JSX.IntrinsicElements["span"];
 declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
-type HelperTextProps = React.PropsWithChildren<{
-    className?: string;
-    warningColor?: string;
-    errorColor?: string;
-    successColor?: string;
-    defaultColor?: string;
-    infoColor?: string;
-    size?: number;
-    iconVisible?: boolean;
-}>;
 declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element | null;
-type InputWrapperProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
 declare const InputWrapper: (props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
-type LabelProps = React.PropsWithChildren<{
-    className?: string;
-    focusedColor?: string;
-}>;
 declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-type RootProps = React.PropsWithChildren<Omit<TimeInputContextType, "inputRefs" | "handleChange" | "handleBlur" | "handleKeyDown"> & {
-    className?: string;
-}>;
 declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
 interface ITimeInput {
     Root: typeof Root;

package/dist/components/TimeInput/TimeInput.type.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { TimeInputContextType } from './TimeInput.context';
+export type InputProps = {
+    index: number;
+    placeholder: string;
+} & React.JSX.IntrinsicElements["input"];
+export type TimeRangeProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
+export type ColonProps = React.JSX.IntrinsicElements["span"];
+export type SeparatorProps = React.JSX.IntrinsicElements["span"];
+export type HelperTextProps = React.PropsWithChildren<{
+    className?: string;
+    warningColor?: string;
+    errorColor?: string;
+    successColor?: string;
+    defaultColor?: string;
+    infoColor?: string;
+    size?: number;
+    iconVisible?: boolean;
+}>;
+export type InputWrapperProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
+export type LabelProps = React.PropsWithChildren<{
+    className?: string;
+    focusedColor?: string;
+}>;
+export type RootProps = React.PropsWithChildren<Omit<TimeInputContextType, "inputRefs" | "handleChange" | "handleBlur" | "handleKeyDown"> & {
+    className?: string;
+}>;

package/dist/display.js

@@ -1,9 +1,10 @@
 import { j as P, c as ce } from "./compiler-runtime-BFrE5JtX.js";
 import x, { useImperativeHandle as Cn } from "react";
 import { c as Oe, g as go } from "./bind-D3ZJ5k4I.js";
-import { c as w, T as W, B as qr, S as L } from "./color-B71xRiyK.js";
-import { a as me } from "./Icon-DExqF865.js";
-import { D as gd } from "./Divider-m-B4TrPH.js";
+import { T as W, B as qr, S as L } from "./baseColor-DYa5_IOB.js";
+import { c as w } from "./color-qJrSCDan.js";
+import { a as me } from "./Icon-DEdvzMs-.js";
+import { D as _d } from "./Divider-m-B4TrPH.js";
 const _o = "_Group_e8604_2", yo = "_GroupItem_e8604_5", mo = "_Item_e8604_8", bo = "_rounded_e8604_22", Eo = "_circle_e8604_25", Oo = "_Text_e8604_28", wo = "_AvatarImage_e8604_37", Co = {
   Group: _o,
   GroupItem: yo,
@@ -152,7 +153,7 @@ const _o = "_Group_e8604_2", yo = "_GroupItem_e8604_5", mo = "_Item_e8604_8", bo
   }, children: l ? T((o == null ? void 0 : o.alt) ?? "") : o == null ? void 0 : o.alt }) : /* @__PURE__ */ P.jsx("img", { ...o, className: be("AvatarImage"), onError: y }), e[30] = r, e[31] = y, e[32] = o, e[33] = h, e[34] = l, e[35] = p, e[36] = U) : U = e[36];
   let K;
   return e[37] !== j || e[38] !== Q || e[39] !== U ? (K = /* @__PURE__ */ P.jsx("div", { className: j, style: Q, children: U }), e[37] = j, e[38] = Q, e[39] = U, e[40] = K) : K = e[40], K;
-}, nd = {
+}, od = {
   Item: $n,
   Group: xo
 };
@@ -170,7 +171,7 @@ const Mo = "_Wrap_r1qra_2", Po = "_square_r1qra_13", To = "_circle_r1qra_16", Ao
   dot: ko,
   hidden: Io,
   Standalone: Do
-}, Bt = Oe.bind(Lo), od = (t) => {
+}, Bt = Oe.bind(Lo), ad = (t) => {
   const e = ce.c(29);
   let r, n, o, i, f, u, a, l, c;
   e[0] !== t ? ({
@@ -3351,7 +3352,7 @@ Fr.defaultProps = {
   ean128: !1
 };
 var kf = Fr;
-const If = /* @__PURE__ */ go(kf), Df = {}, yn = Oe.bind(Df), ad = (t) => {
+const If = /* @__PURE__ */ go(kf), Df = {}, yn = Oe.bind(Df), id = (t) => {
   const e = ce.c(17), {
     value: r,
     className: n,
@@ -3628,7 +3629,7 @@ const Nf = "_ChipsWrapper_5cgrc_2", Bf = "_large_5cgrc_13", zf = "_medium_5cgrc_
     disabled: r,
     dual: n
   };
-}, mn = Oe.bind(Wf), id = (t) => {
+}, mn = Oe.bind(Wf), ld = (t) => {
   const e = ce.c(18), {
     className: r,
     children: n,
@@ -3661,7 +3662,7 @@ const Nf = "_ChipsWrapper_5cgrc_2", Bf = "_large_5cgrc_13", zf = "_medium_5cgrc_
 }, Vf = "_CommentWrapper_9wn1d_1", Yf = "_Caption_9wn1d_10", Qf = {
   CommentWrapper: Vf,
   Caption: Yf
-}, bn = Oe.bind(Qf), ld = (t) => {
+}, bn = Oe.bind(Qf), cd = (t) => {
   const e = ce.c(22), {
     children: r,
     status: n,
@@ -3959,7 +3960,7 @@ const Nf = "_ChipsWrapper_5cgrc_2", Bf = "_large_5cgrc_13", zf = "_medium_5cgrc_
     lightGreen: f,
     deepGreen: u
   };
-}, os = Oe.bind(rs), cd = (t) => {
+}, os = Oe.bind(rs), ud = (t) => {
   const e = ce.c(14), {
     children: r,
     size: n,
@@ -4080,7 +4081,7 @@ const ir = Oe.bind(is), En = {
   }), width: r ?? n * d, height: n ?? r / d, onLoad: s, style: {
     objectFit: "cover"
   }, alt: "", ...i });
-}, ud = cs ? fs : us, ss = {};
+}, fd = cs ? fs : us, ss = {};
 var ds = Object.defineProperty, mt = Object.getOwnPropertySymbols, eo = Object.prototype.hasOwnProperty, to = Object.prototype.propertyIsEnumerable, On = (t, e, r) => e in t ? ds(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, lr = (t, e) => {
   for (var r in e || (e = {}))
     eo.call(e, r) && On(t, r, e[r]);
@@ -4914,7 +4915,7 @@ var bs = x.forwardRef(
   }
 );
 bs.displayName = "QRCodeSVG";
-const Es = Oe.bind(ss), dd = (t) => {
+const Es = Oe.bind(ss), hd = (t) => {
   const {
     link: e,
     className: r,
@@ -5419,7 +5420,7 @@ const Es = Oe.bind(ss), dd = (t) => {
   e[20] !== n || e[21] !== o || e[22] !== i ? (u = /* @__PURE__ */ P.jsx("div", { ...o, className: i, children: n }), e[20] = n, e[21] = o, e[22] = i, e[23] = u) : u = e[23];
   let a;
   return e[24] !== r || e[25] !== f || e[26] !== u ? (a = /* @__PURE__ */ P.jsx(r, { value: f, children: u }), e[24] = r, e[25] = f, e[26] = u, e[27] = a) : a = e[27], a;
-}, hd = {
+}, vd = {
   Root: Xs,
   Image: Ws,
   Upload: Hs,
@@ -5441,14 +5442,14 @@ function Js(t) {
   return x.isValidElement(t) && t.type === Ur;
 }
 export {
-  nd as Avatar,
-  od as Badge,
-  ad as BarCode,
-  id as Chips,
-  ld as Comment,
-  gd as Divider,
-  cd as Label,
-  ud as LazyImage,
-  dd as QRCode,
-  hd as Thumbnail
+  od as Avatar,
+  ad as Badge,
+  id as BarCode,
+  ld as Chips,
+  cd as Comment,
+  _d as Divider,
+  ud as Label,
+  fd as LazyImage,
+  hd as QRCode,
+  vd as Thumbnail
 };

package/dist/entry/chart.d.ts

@@ -1,2 +1,6 @@
-export { default as Chart } from '../components/Chart/Chart';
-export {};
+export { default as BarChart } from '../components/Chart/charts/BarChart';
+export { default as LineChart } from '../components/Chart/charts/LineChart';
+export { default as PieChart } from '../components/Chart/charts/PieChart';
+export { default as DoughnutChart } from '../components/Chart/charts/DoughnutChart';
+export { ChartThemeProvider } from '../components/Chart/Chart.theme';
+export type { BarChartProps, LineChartProps, PieChartProps, DoughnutChartProps, ChartBaseProps, ChartThemeValue, ChartPreset, ChartStyleDefaults, SimpleDatum, ChartSeries, SeriesData, CategoricalData, ProportionData, PaletteInput, } from '../components/Chart/Chart.type';

package/dist/entry/components.d.ts

@@ -46,8 +46,7 @@ export { default as LazyImage } from '../components/LazyImage/LazyImage';
 /** Calendar */
 export { default as Calendar } from '../components/Calendar/Calendar';
 export { CalendarContext } from '../components/Calendar/Calendar.context';
-/** Chart */
-export { default as Chart } from '../components/Chart/Chart';
+/** Chart — 타입별 컴포넌트는 entry/chart.ts 에서 export (BarChart/LineChart/PieChart/DoughnutChart) */
 /** Quill Editor */
 export { default as Editor } from '../components/Editor/Editor';
 /** Table */

package/dist/feedback.js

@@ -102,7 +102,7 @@ const be = (t) => {
   } = t, {
     id: n,
     dimmedDisabled: c
-  } = d.useContext(ce), r = re("Dimmed", o.className);
+  } = d.use(ce), r = re("Dimmed", o.className);
   let l;
   e[0] !== c || e[1] !== n || e[2] !== s ? (l = !c && {
     onClick: s,
@@ -131,7 +131,7 @@ const be = (t) => {
   } = t, {
     id: n,
     bodyScroll: c
-  } = d.useContext(ce), r = "manual", l = re("Layer", o.className, {
+  } = d.use(ce), r = "manual", l = re("Layer", o.className, {
     bodyScroll: c
   });
   let i;