@shiflo/ui 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 김종혁
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# shiflo-ui
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.1.27. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

package/dist/assets/icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line';
+export * from './solid';

package/dist/assets/icons/index.mjs

@@ -0,0 +1,18 @@
+import { S as a } from "./line/calendar-line.svg-DHsuXoUL.js";
+import { S } from "./solid/calendar-days-solid.svg-CIj8vf6t.js";
+import { S as l } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
+import { S as i } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
+import { S as m } from "./solid/calendars-solid.svg-rClh_xBu.js";
+import { S as p } from "./solid/gear-solid.svg-C6vEx0Wx.js";
+import { S as x } from "./solid/grid-2-solid.svg-BRtzwK6Y.js";
+import { S as G } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
+export {
+  S as CalendarDaysSolid,
+  a as CalendarLine,
+  l as CalendarLinesSolid,
+  i as CalendarWeekSolid,
+  m as CalendarsSolid,
+  p as GearSolid,
+  x as Grid2Solid,
+  G as PenToSquareSolid
+};

package/dist/assets/icons/index.ts-BL4wFg6B.js

@@ -0,0 +1,22 @@
+import { S as o } from "./line/calendar-line.svg-DHsuXoUL.js";
+import { S as r } from "./solid/calendar-days-solid.svg-CIj8vf6t.js";
+import { S as a } from "./solid/calendar-lines-solid.svg-D2qG_E7t.js";
+import { S } from "./solid/calendar-week-solid.svg-CVmrJtif.js";
+import { S as e } from "./solid/calendars-solid.svg-rClh_xBu.js";
+import { S as i } from "./solid/gear-solid.svg-C6vEx0Wx.js";
+import { S as l } from "./solid/grid-2-solid.svg-BRtzwK6Y.js";
+import { S as d } from "./solid/pen-to-square-solid.svg-DUdNcuTM.js";
+const C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CalendarDaysSolid: r,
+  CalendarLine: o,
+  CalendarLinesSolid: a,
+  CalendarWeekSolid: S,
+  CalendarsSolid: e,
+  GearSolid: i,
+  Grid2Solid: l,
+  PenToSquareSolid: d
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  C as S
+};

package/dist/assets/icons/line/calendar-line.svg-DHsuXoUL.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 27, viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_62_10)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.14286 1.26562C8.14286 0.564258 7.56964 0 6.85714 0C6.14464 0 5.57143 0.564258 5.57143 1.26562V3.375H3.42857C1.5375 3.375 0 4.88848 0 6.75V7.59375V10.125V23.625C0 25.4865 1.5375 27 3.42857 27H20.5714C22.4625 27 24 25.4865 24 23.625V10.125V7.59375V6.75C24 4.88848 22.4625 3.375 20.5714 3.375H18.4286V1.26562C18.4286 0.564258 17.8554 0 17.1429 0C16.4304 0 15.8571 0.564258 15.8571 1.26562V3.375H8.14286V1.26562ZM2.57143 10.125H21.4286V23.625C21.4286 24.0891 21.0429 24.4688 20.5714 24.4688H3.42857C2.95714 24.4688 2.57143 24.0891 2.57143 23.625V10.125ZM5.14286 14.7656C5.14286 15.467 5.71607 16.0312 6.42857 16.0312H17.5714C18.2839 16.0312 18.8571 15.467 18.8571 14.7656C18.8571 14.0643 18.2839 13.5 17.5714 13.5H6.42857C5.71607 13.5 5.14286 14.0643 5.14286 14.7656ZM6.42857 18.5625C5.71607 18.5625 5.14286 19.1268 5.14286 19.8281C5.14286 20.5295 5.71607 21.0938 6.42857 21.0938H12.4286C13.1411 21.0938 13.7143 20.5295 13.7143 19.8281C13.7143 19.1268 13.1411 18.5625 12.4286 18.5625H6.42857Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_62_10" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 27, fill: "currentColor" }))));
+export {
+  l as S
+};

package/dist/assets/icons/line/index.d.ts

@@ -0,0 +1 @@
+export { default as CalendarLine } from './calendar-line.svg';

package/dist/assets/icons/line/index.mjs

@@ -0,0 +1,4 @@
+import { S as r } from "./calendar-line.svg-DHsuXoUL.js";
+export {
+  r as CalendarLine
+};

package/dist/assets/icons/solid/calendar-days-solid.svg-CIj8vf6t.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 27, viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_67_10)" }, /* @__PURE__ */ e.createElement("path", { d: "M6.85714 0C7.80536 0 8.57143 0.754102 8.57143 1.6875V3.375H15.4286V1.6875C15.4286 0.754102 16.1946 0 17.1429 0C18.0911 0 18.8571 0.754102 18.8571 1.6875V3.375H21.4286C22.8482 3.375 24 4.50879 24 5.90625V8.4375H0V5.90625C0 4.50879 1.15179 3.375 2.57143 3.375H5.14286V1.6875C5.14286 0.754102 5.90893 0 6.85714 0ZM0 10.125H24V24.4688C24 25.8662 22.8482 27 21.4286 27H2.57143C1.15179 27 0 25.8662 0 24.4688V10.125ZM3.42857 14.3438V16.0312C3.42857 16.4953 3.81429 16.875 4.28571 16.875H6C6.47143 16.875 6.85714 16.4953 6.85714 16.0312V14.3438C6.85714 13.8797 6.47143 13.5 6 13.5H4.28571C3.81429 13.5 3.42857 13.8797 3.42857 14.3438ZM10.2857 14.3438V16.0312C10.2857 16.4953 10.6714 16.875 11.1429 16.875H12.8571C13.3286 16.875 13.7143 16.4953 13.7143 16.0312V14.3438C13.7143 13.8797 13.3286 13.5 12.8571 13.5H11.1429C10.6714 13.5 10.2857 13.8797 10.2857 14.3438ZM18 13.5C17.5286 13.5 17.1429 13.8797 17.1429 14.3438V16.0312C17.1429 16.4953 17.5286 16.875 18 16.875H19.7143C20.1857 16.875 20.5714 16.4953 20.5714 16.0312V14.3438C20.5714 13.8797 20.1857 13.5 19.7143 13.5H18ZM3.42857 21.0938V22.7812C3.42857 23.2453 3.81429 23.625 4.28571 23.625H6C6.47143 23.625 6.85714 23.2453 6.85714 22.7812V21.0938C6.85714 20.6297 6.47143 20.25 6 20.25H4.28571C3.81429 20.25 3.42857 20.6297 3.42857 21.0938ZM11.1429 20.25C10.6714 20.25 10.2857 20.6297 10.2857 21.0938V22.7812C10.2857 23.2453 10.6714 23.625 11.1429 23.625H12.8571C13.3286 23.625 13.7143 23.2453 13.7143 22.7812V21.0938C13.7143 20.6297 13.3286 20.25 12.8571 20.25H11.1429ZM17.1429 21.0938V22.7812C17.1429 23.2453 17.5286 23.625 18 23.625H19.7143C20.1857 23.625 20.5714 23.2453 20.5714 22.7812V21.0938C20.5714 20.6297 20.1857 20.25 19.7143 20.25H18C17.5286 20.25 17.1429 20.6297 17.1429 21.0938Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_67_10" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 27, fill: "currentColor" }))));
+export {
+  t as S
+};

package/dist/assets/icons/solid/calendar-lines-solid.svg-D2qG_E7t.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 27, viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_67_14)" }, /* @__PURE__ */ e.createElement("path", { d: "M5.14286 1.6875V3.375H2.57143C1.15179 3.375 0 4.50879 0 5.90625V8.4375H24V5.90625C24 4.50879 22.8482 3.375 21.4286 3.375H18.8571V1.6875C18.8571 0.754102 18.0911 0 17.1429 0C16.1946 0 15.4286 0.754102 15.4286 1.6875V3.375H8.57143V1.6875C8.57143 0.754102 7.80536 0 6.85714 0C5.90893 0 5.14286 0.754102 5.14286 1.6875ZM24 10.125H0V24.4688C0 25.8662 1.15179 27 2.57143 27H21.4286C22.8482 27 24 25.8662 24 24.4688V10.125ZM5.14286 15.6094C5.14286 14.908 5.71607 14.3438 6.42857 14.3438H17.5714C18.2839 14.3438 18.8571 14.908 18.8571 15.6094C18.8571 16.3107 18.2839 16.875 17.5714 16.875H6.42857C5.71607 16.875 5.14286 16.3107 5.14286 15.6094ZM6.42857 19.4062H12.4286C13.1411 19.4062 13.7143 19.9705 13.7143 20.6719C13.7143 21.3732 13.1411 21.9375 12.4286 21.9375H6.42857C5.71607 21.9375 5.14286 21.3732 5.14286 20.6719C5.14286 19.9705 5.71607 19.4062 6.42857 19.4062Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_67_14" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 27, fill: "currentColor" }))));
+export {
+  l as S
+};

package/dist/assets/icons/solid/calendar-week-solid.svg-CVmrJtif.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 27, viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_67_12)" }, /* @__PURE__ */ e.createElement("path", { d: "M6.85714 0C7.80536 0 8.57143 0.754102 8.57143 1.6875V3.375H15.4286V1.6875C15.4286 0.754102 16.1946 0 17.1429 0C18.0911 0 18.8571 0.754102 18.8571 1.6875V3.375H21.4286C22.8482 3.375 24 4.50879 24 5.90625V8.4375H0V5.90625C0 4.50879 1.15179 3.375 2.57143 3.375H5.14286V1.6875C5.14286 0.754102 5.90893 0 6.85714 0ZM0 10.125H24V24.4688C24 25.8662 22.8482 27 21.4286 27H2.57143C1.15179 27 0 25.8662 0 24.4688V10.125ZM4.28571 13.5C3.81429 13.5 3.42857 13.8797 3.42857 14.3438V17.7188C3.42857 18.1828 3.81429 18.5625 4.28571 18.5625H19.7143C20.1857 18.5625 20.5714 18.1828 20.5714 17.7188V14.3438C20.5714 13.8797 20.1857 13.5 19.7143 13.5H4.28571Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_67_12" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 27, fill: "currentColor" }))));
+export {
+  l as S
+};

package/dist/assets/icons/solid/calendars-solid.svg-rClh_xBu.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_62_23)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.5 0.5C9.67031 0.5 9 1.17031 9 2V3.5H6.75C5.50781 3.5 4.5 4.50781 4.5 5.75V8H24V5.75C24 4.50781 22.9922 3.5 21.75 3.5H19.5V2C19.5 1.17031 18.8297 0.5 18 0.5C17.1703 0.5 16.5 1.17031 16.5 2V3.5H12V2C12 1.17031 11.3297 0.5 10.5 0.5ZM4.5 9.5V17.75C4.5 18.9922 5.50781 20 6.75 20H21.75C22.9922 20 24 18.9922 24 17.75V9.5H4.5ZM2.25 9.125C2.25 8.50156 1.74844 8 1.125 8C0.501562 8 0 8.50156 0 9.125V18.875C0 21.9828 2.51719 24.5 5.625 24.5H18.375C18.9984 24.5 19.5 23.9984 19.5 23.375C19.5 22.7516 18.9984 22.25 18.375 22.25H5.625C3.75938 22.25 2.25 20.7406 2.25 18.875V9.125Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_62_23" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "currentColor", transform: "translate(0 0.5)" }))));
+export {
+  l as S
+};

package/dist/assets/icons/solid/gear-solid.svg-C6vEx0Wx.js

@@ -0,0 +1,5 @@
+import * as C from "react";
+const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("g", { clipPath: "url(#clip0_62_34)" }, /* @__PURE__ */ C.createElement("path", { d: "M23.2453 8.30938C23.3953 8.71719 23.2687 9.17188 22.9453 9.4625L20.9156 11.3094C20.9672 11.6984 20.9953 12.0969 20.9953 12.5C20.9953 12.9031 20.9672 13.3016 20.9156 13.6906L22.9453 15.5375C23.2687 15.8281 23.3953 16.2828 23.2453 16.6906C23.039 17.2484 22.7906 17.7828 22.5047 18.2984L22.2843 18.6781C21.975 19.1937 21.6281 19.6812 21.2484 20.1406C20.9718 20.4781 20.5125 20.5906 20.1 20.4594L17.489 19.6297C16.8609 20.1125 16.1672 20.5156 15.4265 20.8203L14.8406 23.4969C14.7468 23.9234 14.4187 24.2609 13.9875 24.3312C13.3406 24.4391 12.675 24.4953 11.9953 24.4953C11.3156 24.4953 10.65 24.4391 10.0031 24.3312C9.57184 24.2609 9.24371 23.9234 9.14996 23.4969L8.56403 20.8203C7.8234 20.5156 7.12965 20.1125 6.50153 19.6297L3.89528 20.4641C3.48278 20.5953 3.0234 20.4781 2.74684 20.1453C2.36715 19.6859 2.02028 19.1984 1.7109 18.6828L1.49059 18.3031C1.20465 17.7875 0.956213 17.2531 0.749963 16.6953C0.599963 16.2875 0.726526 15.8328 1.04996 15.5422L3.07965 13.6953C3.02809 13.3016 2.99996 12.9031 2.99996 12.5C2.99996 12.0969 3.02809 11.6984 3.07965 11.3094L1.04996 9.4625C0.726526 9.17188 0.599963 8.71719 0.749963 8.30938C0.956213 7.75156 1.20465 7.21719 1.49059 6.70156L1.7109 6.32187C2.02028 5.80625 2.36715 5.31875 2.74684 4.85938C3.0234 4.52187 3.48278 4.40937 3.89528 4.54062L6.50621 5.37031C7.13434 4.8875 7.82809 4.48438 8.56871 4.17969L9.15465 1.50312C9.2484 1.07656 9.57653 0.739062 10.0078 0.66875C10.6547 0.55625 11.3203 0.5 12 0.5C12.6797 0.5 13.3453 0.55625 13.9922 0.664062C14.4234 0.734375 14.7515 1.07187 14.8453 1.49844L15.4312 4.175C16.1718 4.47969 16.8656 4.88281 17.4937 5.36563L20.1047 4.53594C20.5172 4.40469 20.9765 4.52187 21.2531 4.85469C21.6328 5.31406 21.9797 5.80156 22.289 6.31719L22.5093 6.69687C22.7953 7.2125 23.0437 7.74687 23.25 8.30469L23.2453 8.30938ZM12 16.25C12.9945 16.25 13.9484 15.8549 14.6516 15.1517C15.3549 14.4484 15.75 13.4946 15.75 12.5C15.75 11.5054 15.3549 10.5516 14.6516 9.84835C13.9484 9.14509 12.9945 8.75 12 8.75C11.0054 8.75 10.0516 9.14509 9.34831 9.84835C8.64505 10.5516 8.24996 11.5054 8.24996 12.5C8.24996 13.4946 8.64505 14.4484 9.34831 15.1517C10.0516 15.8549 11.0054 16.25 12 16.25Z", fill: "currentColor" })), /* @__PURE__ */ C.createElement("defs", null, /* @__PURE__ */ C.createElement("clipPath", { id: "clip0_62_34" }, /* @__PURE__ */ C.createElement("rect", { width: 24, height: 24, fill: "currentColor", transform: "translate(0 0.5)" }))));
+export {
+  t as S
+};

package/dist/assets/icons/solid/grid-2-solid.svg-BRtzwK6Y.js

@@ -0,0 +1,5 @@
+import * as C from "react";
+const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M10.5 4.25C10.5 3.00781 9.49219 2 8.25 2H3.75C2.50781 2 1.5 3.00781 1.5 4.25V8.75C1.5 9.99219 2.50781 11 3.75 11H8.25C9.49219 11 10.5 9.99219 10.5 8.75V4.25ZM10.5 16.25C10.5 15.0078 9.49219 14 8.25 14H3.75C2.50781 14 1.5 15.0078 1.5 16.25V20.75C1.5 21.9922 2.50781 23 3.75 23H8.25C9.49219 23 10.5 21.9922 10.5 20.75V16.25ZM13.5 4.25V8.75C13.5 9.99219 14.5078 11 15.75 11H20.25C21.4922 11 22.5 9.99219 22.5 8.75V4.25C22.5 3.00781 21.4922 2 20.25 2H15.75C14.5078 2 13.5 3.00781 13.5 4.25ZM22.5 16.25C22.5 15.0078 21.4922 14 20.25 14H15.75C14.5078 14 13.5 15.0078 13.5 16.25V20.75C13.5 21.9922 14.5078 23 15.75 23H20.25C21.4922 23 22.5 21.9922 22.5 20.75V16.25Z", fill: "currentColor" }));
+export {
+  t as S
+};

package/dist/assets/icons/solid/index.d.ts

@@ -0,0 +1,7 @@
+export { default as CalendarDaysSolid } from './calendar-days-solid.svg';
+export { default as CalendarLinesSolid } from './calendar-lines-solid.svg';
+export { default as CalendarWeekSolid } from './calendar-week-solid.svg';
+export { default as CalendarsSolid } from './calendars-solid.svg';
+export { default as GearSolid } from './gear-solid.svg';
+export { default as Grid2Solid } from './grid-2-solid.svg';
+export { default as PenToSquareSolid } from './pen-to-square-solid.svg';

package/dist/assets/icons/solid/index.mjs

@@ -0,0 +1,16 @@
+import { S as a } from "./calendar-days-solid.svg-CIj8vf6t.js";
+import { S } from "./calendar-lines-solid.svg-D2qG_E7t.js";
+import { S as l } from "./calendar-week-solid.svg-CVmrJtif.js";
+import { S as i } from "./calendars-solid.svg-rClh_xBu.js";
+import { S as m } from "./gear-solid.svg-C6vEx0Wx.js";
+import { S as t } from "./grid-2-solid.svg-BRtzwK6Y.js";
+import { S as n } from "./pen-to-square-solid.svg-DUdNcuTM.js";
+export {
+  a as CalendarDaysSolid,
+  S as CalendarLinesSolid,
+  l as CalendarWeekSolid,
+  i as CalendarsSolid,
+  m as GearSolid,
+  t as Grid2Solid,
+  n as PenToSquareSolid
+};

package/dist/assets/icons/solid/pen-to-square-solid.svg-DUdNcuTM.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_67_16)" }, /* @__PURE__ */ e.createElement("path", { d: "M22.1063 1.51718C21.0797 0.490613 19.4203 0.490613 18.3937 1.51718L16.9828 2.92343L21.5719 7.51249L22.9828 6.10155C24.0094 5.07499 24.0094 3.41561 22.9828 2.38905L22.1063 1.51718ZM8.08125 11.8297C7.79531 12.1156 7.575 12.4672 7.44844 12.8562L6.06094 17.0187C5.925 17.4219 6.03281 17.8672 6.33281 18.1719C6.63281 18.4766 7.07812 18.5797 7.48594 18.4437L11.6484 17.0562C12.0328 16.9297 12.3844 16.7094 12.675 16.4234L20.5172 8.57655L15.9234 3.9828L8.08125 11.8297ZM4.5 3.49999C2.01562 3.49999 0 5.51561 0 7.99999V20C0 22.4844 2.01562 24.5 4.5 24.5H16.5C18.9844 24.5 21 22.4844 21 20V15.5C21 14.6703 20.3297 14 19.5 14C18.6703 14 18 14.6703 18 15.5V20C18 20.8297 17.3297 21.5 16.5 21.5H4.5C3.67031 21.5 3 20.8297 3 20V7.99999C3 7.1703 3.67031 6.49999 4.5 6.49999H9C9.82969 6.49999 10.5 5.82968 10.5 4.99999C10.5 4.1703 9.82969 3.49999 9 3.49999H4.5Z", fill: "currentColor" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_67_16" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "currentColor", transform: "translate(0 0.5)" }))));
+export {
+  l as S
+};

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,3 @@
+import { BoxProps } from './Box.typing';
+declare function Box(props: BoxProps): import("react").JSX.Element;
+export default Box;

package/dist/components/Box/Box.mjs

@@ -0,0 +1,29 @@
+import { jsx as c } from "react/jsx-runtime";
+import d from "basic-styled";
+import a from "../../utils/getUtilityProps.mjs";
+import t from "../../utils/getValueByPath.mjs";
+const f = d.div`
+  transition:
+    background-color 0.2s,
+    border-width 0.2s,
+    border-radius 0.2s,
+    border-color 0.2s,
+    color 0.2s;
+
+  ${({ theme: { palette: o }, backgroundColor: s, borderColor: i, color: e, ...n }) => {
+  const r = {};
+  return Object.assign(r, a(n)), s && Object.assign(r, {
+    backgroundColor: t(o, s)
+  }), i && Object.assign(r, {
+    borderColor: t(o, i)
+  }), e && Object.assign(r, {
+    color: t(o, e)
+  }), r;
+}}
+`;
+function u(o) {
+  return /* @__PURE__ */ c(f, { ...o });
+}
+export {
+  u as default
+};

package/dist/components/Box/Box.typing.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import { RecursionPath, UtilityProps } from '../../typings/utility';
+import { BasicTheme } from 'basic-styled';
+export interface BoxProps extends ComponentPropsWithRef<"div">, UtilityProps {
+    backgroundColor?: RecursionPath<BasicTheme["palette"]>;
+    color?: RecursionPath<BasicTheme["palette"]> | "inherit";
+    borderColor?: RecursionPath<BasicTheme["palette"]>;
+}

package/dist/components/Box/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Box } from './Box';
+import { BoxProps } from './Box.typing';
+export type { BoxProps };
+export default Box;

package/dist/components/Box/index.mjs

@@ -0,0 +1,4 @@
+import r from "./Box.mjs";
+export {
+  r as default
+};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './Button.typing';
+declare function Button({ ref, children, variant, size, color, startIcon, endIcon, ...props }: ButtonProps): import("react").JSX.Element;
+export default Button;

package/dist/components/Button/Button.mjs

@@ -0,0 +1,202 @@
+import { jsxs as g } from "react/jsx-runtime";
+import u from "basic-styled";
+const h = u.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ theme: { spacing: t } }) => t[100]};
+  font-weight: 500;
+  transition:
+    transform 0.2s ease-out,
+    background-color 0.2s,
+    padding 0.2s,
+    font-size 0.2s,
+    font-weight 0.2s,
+    border-width 0.2s,
+    border-radius 0.2s,
+    border-color 0.2s,
+    color 0.2s;
+  border: 1px solid transparent;
+
+  ${({
+  theme: {
+    mode: t,
+    palette: { primary: e, secondary: r, neutral: o },
+    typography: { body1: d, body2: a, small1: n, small2: s },
+    spacing: c,
+    radius: l
+  },
+  variant: b,
+  size: f,
+  color: k
+}) => {
+  const i = {};
+  switch (b) {
+    case "ghost":
+      Object.assign(i, {
+        backgroundColor: e.alpha[10],
+        color: e.main,
+        "& svg": {
+          color: e.main
+        },
+        "&:hover": {
+          backgroundColor: e.alpha[20]
+        },
+        "&:active": {
+          transform: "scale(0.9)",
+          backgroundColor: e.alpha[30]
+        },
+        "&:disabled": {
+          backgroundColor: t === "dark" ? e.alpha[10] : e.alpha[5],
+          color: o[500],
+          cursor: "not-allowed"
+        }
+      });
+      break;
+    case "text":
+      Object.assign(i, {
+        backgroundColor: "transparent",
+        color: t === "dark" ? o[800] : o[700],
+        // 기본 텍스트 색상 (더 강조된 중립색)
+        "& svg": {
+          color: t === "dark" ? o[800] : o[700]
+        },
+        "&:hover": {
+          backgroundColor: o[200]
+        },
+        "&:active": {
+          transform: "scale(0.9)",
+          backgroundColor: o[300]
+        },
+        "&:disabled": {
+          color: o[500],
+          backgroundColor: "transparent",
+          cursor: "not-allowed",
+          textDecoration: "none"
+        }
+      });
+      break;
+    default:
+      if (k === "secondary") {
+        Object.assign(i, {
+          backgroundColor: r.main,
+          color: t === "dark" ? o[900] : o[700],
+          "& svg": {
+            color: t === "dark" ? o[900] : o[700]
+          },
+          "&:hover": {
+            backgroundColor: r.light
+          },
+          "&:active": {
+            transform: "scale(0.9)",
+            backgroundColor: r.dark
+          },
+          "&:disabled": {
+            backgroundColor: o[200],
+            color: o[500],
+            cursor: "not-allowed"
+          }
+        });
+        break;
+      }
+      Object.assign(i, {
+        backgroundColor: e.main,
+        color: t === "dark" ? o[900] : r.main,
+        "& svg": {
+          color: t === "dark" ? o[900] : r.main
+        },
+        "&:hover": {
+          backgroundColor: e.hover
+        },
+        "&:active": {
+          transform: "scale(0.9)",
+          backgroundColor: e.active
+        },
+        "&:disabled": {
+          backgroundColor: o[200],
+          color: o[500],
+          cursor: "not-allowed"
+        }
+      });
+      break;
+  }
+  switch (f) {
+    case "large":
+      Object.assign(i, {
+        padding: `${c[300]} ${c[350]}`,
+        borderRadius: l[300],
+        fontSize: d.fontSize,
+        lineHeight: d.lineHeight,
+        "& svg": {
+          width: d.fontSize,
+          height: d.fontSize
+        }
+      });
+      break;
+    case "small":
+      Object.assign(i, {
+        padding: `${c[100]} ${c[150]}`,
+        borderRadius: l[200],
+        fontSize: n.fontSize,
+        lineHeight: n.lineHeight,
+        "& svg": {
+          width: n.fontSize,
+          height: n.fontSize
+        }
+      });
+      break;
+    case "xSmall":
+      Object.assign(i, {
+        padding: `${c[50]} ${c[100]}`,
+        borderRadius: l[150],
+        fontSize: s.fontSize,
+        lineHeight: s.lineHeight,
+        "& svg": {
+          width: s.fontSize,
+          height: s.fontSize
+        }
+      });
+      break;
+    default:
+      Object.assign(i, {
+        padding: `${c[200]} ${c[250]}`,
+        borderRadius: l[250],
+        fontSize: a.fontSize,
+        lineHeight: a.lineHeight,
+        "& svg": {
+          width: a.fontSize,
+          height: a.fontSize
+        }
+      });
+      break;
+  }
+  return i;
+}}
+`;
+function C({
+  ref: t,
+  children: e,
+  variant: r = "filled",
+  size: o = "medium",
+  color: d = "primary",
+  startIcon: a,
+  endIcon: n,
+  ...s
+}) {
+  return r === "text" ? /* @__PURE__ */ g(h, { ref: t, variant: "text", size: o, color: "secondary", ...s, children: [
+    a,
+    e,
+    n
+  ] }) : r === "ghost" ? /* @__PURE__ */ g(h, { ref: t, variant: "ghost", size: o, color: "primary", ...s, children: [
+    a,
+    e,
+    n
+  ] }) : /* @__PURE__ */ g(h, { ref: t, variant: r, size: o, color: d, ...s, children: [
+    a,
+    e,
+    n
+  ] });
+}
+export {
+  C as default
+};

package/dist/components/Button/Button.typing.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface BaseButtonProps extends ComponentPropsWithRef<"button"> {
+    size?: "xSmall" | "small" | "medium" | "large";
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+}
+export interface FilledButtonProps extends BaseButtonProps {
+    variant?: "filled";
+    color?: "primary" | "secondary";
+}
+export interface GhostButtonProps extends BaseButtonProps {
+    variant?: "ghost";
+    color?: "primary";
+}
+export interface TextButtonProps extends BaseButtonProps {
+    variant?: "text";
+    color?: "secondary";
+}
+export type ButtonProps = FilledButtonProps | GhostButtonProps | TextButtonProps;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Button } from './Button';
+import { ButtonProps } from './Button.typing';
+export type { ButtonProps };
+export default Button;

package/dist/components/Button/index.mjs

@@ -0,0 +1,4 @@
+import o from "./Button.mjs";
+export {
+  o as default
+};

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './Icon.typing';
+declare function Icon({ ref, name, width, height, ...props }: IconProps): import("react").JSX.Element[] | null | undefined;
+export default Icon;

package/dist/components/Icon/Icon.mjs

@@ -0,0 +1,27 @@
+import { jsx as h } from "react/jsx-runtime";
+import { Children as l, isValidElement as p } from "react";
+import { S as a } from "../../assets/icons/index.ts-BL4wFg6B.js";
+import c from "basic-styled";
+import f from "../../utils/getValueByPath.mjs";
+const d = c.svg`
+  transition:
+    width 0.2s,
+    height 0.2s,
+    color 0.2s;
+  color: ${({ theme: { palette: o }, color: r }) => f(o, r || "") || "inherit"};
+`;
+function y({ ref: o, name: r, width: i = 24, height: n = 24, ...s }) {
+  const m = a[r];
+  return l.map(m(), (e) => {
+    if (!p(e))
+      return null;
+    const t = {
+      ...s,
+      ...e.props
+    };
+    return t.width = i ?? t.width, t.height = n ?? t.height, /* @__PURE__ */ h(d, { ref: o, ...t });
+  });
+}
+export {
+  y as default
+};

package/dist/components/Icon/Icon.typing.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import { RecursionPath } from '../../typings/utility';
+import { BasicTheme } from 'basic-styled';
+import type * as Svgs from "../../assets/icons";
+export interface IconProps extends Omit<ComponentPropsWithRef<"svg">, "children"> {
+    name: keyof typeof Svgs;
+    color?: RecursionPath<BasicTheme["palette"]> | "inherit";
+}

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Icon } from './Icon';
+import { IconProps } from './Icon.typing';
+export type { IconProps };
+export default Icon;

package/dist/components/Icon/index.mjs

@@ -0,0 +1,4 @@
+import r from "./Icon.mjs";
+export {
+  r as default
+};

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { TagProps } from './Tag.typing';
+declare function Tag(props: TagProps): import("react").JSX.Element;
+export default Tag;

package/dist/components/Tag/Tag.mjs

@@ -0,0 +1,75 @@
+import { jsx as l } from "react/jsx-runtime";
+import b from "basic-styled";
+const m = b.span`
+  transition:
+    background-color 0.2s,
+    color 0.2s;
+  cursor: default;
+
+  padding: ${({ theme: { spacing: r } }) => r[100]};
+  border-radius: ${({ theme: { radius: r } }) => r[200]};
+
+  ${({
+  theme: {
+    mode: r,
+    palette: {
+      primary: e,
+      secondary: o,
+      text: i,
+      feedback: { warning: n, error: t, info: c, success: s }
+    }
+  },
+  color: g
+}) => {
+  const a = {};
+  switch (g) {
+    case "warning":
+      Object.assign(a, {
+        backgroundColor: n.main,
+        color: r === "dark" ? o.main : i.primary
+      });
+      break;
+    case "error":
+      Object.assign(a, {
+        backgroundColor: t.main,
+        color: r === "dark" ? o.main : i.primary
+      });
+      break;
+    case "info":
+      Object.assign(a, {
+        backgroundColor: c.main,
+        color: r === "dark" ? o.main : i.primary
+      });
+      break;
+    case "success":
+      Object.assign(a, {
+        backgroundColor: s.main,
+        color: r === "dark" ? o.main : i.primary
+      });
+      break;
+    default:
+      Object.assign(a, {
+        backgroundColor: e.main,
+        color: o.main
+      });
+      break;
+  }
+  return a;
+}}
+
+  ${({
+  theme: {
+    typography: { small2: r }
+  }
+}) => ({
+  fontSize: r.fontSize,
+  fontWeight: 700,
+  lineHeight: r.lineHeight
+})};
+`;
+function d(r) {
+  return /* @__PURE__ */ l(m, { ...r });
+}
+export {
+  d as default
+};

package/dist/components/Tag/Tag.typing.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
+export interface TagProps extends ComponentPropsWithRef<"span"> {
+    color?: "primary" | "warning" | "error" | "info" | "success";
+}

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Tag } from './Tag';
+import { TagProps } from './Tag.typing';
+export type { TagProps };
+export default Tag;

package/dist/components/Tag/index.mjs

@@ -0,0 +1,4 @@
+import o from "./Tag.mjs";
+export {
+  o as default
+};

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from './Typography.typing';
+declare function Typography({ ref, variant, fontWeight, ...props }: TypographyProps): import("react").JSX.Element;
+export default Typography;