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

package/README.md

@@ -1,3 +1,9 @@
+# `@weing-dev/ui-kit-primitive`
+
+외부 프로젝트에서 **패키지 서브패스별로 무엇을 import 할지** 정리한 문서: [서브패스 import 가이드](./docs/subpath-imports.md).
+
+---
+
 # React + TypeScript + Vite
 
 This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

package/dist/{Icon-DExqF865.js → Icon-DEdvzMs-.js}

@@ -1133,7 +1133,7 @@ const r = (t) => {
     }))
   }));
 }, L2 = M2(), _2 = y.createContext(L2), j2 = (t) => {
-  const e = y.useContext(_2);
+  const e = y.use(_2);
   return g(e, t);
 }, b2 = Object.freeze(["Add", "AddOutlined", "AddAPhoto", "ApprovalInactive", "ArrowDown", "ArrowRight", "ArrowUp", "ArrowDropDown", "ArticleOutlined", "AttachFile", "BackButton", "CalendarMonth", "CalendarToday", "CancleFilled", "Cancle", "CartFilled", "Cart", "Category", "CategoryOutlined", "Celebration", "Check", "CheckBadge", "CheckBoxRound", "CheckList", "CheckCircle", "ChevronLeft", "ChromeReaderMode", "Close", "Company", "CreditCard", "CropOriginal", "DensityMediumRound", "DoubleArrowDown", "DoubleArrowUp", "Download", "DragHandle", "Eco", "EditSquare", "EditNoteOutlined", "ErrorFilled", "Error", "ExpandAll", "ExpandLess", "ExpandMore", "Factory", "FeedbackOutlined", "FileUpload", "FilecheckInactive", "FileDownloadDoneFilled", "FileDownloadOutlined", "FullScreen", "FullScreenClose", "GoBefore", "GoNext", "HamburgerMenu", "HandshakeRound", "Home", "ImagecheckPlay", "ImportExport", "InfoFilled", "Inventory", "KakaoTalk", "ListAll", "LocalActivityOutlined", "LocalHospital", "LocalShipping", "Logout", "Menu", "Minus", "MinusOutlined", "ModeEdit", "More", "NaverBlog", "Naver", "Notification", "OrderApprove", "OrderInactive", "OrderPlay", "Outward", "Pause", "PayApprove", "PayInactive", "Payment", "PersonAddAlt", "Personcard", "PersonFilled", "PersonOutline", "PictureQuality", "Pip", "PipExit", "Play", "PlaybackSpeed", "PrintInactive", "PrintPlay", "Product", "ScheduleRound", "Search", "Search2", "SettingFilled", "Settings", "Share", "ShippingDone", "SubtitleFilled", "SubtitleOutlined", "SupportAgent", "SwapVert", "Task", "TrashOutlined", "Upload", "User", "VolumeOff", "VolumeUp", "WarningFilled", "Warning", "WarningAmber"]);
 function B2(t) {

package/dist/{color-B71xRiyK.js → baseColor-DYa5_IOB.js}

@@ -97,7 +97,7 @@ const e = {
   },
   blackBlack: "#000000",
   whiteWhite: "#ffffff"
-}, c = {
+}, f = {
   red: {
     Lighter: e.red.Red2,
     Light: e.red.Red4,
@@ -259,126 +259,9 @@ const e = {
   primary32: "#00a76f51",
   primary40: "#00a76f66",
   primary48: "#00a76f7a"
-}, o = {
-  light: {
-    textPrimary: e.grey.Grey9,
-    textSecondary: e.grey.Grey7,
-    textTertiary: e.grey.Grey6,
-    textDisabled: e.grey.Grey5,
-    backgroundDefault: e.whiteWhite,
-    backgroundPaper: e.whiteWhite,
-    backgroundSecond: r.grey8,
-    backgroundNeutral: e.grey.Grey2,
-    shadow8: r.grey8,
-    shadow12: r.grey12,
-    shadow20: r.grey20,
-    componentTextfieldFilled: r.grey8,
-    componentTextfieldUnderline: r.grey40,
-    componentTextfieldOutline: r.grey24,
-    actionHover: r.grey16,
-    actionDisabled: r.grey40,
-    actionDisabledBackground: r.grey16,
-    actionSelected: r.grey16,
-    actionFocus: r.grey48,
-    textError: e.red.Red6,
-    textSuccess: e.lightGreen.LightGreen6,
-    actionAction: e.grey.Grey6,
-    textWarning: e.gold.Gold6,
-    textContrast: e.whiteWhite,
-    inheritColor: e.whiteWhite,
-    inheritBgcolor: e.grey.Grey9,
-    inheritHover: e.grey.Grey8,
-    swapDarkLightRed: e.red.Red8,
-    swapDarkLightLightGreen: e.lightGreen.LightGreen8,
-    swapDarkLightDeepGreen: e.deepGreen.DeepGreen8,
-    swapDarkLightCyanBlue: e.cyanBlue.CyanBlue8,
-    swapDarkLightPurple: e.purple.Purple8,
-    swapDarkLightGold: e.gold.Gold8,
-    swapDarkLightBlue: e.blue.Blue8,
-    swapDarkLightPrimary: e.deepGreen.DeepGreen8
-  },
-  dark: {
-    textPrimary: e.whiteWhite,
-    textSecondary: e.grey.Grey5,
-    textTertiary: e.grey.Grey6,
-    textDisabled: e.grey.Grey7,
-    backgroundDefault: e.grey.Grey10,
-    backgroundPaper: e.grey.Grey9,
-    backgroundSecond: e.grey.Grey8,
-    backgroundNeutral: r.grey12,
-    shadow8: r.black8,
-    shadow12: r.black12,
-    shadow20: r.black20,
-    componentTextfieldFilled: r.grey8,
-    componentTextfieldUnderline: r.grey40,
-    componentTextfieldOutline: r.grey24,
-    actionHover: r.grey16,
-    actionDisabled: r.grey40,
-    actionDisabledBackground: r.grey20,
-    actionSelected: r.grey16,
-    actionFocus: r.grey8,
-    textError: e.red.Red6,
-    textSuccess: e.lightGreen.LightGreen6,
-    actionAction: e.grey.Grey5,
-    textWarning: e.gold.Gold6,
-    textContrast: e.blackBlack,
-    inheritColor: e.grey.Grey9,
-    inheritBgcolor: e.whiteWhite,
-    inheritHover: e.grey.Grey5,
-    swapDarkLightRed: e.red.Red4,
-    swapDarkLightLightGreen: e.lightGreen.LightGreen4,
-    swapDarkLightDeepGreen: e.deepGreen.DeepGreen4,
-    swapDarkLightCyanBlue: e.cyanBlue.CyanBlue4,
-    swapDarkLightPurple: e.purple.Purple4,
-    swapDarkLightGold: e.gold.Gold4,
-    swapDarkLightBlue: e.blue.Blue4,
-    swapDarkLightPrimary: e.deepGreen.DeepGreen4
-  },
-  primary: {
-    pLighter: c.deepGreen.Lighter,
-    pLight: c.deepGreen.Light,
-    pMain: c.deepGreen.Main,
-    pDark: c.deepGreen.Dark,
-    pDarker: c.deepGreen.Darker,
-    p4: r.deepGreen4,
-    p8: r.deepGreen8,
-    p12: r.deepGreen12,
-    p16: r.deepGreen16,
-    p20: r.deepGreen20,
-    p24: r.deepGreen24,
-    p32: r.deepGreen32,
-    p40: r.deepGreen40,
-    p48: r.deepGreen48,
-    pContrastText: c.whiteMain
-  }
-}, g = (a) => {
-  const l = Object.keys(a), i = (d, f) => Object.keys(d).reduce((n, p) => {
-    const t = d[p];
-    return typeof t == "object" ? n.concat(i(t, `${f}${p}`)) : n.concat(`--${f}${p}: ${t};
-`);
-  }, "");
-  return l.reduce((d, f) => {
-    const n = a[f];
-    return typeof n == "object" ? d.concat(i(n, f)) : d.concat(`--${f.replace(/_/g, "-")}: ${n};
-`);
-  }, "");
 };
-g(o.light), g(o.dark), g(o.primary), g(e), g(c), g(r);
-const G = (a) => `var(--${a.replace(/_/g, "-")})`, u = (a, l) => `var(--${a}${l.replace(/_/g, "-")})`, y = (a, l) => `${a.replace(/_/g, "-")}, ${l})`.replace(/(\))(\\,)/, "$2").replace(/(\d.)/g, "-$1"), h = Object.keys(o.light);
-h.reduce((a, l) => {
-  const i = o.light[l];
-  if (typeof i != "string") {
-    const d = Object.keys(i).reduce((f, n) => {
-      const p = i[n];
-      return f[n] = Array.isArray(p) ? y(u(l, n.replace(/_/g, "-").replace(/^[a-z]/, (t) => `-${t}`).replace(/([A-Z])/g, (t) => `-${t.toLocaleLowerCase()}`).replace(/(\d.)/g, "-$1")), p[1]) : u(l, n.replace(/_/g, "-").replace(/^[a-z]/, (t) => `-${t}`).replace(/([A-Z])/g, (t) => `-${t.toLocaleLowerCase()}`).replace(/(\d.)/g, "-$1")), f;
-    }, {});
-    return a[l] = d, a;
-  }
-  return a[l] = G(l), a;
-}, {});
 export {
   e as B,
-  c as S,
-  r as T,
-  o as c
+  f as S,
+  r as T
 };

package/dist/calendar.js

@@ -2,7 +2,7 @@ import { c as xe, j as $ } from "./compiler-runtime-BFrE5JtX.js";
 import S, { useLayoutEffect as In, useEffect as ee, useRef as J, useCallback as ve, useMemo as ie, useState as _e, createContext as gt, memo as Hn, useReducer as zn, useContext as ht } from "react";
 import { a as pt, g as Yt, c as Ft } from "./bind-D3ZJ5k4I.js";
 import C from "dayjs";
-import { a as dn } from "./Icon-DExqF865.js";
+import { a as dn } from "./Icon-DEdvzMs-.js";
 import { unstable_batchedUpdates as xt, createPortal as Pn } from "react-dom";
 import { u as Bn } from "./usePopper-DvYrGFkh.js";
 const jn = "_CaledarRoot_1715d_3", Fn = "_CalendarHeaderDate_1715d_9", Wn = "_CalendarDayTextList_1715d_27", Xn = "_CalednarDayTextColumn_1715d_34", Vn = "_sunday_1715d_57", Un = "_saturday_1715d_60", Zn = "_CalendarBody_1715d_63", qn = "_CalendarBodyColumn_1715d_67", Gn = "_selected_1715d_76", Kn = "_between_1715d_79", Jn = "_start_1715d_82", Qn = "_end_1715d_91", er = "_both_1715d_100", tr = "_today_1715d_103", nr = "_CalendarBodyColumnText_1715d_116", rr = {
@@ -442,7 +442,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     excludeDates: c,
     minDate: l,
     maxDate: u
-  } = S.useContext(je), {
+  } = S.use(je), {
     currentWeekFirst: d,
     currentMonthFirst: h,
     calendarType: g,
@@ -450,7 +450,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     isWeekDay: f,
     isMondayStart: m,
     selectedDate: D
-  } = S.useContext(je);
+  } = S.use(je);
   let y;
   if (Array.isArray(D)) {
     const x = D[0] || "", T = D[1] || "";
@@ -554,7 +554,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     addWeek: c,
     maxDate: l,
     currentMonthFirst: u
-  } = S.useContext(je);
+  } = S.use(je);
   let d;
   e[0] !== i || e[1] !== c || e[2] !== a || e[3] !== s ? (d = () => {
     a === "month" ? i(s) : c(s);
@@ -580,7 +580,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     subtractMonth: c,
     minDate: l,
     currentMonthFirst: u
-  } = S.useContext(je);
+  } = S.use(je);
   let d;
   e[0] !== a || e[1] !== s || e[2] !== c || e[3] !== i ? (d = () => {
     a === "month" ? c(s) : i(s);
@@ -606,7 +606,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     isWeekend: s,
     isMondayStart: a,
     lang: i
-  } = S.useContext(je), c = S.useMemo(() => {
+  } = S.use(je), c = S.useMemo(() => {
     const l = [];
     if (!o && !s)
       return [];
@@ -641,7 +641,7 @@ const dr = /* @__PURE__ */ new Map([["ko", ["일", "월", "화", "수", "목", "
     format: r
   } = t, o = r === void 0 ? "YYYY-MM" : r, {
     currentDate: s
-  } = S.useContext(je);
+  } = S.use(je);
   let a;
   e[0] !== n ? (a = Ie("CalendarHeaderDate", n), e[0] = n, e[1] = a) : a = e[1];
   let i;
@@ -3602,7 +3602,7 @@ const he = Ft.bind(so), Hs = (t) => {
     popperOffset: g,
     eventItemAs: p,
     eventItemPopperAs: f
-  } = S.useContext(rt), {
+  } = S.use(rt), {
     setNodeRef: m,
     listeners: D,
     attributes: y,
@@ -3791,7 +3791,7 @@ const he = Ft.bind(so), Hs = (t) => {
     enableCreateByDrag: i,
     itemHeight: c,
     type: l
-  } = S.useContext(rt), u = a === void 0 ? [] : a, d = c === void 0 ? 48 : c, h = l === void 0 ? "default" : l, [g, p] = S.useState(null), [f, m] = S.useState(null);
+  } = S.use(rt), u = a === void 0 ? [] : a, d = c === void 0 ? 48 : c, h = l === void 0 ? "default" : l, [g, p] = S.useState(null), [f, m] = S.useState(null);
   let D;
   e[0] !== n ? (D = {
     id: n
@@ -3956,7 +3956,7 @@ ${$t} ~ ${Ke}`, Le = P && i;
     columnCount: r,
     minHour: o,
     maxHour: s
-  } = S.useContext(rt), a = Array.from({
+  } = S.use(rt), a = Array.from({
     length: r
   }, (l, u) => ({
     date: C(n).add(u, "day").format("YYYY-MM-DD"),
@@ -3972,7 +3972,7 @@ ${$t} ~ ${Ke}`, Le = P && i;
   const {
     currentDate: t = C().format("YYYY-MM-DD"),
     columnCount: e
-  } = S.useContext(rt), n = Array.from({
+  } = S.use(rt), n = Array.from({
     length: e
   }, (r, o) => ({
     realDate: C(t).add(o, "day"),
@@ -3998,7 +3998,7 @@ ${$t} ~ ${Ke}`, Le = P && i;
     maxHour: s,
     itemHeight: a,
     type: i
-  } = S.useContext(rt), c = a === void 0 ? 48 : a, l = i === void 0 ? "default" : i, u = s - o;
+  } = S.use(rt), c = a === void 0 ? 48 : a, l = i === void 0 ? "default" : i, u = s - o;
   let d;
   if (e[0] !== r || e[1] !== n || e[2] !== u || e[3] !== c || e[4] !== s || e[5] !== o || e[6] !== l) {
     const h = Array.from({

package/dist/chart.css

@@ -0,0 +1 @@
+@layer Chart{._ChartFrame_1t22s_2{position:relative;width:100%}._ChartState_1t22s_6{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:160px;color:var(--chartLabel, #637381);font:inherit}}

package/dist/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';