@iyulab/components 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,4 @@
+# Changelog
+
+## 0.1.0 (2025-11-12)
+- Initial library version release

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+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,33 @@
+# @iyulab/components
+
+Modern web components library built with Lit-Element for building reactive user interfaces.
+
+## Installation
+
+```bash
+npm install @iyulab/components
+```
+
+## Usage
+
+### Basic Import
+
+```js
+import "@iyulab/components";
+```
+
+## Links
+
+- [GitHub Repository](https://github.com/iyulab/u-components)
+- [NPM Package](https://www.npmjs.com/package/@iyulab/components)
+
+> 📝 **Note**: Demo site is coming soon!
+
+## Core Dependencies
+
+- [lit](https://www.npmjs.com/package/lit) - Fast web components framework
+- [@floating-ui/dom](https://www.npmjs.com/package/@floating-ui/dom) - Positioning library for tooltips and popovers
+
+## License
+
+MIT © [iyulab](https://www.iyulab.com)

package/dist/assets/icons/arrow-clockwise.svg.js

@@ -0,0 +1,7 @@
+const r = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/>\r
+  <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/>\r
+</svg>`;
+export {
+  r as default
+};

package/dist/assets/icons/arrow-down.svg.js

@@ -0,0 +1,6 @@
+const r = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path stroke="currentColor" stroke-width="1.5" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1"/>\r
+</svg>`;
+export {
+  r as default
+};

package/dist/assets/icons/arrow-up.svg.js

@@ -0,0 +1,6 @@
+const r = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path stroke="currentColor" stroke-width="1.5" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5"/>\r
+</svg>`;
+export {
+  r as default
+};

package/dist/assets/icons/ban.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M15 8a6.97 6.97 0 0 0-1.71-4.584l-9.874 9.875A7 7 0 0 0 15 8M2.71 12.584l9.874-9.875a7 7 0 0 0-9.874 9.874ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/bell-fill.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901"/>
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/check-circle-fill.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/check-lg.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/chevron-down.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"></path>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/chevron-left.svg.js

@@ -0,0 +1,6 @@
+const e = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>\r
+</svg>`;
+export {
+  e as default
+};

package/dist/assets/icons/chevron-right.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/chevron-up.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"></path>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/copy.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/dash-lg.svg.js

@@ -0,0 +1,6 @@
+const s = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+    <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8"/>\r
+</svg>`;
+export {
+  s as default
+};

package/dist/assets/icons/exclamation-circle-fill.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/exclamation-triangle-fill.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/eye-slash.svg.js

@@ -0,0 +1,8 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z"/>
+  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/>
+  <path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z"/>
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/eye.svg.js

@@ -0,0 +1,7 @@
+const s = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
+  <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
+</svg>`;
+export {
+  s as default
+};

package/dist/assets/icons/info-circle-fill.svg.js

@@ -0,0 +1,6 @@
+const l = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+    <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2"/>\r
+</svg>`;
+export {
+  l as default
+};

package/dist/assets/icons/layout-sidebar.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5-1v12h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM4 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/lightbulb-fill.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/lightbulb-off.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M2.23 4.35A6 6 0 0 0 2 6c0 1.691.7 3.22 1.826 4.31.203.196.359.4.453.619l.762 1.769A.5.5 0 0 0 5.5 13a.5.5 0 0 0 0 1 .5.5 0 0 0 0 1l.224.447a1 1 0 0 0 .894.553h2.764a1 1 0 0 0 .894-.553L10.5 15a.5.5 0 0 0 0-1 .5.5 0 0 0 0-1 .5.5 0 0 0 .288-.091L9.878 12H5.83l-.632-1.467a3 3 0 0 0-.676-.941 4.98 4.98 0 0 1-1.455-4.405zm1.588-2.653.708.707a5 5 0 0 1 7.07 7.07l.707.707a6 6 0 0 0-8.484-8.484zm-2.172-.051a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/lightbulb.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/mic-fill.svg.js

@@ -0,0 +1,7 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/>\r
+  <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/mic-mute-fill.svg.js

@@ -0,0 +1,7 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4 4 0 0 0 12 8V7a.5.5 0 0 1 1 0zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a5 5 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4m3-9v4.879L5.158 2.037A3.001 3.001 0 0 1 11 3"/>\r
+  <path d="M9.486 10.607 5 6.12V8a3 3 0 0 0 4.486 2.607m-7.84-9.253 12 12 .708-.708-12-12z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/paperclip.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/pencil-square.svg.js

@@ -0,0 +1,7 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>\r
+  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/plus-lg.svg.js

@@ -0,0 +1,6 @@
+const v = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>\r
+</svg>`;
+export {
+  v as default
+};

package/dist/assets/icons/search.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/speedometer.svg.js

@@ -0,0 +1,7 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2M3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707M2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8m9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5m.754-4.246a.39.39 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.39.39 0 0 0-.029-.518z"/>\r
+  <path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.95 11.95 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/icons/x-lg.svg.js

@@ -0,0 +1,6 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>\r
+</svg>`;
+export {
+  a as default
+};

package/dist/assets/styles/dark.css

@@ -0,0 +1,126 @@
+:root[theme="dark"] {
+  color-scheme: dark;
+
+  /* Neutral Colors */
+  --u-neutral-0:     #000000;
+  --u-neutral-50:    #0A0A0A;
+  --u-neutral-100:   #121212;
+  --u-neutral-200:   #1E1E1E;
+  --u-neutral-300:   #2A2A2A;
+  --u-neutral-400:   #3D3D3D;
+  --u-neutral-500:   #525252;
+  --u-neutral-600:   #6E6E6E;
+  --u-neutral-700:   #8A8A8A;
+  --u-neutral-800:   #B0B0B0;
+  --u-neutral-900:   #D4D4D4;
+  --u-neutral-1000:  #FFFFFF;
+
+  /* Blue Colors */
+  --u-blue-0:        #0A1E3D;
+  --u-blue-100:      #1E3A5F;
+  --u-blue-200:      #2B4F7E;
+  --u-blue-300:      #3D6B9E;
+  --u-blue-400:      #5284BE;
+  --u-blue-500:      #6BA3E3;
+  --u-blue-600:      #87B8F5;
+  --u-blue-700:      #A5CDFF;
+  --u-blue-800:      #C2DEFF;
+  --u-blue-900:      #DDEEFF;
+  --u-blue-1000:     #F0F7FF;
+
+  /* Green Colors */
+  --u-green-0:       #0D2818;
+  --u-green-100:     #1A3F2A;
+  --u-green-200:     #285639;
+  --u-green-300:     #3A7450;
+  --u-green-400:     #4E9268;
+  --u-green-500:     #66B584;
+  --u-green-600:     #81D19D;
+  --u-green-700:     #9FE5B5;
+  --u-green-800:     #BEF2CD;
+  --u-green-900:     #DDF9E5;
+  --u-green-1000:    #F0FDF5;
+
+  /* Yellow Colors */
+  --u-yellow-0:      #2E2200;
+  --u-yellow-100:    #4D3A00;
+  --u-yellow-200:    #6B5200;
+  --u-yellow-300:    #8A6B00;
+  --u-yellow-400:    #B08900;
+  --u-yellow-500:    #D4A712;
+  --u-yellow-600:    #F5C842;
+  --u-yellow-700:    #FFE066;
+  --u-yellow-800:    #FFED99;
+  --u-yellow-900:    #FFF5CC;
+  --u-yellow-1000:   #FFFBE6;
+
+  /* Red Colors */
+  --u-red-0:         #2E0A0A;
+  --u-red-100:       #4D1717;
+  --u-red-200:       #6B2424;
+  --u-red-300:       #8F3535;
+  --u-red-400:       #B24848;
+  --u-red-500:       #D66060;
+  --u-red-600:       #F57878;
+  --u-red-700:       #FF9494;
+  --u-red-800:       #FFB3B3;
+  --u-red-900:       #FFD2D2;
+  --u-red-1000:      #FFF0F0;
+
+  /* Shadow Colors */
+  --u-shadow-weak:   rgba(0, 0, 0, 0.15);
+  --u-shadow-normal: rgba(0, 0, 0, 0.25);
+  --u-shadow-medium: rgba(0, 0, 0, 0.35);
+  --u-shadow-strong: rgba(0, 0, 0, 0.45);
+  --u-shadow-heavy:  rgba(0, 0, 0, 0.60);
+
+  /* background Colors */
+  --u-bg-color:              var(--u-neutral-100);
+  --u-bg-color-inverse:      var(--u-neutral-0);
+  --u-bg-color-hover:        var(--u-neutral-300);
+  --u-bg-color-active:       var(--u-neutral-400);
+  --u-bg-color-disabled:     var(--u-neutral-200);
+  
+  --u-panel-bg-color:        var(--u-neutral-200);
+  --u-overlay-bg-color:      rgba(0, 0, 0, 0.7);
+  --u-tooltip-bg-color:      rgba(255, 255, 255, 0.85);
+
+  /* border Colors */
+  --u-border-color:          var(--u-neutral-400);
+  --u-border-color-weak:     var(--u-neutral-300);
+  --u-border-color-strong:   var(--u-neutral-500);
+
+  --u-input-border-color:    var(--u-neutral-400);
+  --u-input-border-hover:    var(--u-neutral-500);
+  --u-input-border-focus:    var(--u-blue-600);
+
+  /* text Colors */
+  --u-text-color:            var(--u-neutral-900);
+  --u-text-color-inverse:    var(--u-neutral-100);
+  --u-text-color-hover:      var(--u-blue-600);
+  --u-text-color-disabled:   var(--u-neutral-500);
+
+  --u-soft-text-color:       var(--u-neutral-700);
+  --u-strong-text-color:     var(--u-neutral-1000);
+  --u-link-text-color:       var(--u-blue-700);
+  --u-tooltip-text-color:    var(--u-neutral-100);
+
+  /* Icon Colors */
+  --u-icon-color:            var(--u-neutral-800);
+  --u-icon-color-inverse:    var(--u-neutral-100);
+  --u-icon-color-hover:      var(--u-blue-600);
+  --u-icon-color-disabled:   var(--u-neutral-500);
+
+  /* Scrollbar Colors */
+  --u-scrollbar-color:       var(--u-neutral-500);
+  --u-scrollbar-color-hover: var(--u-neutral-600);
+  --u-scrollbar-track-color: transparent;
+
+  /* Font Styles */
+  --u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
+  --u-font-serif: 'Georgia', 'Times New Roman', Times, serif;
+  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+  --u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+}

package/dist/assets/styles/dark.css.js

@@ -0,0 +1,4 @@
+const e = ':root[theme=dark]{color-scheme:dark;--u-neutral-0: #000000;--u-neutral-50: #0A0A0A;--u-neutral-100: #121212;--u-neutral-200: #1E1E1E;--u-neutral-300: #2A2A2A;--u-neutral-400: #3D3D3D;--u-neutral-500: #525252;--u-neutral-600: #6E6E6E;--u-neutral-700: #8A8A8A;--u-neutral-800: #B0B0B0;--u-neutral-900: #D4D4D4;--u-neutral-1000: #FFFFFF;--u-blue-0: #0A1E3D;--u-blue-100: #1E3A5F;--u-blue-200: #2B4F7E;--u-blue-300: #3D6B9E;--u-blue-400: #5284BE;--u-blue-500: #6BA3E3;--u-blue-600: #87B8F5;--u-blue-700: #A5CDFF;--u-blue-800: #C2DEFF;--u-blue-900: #DDEEFF;--u-blue-1000: #F0F7FF;--u-green-0: #0D2818;--u-green-100: #1A3F2A;--u-green-200: #285639;--u-green-300: #3A7450;--u-green-400: #4E9268;--u-green-500: #66B584;--u-green-600: #81D19D;--u-green-700: #9FE5B5;--u-green-800: #BEF2CD;--u-green-900: #DDF9E5;--u-green-1000: #F0FDF5;--u-yellow-0: #2E2200;--u-yellow-100: #4D3A00;--u-yellow-200: #6B5200;--u-yellow-300: #8A6B00;--u-yellow-400: #B08900;--u-yellow-500: #D4A712;--u-yellow-600: #F5C842;--u-yellow-700: #FFE066;--u-yellow-800: #FFED99;--u-yellow-900: #FFF5CC;--u-yellow-1000: #FFFBE6;--u-red-0: #2E0A0A;--u-red-100: #4D1717;--u-red-200: #6B2424;--u-red-300: #8F3535;--u-red-400: #B24848;--u-red-500: #D66060;--u-red-600: #F57878;--u-red-700: #FF9494;--u-red-800: #FFB3B3;--u-red-900: #FFD2D2;--u-red-1000: #FFF0F0;--u-shadow-weak: rgba(0, 0, 0, .15);--u-shadow-normal: rgba(0, 0, 0, .25);--u-shadow-medium: rgba(0, 0, 0, .35);--u-shadow-strong: rgba(0, 0, 0, .45);--u-shadow-heavy: rgba(0, 0, 0, .6);--u-bg-color: var(--u-neutral-100);--u-bg-color-inverse: var(--u-neutral-0);--u-bg-color-hover: var(--u-neutral-300);--u-bg-color-active: var(--u-neutral-400);--u-bg-color-disabled: var(--u-neutral-200);--u-panel-bg-color: var(--u-neutral-200);--u-overlay-bg-color: rgba(0, 0, 0, .7);--u-tooltip-bg-color: rgba(255, 255, 255, .85);--u-border-color: var(--u-neutral-400);--u-border-color-weak: var(--u-neutral-300);--u-border-color-strong: var(--u-neutral-500);--u-input-border-color: var(--u-neutral-400);--u-input-border-hover: var(--u-neutral-500);--u-input-border-focus: var(--u-blue-600);--u-text-color: var(--u-neutral-900);--u-text-color-inverse: var(--u-neutral-100);--u-text-color-hover: var(--u-blue-600);--u-text-color-disabled: var(--u-neutral-500);--u-soft-text-color: var(--u-neutral-700);--u-strong-text-color: var(--u-neutral-1000);--u-link-text-color: var(--u-blue-700);--u-tooltip-text-color: var(--u-neutral-100);--u-icon-color: var(--u-neutral-800);--u-icon-color-inverse: var(--u-neutral-100);--u-icon-color-hover: var(--u-blue-600);--u-icon-color-disabled: var(--u-neutral-500);--u-scrollbar-color: var(--u-neutral-500);--u-scrollbar-color-hover: var(--u-neutral-600);--u-scrollbar-track-color: transparent;--u-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--u-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Monaco, "Courier New", monospace;--u-font-serif: "Georgia", "Times New Roman", Times, serif;--u-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--u-font-modern: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--u-font-rounded: "Nunito", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}';
+export {
+  e as default
+};

package/dist/assets/styles/light.css

@@ -0,0 +1,127 @@
+:root {
+  color-scheme: light;
+
+  /* Neutral Colors */
+  --u-neutral-0:     #FFFFFF;
+  --u-neutral-50:    #FAFAFA;
+  --u-neutral-100:   #F5F5F5;
+  --u-neutral-200:   #EEEEEE;
+  --u-neutral-300:   #E0E0E0;
+  --u-neutral-400:   #BDBDBD;
+  --u-neutral-500:   #9E9E9E;
+  --u-neutral-600:   #757575;
+  --u-neutral-700:   #616161;
+  --u-neutral-800:   #424242;
+  --u-neutral-900:   #212121;
+  --u-neutral-1000:  #000000;
+
+  /* Blue Colors */
+  --u-blue-0:        #E3F2FD;
+  --u-blue-100:      #BBDEFB;
+  --u-blue-200:      #90CAF9;
+  --u-blue-300:      #64B5F6;
+  --u-blue-400:      #42A5F5;
+  --u-blue-500:      #2196F3;
+  --u-blue-600:      #1E88E5;
+  --u-blue-700:      #1976D2;
+  --u-blue-800:      #1565C0;
+  --u-blue-900:      #0D47A1;
+  --u-blue-1000:     #062A5E;
+
+  /* Green Colors */
+  --u-green-0:       #E8F5E9;
+  --u-green-100:     #C8E6C9;
+  --u-green-200:     #A5D6A7;
+  --u-green-300:     #81C784;
+  --u-green-400:     #66BB6A;
+  --u-green-500:     #4CAF50;
+  --u-green-600:     #43A047;
+  --u-green-700:     #388E3C;
+  --u-green-800:     #2E7D32;
+  --u-green-900:     #1B5E20;
+  --u-green-1000:    #0F3A12;
+
+  /* Yellow Colors */
+  --u-yellow-0:      #FFFDE7;
+  --u-yellow-100:    #FFF9C4;
+  --u-yellow-200:    #FFF59D;
+  --u-yellow-300:    #FFF176;
+  --u-yellow-400:    #FFEE58;
+  --u-yellow-500:    #FFEB3B;
+  --u-yellow-600:    #FDD835;
+  --u-yellow-700:    #FBC02D;
+  --u-yellow-800:    #F9A825;
+  --u-yellow-900:    #F57F17;
+  --u-yellow-1000:   #8A4A00;
+
+  /* Red Colors */
+  --u-red-0:         #FFEBEE;
+  --u-red-100:       #FFCDD2;
+  --u-red-200:       #EF9A9A;
+  --u-red-300:       #E57373;
+  --u-red-400:       #EF5350;
+  --u-red-500:       #F44336;
+  --u-red-600:       #E53935;
+  --u-red-700:       #D32F2F;
+  --u-red-800:       #C62828;
+  --u-red-900:       #B71C1C;
+  --u-red-1000:      #6B0F0F;
+
+  /* Shadow Colors */
+  --u-shadow-weak:   rgba(0, 0, 0, 0.04);
+  --u-shadow-normal: rgba(0, 0, 0, 0.08);
+  --u-shadow-medium: rgba(0, 0, 0, 0.12);
+  --u-shadow-strong: rgba(0, 0, 0, 0.16);
+  --u-shadow-heavy:  rgba(0, 0, 0, 0.24);
+
+  /* background Colors */
+  --u-bg-color:              var(--u-neutral-0);
+  --u-bg-color-inverse:      var(--u-neutral-900);
+  --u-bg-color-hover:        var(--u-neutral-100);
+  --u-bg-color-active:       var(--u-neutral-200);
+  --u-bg-color-disabled:    var(--u-neutral-50);
+  
+  --u-panel-bg-color:        var(--u-neutral-0);
+  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);
+  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);
+
+  /* border Colors */
+  --u-border-color:          var(--u-neutral-300);
+  --u-border-color-weak:     var(--u-neutral-200);
+  --u-border-color-strong:   var(--u-neutral-400);
+
+  --u-input-border-color:    var(--u-neutral-300);
+  --u-input-border-hover:    var(--u-neutral-400);
+  --u-input-border-focus:    var(--u-blue-600);
+
+  /* text Colors */
+  --u-text-color:            var(--u-neutral-900);
+  --u-text-color-inverse:    var(--u-neutral-0);
+  --u-text-color-hover:      var(--u-blue-600);
+  --u-text-color-active:     var(--u-blue-600);
+  --u-text-color-disabled:   var(--u-neutral-400);
+  
+  --u-soft-text-color:       var(--u-neutral-700);
+  --u-link-text-color:       var(--u-blue-700);
+  --u-tooltip-text-color:    var(--u-neutral-0);
+
+  /* Icon Colors */
+  --u-icon-color:            var(--u-neutral-700);
+  --u-icon-color-inverse:    var(--u-neutral-0);
+  --u-icon-color-hover:      var(--u-blue-600);
+  --u-icon-color-active:     var(--u-blue-600);
+  --u-icon-color-disabled:   var(--u-neutral-400);
+
+  /* Scrollbar Colors */
+  --u-scrollbar-color:       var(--u-neutral-400);
+  --u-scrollbar-color-hover: var(--u-neutral-500);
+  --u-scrollbar-track-color: transparent;
+
+  /* Font Styles */
+  --u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
+  --u-font-serif: 'Georgia', 'Times New Roman', Times, serif;
+  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+  --u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+}

package/dist/assets/styles/light.css.js

@@ -0,0 +1,4 @@
+const e = ':root{color-scheme:light;--u-neutral-0: #FFFFFF;--u-neutral-50: #FAFAFA;--u-neutral-100: #F5F5F5;--u-neutral-200: #EEEEEE;--u-neutral-300: #E0E0E0;--u-neutral-400: #BDBDBD;--u-neutral-500: #9E9E9E;--u-neutral-600: #757575;--u-neutral-700: #616161;--u-neutral-800: #424242;--u-neutral-900: #212121;--u-neutral-1000: #000000;--u-blue-0: #E3F2FD;--u-blue-100: #BBDEFB;--u-blue-200: #90CAF9;--u-blue-300: #64B5F6;--u-blue-400: #42A5F5;--u-blue-500: #2196F3;--u-blue-600: #1E88E5;--u-blue-700: #1976D2;--u-blue-800: #1565C0;--u-blue-900: #0D47A1;--u-blue-1000: #062A5E;--u-green-0: #E8F5E9;--u-green-100: #C8E6C9;--u-green-200: #A5D6A7;--u-green-300: #81C784;--u-green-400: #66BB6A;--u-green-500: #4CAF50;--u-green-600: #43A047;--u-green-700: #388E3C;--u-green-800: #2E7D32;--u-green-900: #1B5E20;--u-green-1000: #0F3A12;--u-yellow-0: #FFFDE7;--u-yellow-100: #FFF9C4;--u-yellow-200: #FFF59D;--u-yellow-300: #FFF176;--u-yellow-400: #FFEE58;--u-yellow-500: #FFEB3B;--u-yellow-600: #FDD835;--u-yellow-700: #FBC02D;--u-yellow-800: #F9A825;--u-yellow-900: #F57F17;--u-yellow-1000: #8A4A00;--u-red-0: #FFEBEE;--u-red-100: #FFCDD2;--u-red-200: #EF9A9A;--u-red-300: #E57373;--u-red-400: #EF5350;--u-red-500: #F44336;--u-red-600: #E53935;--u-red-700: #D32F2F;--u-red-800: #C62828;--u-red-900: #B71C1C;--u-red-1000: #6B0F0F;--u-shadow-weak: rgba(0, 0, 0, .04);--u-shadow-normal: rgba(0, 0, 0, .08);--u-shadow-medium: rgba(0, 0, 0, .12);--u-shadow-strong: rgba(0, 0, 0, .16);--u-shadow-heavy: rgba(0, 0, 0, .24);--u-bg-color: var(--u-neutral-0);--u-bg-color-inverse: var(--u-neutral-900);--u-bg-color-hover: var(--u-neutral-100);--u-bg-color-active: var(--u-neutral-200);--u-bg-color-disabled: var(--u-neutral-50);--u-panel-bg-color: var(--u-neutral-0);--u-overlay-bg-color: rgba(0, 0, 0, .5);--u-tooltip-bg-color: rgba(0, 0, 0, .75);--u-border-color: var(--u-neutral-300);--u-border-color-weak: var(--u-neutral-200);--u-border-color-strong: var(--u-neutral-400);--u-input-border-color: var(--u-neutral-300);--u-input-border-hover: var(--u-neutral-400);--u-input-border-focus: var(--u-blue-600);--u-text-color: var(--u-neutral-900);--u-text-color-inverse: var(--u-neutral-0);--u-text-color-hover: var(--u-blue-600);--u-text-color-active: var(--u-blue-600);--u-text-color-disabled: var(--u-neutral-400);--u-soft-text-color: var(--u-neutral-700);--u-link-text-color: var(--u-blue-700);--u-tooltip-text-color: var(--u-neutral-0);--u-icon-color: var(--u-neutral-700);--u-icon-color-inverse: var(--u-neutral-0);--u-icon-color-hover: var(--u-blue-600);--u-icon-color-active: var(--u-blue-600);--u-icon-color-disabled: var(--u-neutral-400);--u-scrollbar-color: var(--u-neutral-400);--u-scrollbar-color-hover: var(--u-neutral-500);--u-scrollbar-track-color: transparent;--u-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--u-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Monaco, "Courier New", monospace;--u-font-serif: "Georgia", "Times New Roman", Times, serif;--u-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--u-font-modern: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--u-font-rounded: "Nunito", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}';
+export {
+  e as default
+};

package/dist/components/BaseElement.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultGroup, LitElement } from 'lit';
+/**
+ * BaseElement는 LitElement를 확장한 기본 Web Component 클래스입니다.
+ * 이 클래스는 자동으로 종속된 컴포넌트를 정의하며, 유용한 헬퍼 메서드들을 제공합니다.
+ */
+export declare class BaseElement extends LitElement {
+    /**
+     * 기본 스타일을 정의합니다.
+     */
+    static styles: CSSResultGroup;
+    /**
+     * 현재 컴포넌트에 종속된 컴포넌트들을 정의하는 정적 속성입니다.
+     * 이 속성은 컴포넌트가 정의될 때 자동으로 호출되어
+     * 종속된 컴포넌트를 등록합니다.
+     */
+    static dependencies: Record<string, typeof BaseElement>;
+    constructor();
+    /**
+     * 커스텀 엘리먼트를 정의합니다.
+     * 이미 정의된 엘리먼트는 다시 정의하지 않습니다.
+     * @param name - 커스텀 엘리먼트의 이름
+     * @param options - 엘리먼트 정의 옵션
+     */
+    static define(name: string, options?: ElementDefinitionOptions): void;
+    /**
+     * 커스텀 이벤트를 디스패치합니다.
+     * @param name - 이벤트 이름
+     * @param value - 이벤트의 detail에 포함될 데이터
+     * @param options - 추가 이벤트 옵션 (예: bubbles, composed 등)
+     * @returns 이벤트가 성공적으로 디스패치되었는지 여부
+     */
+    protected emit(name: string, value?: any, options?: CustomEventInit): boolean;
+}