@sellmate/design-system 0.0.0 → 0.0.1

package/readme.md

@@ -1,111 +1,125 @@
 [![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
 
-# Stencil Component Starter
+# Sellmate Design System
 
-> This is a starter project for building a standalone Web Components using Stencil.
+A comprehensive web components library built with Stencil for Sellmate.
 
-Stencil is a compiler for building fast web apps using Web Components.
-
-Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than runtime tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements specification.
-
-Stencil components are just Web Components, so they work in any major framework or with no framework at all.
-
-## Getting Started
-
-To start building a new web component using Stencil, clone this repo to a new directory:
+## Installation
 
 ```bash
-git clone https://github.com/stenciljs/component-starter.git my-component
-cd my-component
-git remote rm origin
+npm install @sellmate/design-system
 ```
 
-and run:
+or
 
 ```bash
-npm install
-npm start
+yarn add @sellmate/design-system
 ```
 
-To build the component for production, run:
+## Quick Start
 
-```bash
-npm run build
-```
+### Lazy Loading (Recommended for most projects)
 
-To run the unit tests for the components, run:
+Include this script in your HTML:
 
-```bash
-npm test
+```html
+<script type="module" src="https://unpkg.com/@sellmate/design-system"></script>
 ```
 
-Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
+Then use any component:
+
+```html
+<sd-button>Click me</sd-button>
+```
 
-## Naming Components
+### ES Module Import
 
-When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
+```tsx
+import '@sellmate/design-system/dist/design-system/design-system.esm.js';
 
-Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the [Ionic-generated](https://ionicframework.com/) web components use the prefix `ion`.
+function App() {
+  return (
+    <sd-button 
+      label='Click me' 
+      onClick={() => console.log('clicked')}
+    >
+    </sd-button>
+  );
+}
 
-## Using this component
+export default App;
+```
 
-There are two strategies we recommend for using web components built with Stencil.
+### CommonJS (Node.js)
 
-The first step for all two of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
+```js
+const { defineCustomElements } = require('@sellmate/design-system/loader');
 
-You can read more about these different approaches in the [Stencil docs](https://stenciljs.com/docs/publishing).
+defineCustomElements();
+```
 
-### Lazy Loading
+## Available Components
 
-If your Stencil project is built with the [`dist`](https://stenciljs.com/docs/distribution) output target, you can import a small bootstrap script that registers all components and allows you to load individual component scripts lazily.
+- **sd-button** - Button component
+- **sd-input** - Input field component
+- **sd-checkbox** - Checkbox component
+- **sd-select** - Select dropdown component
+- **sd-table** - Data table component
+- **sd-tag** - Tag/badge component
+- **sd-icon** - Icon component
+- **sd-tooltip** - Tooltip component
+- **sd-popover** - Popover component
+- **sd-date-picker** - Date picker component
+- **sd-date-range-picker** - Date range picker component
+- **sd-pagination** - Pagination component
 
-For example, given your Stencil project namespace is called `my-design-system`, to use `my-component` on any website, inject this into your HTML:
+## Framework Integration
 
-```html
-<script type="module" src="https://unpkg.com/my-design-system"></script>
-<!--
-To avoid unpkg.com redirects to the actual file, you can also directly import:
-https://unpkg.com/foobar-design-system@0.0.1/dist/foobar-design-system/foobar-design-system.esm.js
--->
-<my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>
-```
+### React
 
-This will only load the necessary scripts needed to render `<my-component />`. Once more components of this package are used, they will automatically be loaded lazily.
+Use the React wrapper package for better TypeScript support:
 
-You can also import the script as part of your `node_modules` in your applications entry file:
+```bash
+npm install @sellmate/design-system-react
+```
 
 ```tsx
-import 'foobar-design-system/dist/foobar-design-system/foobar-design-system.esm.js';
+import { SdButton } from '@sellmate/design-system-react';
+
+export function App() {
+  return <SdButton>Click me</SdButton>;
+}
 ```
 
-Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-y6v26a?file=src%2Fmain.tsx).
+### Vue 3
 
-### Standalone
+Use the Vue wrapper package:
+
+```bash
+npm install @sellmate/design-system-vue
+```
 
-If you are using a Stencil component library with `dist-custom-elements`, we recommend importing Stencil components individually in those files where they are needed.
+```vue
+<template>
+  <SdButton @click="handleClick">Click me</SdButton>
+</template>
 
-To export Stencil components as standalone components make sure you have the [`dist-custom-elements`](https://stenciljs.com/docs/custom-elements) output target defined in your `stencil.config.ts`.
+<script setup>
+import { SdButton } from '@sellmate/design-system-vue';
 
-For example, given you'd like to use `<my-component />` as part of a React component, you can import the component directly via:
+const handleClick = () => {
+  console.log('clicked');
+};
+</script>
+```
 
-```tsx
-import 'foobar-design-system/my-component';
+## Browser Support
 
-function App() {
-  return (
-    <>
-      <div>
-        <my-component
-          first="Stencil"
-          middle="'Don't call me a framework'"
-          last="JS"
-        ></my-component>
-      </div>
-    </>
-  );
-}
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
 
-export default App;
-```
+## License
 
-Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-b6zuds?file=src%2FApp.tsx).
+MIT

package/dist/design-system/p-bbe6f8ef.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,a as r,h as l}from"./p-F7bQTYmD.js";const t='@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:local("Pretendard-ExtraBold"), url("./fonts/Pretendard-ExtraBold.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-ExtraBold.ttf") format("truetype");}@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:local("Pretendard-Bold"), url("./fonts/Pretendard-Bold.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-Bold.ttf") format("truetype");}@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:local("Pretendard-SemiBold"), url("./fonts/Pretendard-SemiBold.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-SemiBold.ttf") format("truetype");}@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:local("Pretendard-Medium"), url("./fonts/Pretendard-Medium.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-Medium.ttf") format("truetype");}@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:local("Pretendard-Regular"), url("./fonts/Pretendard-Regular.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-Regular.ttf") format("truetype");}@font-face{font-family:"Pretendard";font-weight:300;font-display:swap;src:local("Pretendard-Light"), url("./fonts/Pretendard-Light.subset.woff2") format("font-woff2"), url("./fonts/Pretendard-Light.ttf") format("truetype");}:root{--font-family-base:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}.sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:hover{background:#e5e5e5}.sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:active{background:#e5e5e5}.sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-table__container{width:100%;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:100%}.sd-table__container .sd-table__middle .sd-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:2}.sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__container .sd-table__middle .sd-table td,.sd-table__container .sd-table__middle .sd-table th,.sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__pagination{background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}';const a=class{constructor(r){o(this,r);this.sdSelectChange=e(this,"sdSelectChange");this.sdPageChange=e(this,"sdPageChange")}get el(){return r(this)}columns=[];rows=[];selected=new Set;rowKey="id";selectable=false;resizable=false;stickyHeader=false;noDataLabel="데이터가 없습니다.";pagination;bodyCellRenderer;sdSelectChange;sdPageChange;currentPage=this.pagination?.page||1;innerRows=this.rows;innerSelected=new Set(this.selected);columnWidths=[];watchColumns(o){this.columnWidths=o.map((o=>parseInt(o.width||"120",10)))}watchSelected(o){this.innerSelected=new Set(o)}watchPagination(o){if(o?.page&&o.page!==this.currentPage)this.currentPage=o.page}componentWillLoad(){this.innerRows=[...this.rows];this.innerSelected=new Set(this.selected);this.columnWidths=this.columns.map((o=>parseInt(o.width||"120",10)))}get paginatedRows(){if(!this.pagination)return this.innerRows;const{rowsPerPage:o=this.rows.length}=this.pagination||{};const e=this.innerRows.slice((this.currentPage-1)*o,this.currentPage*o);return e}get lastPageNumber(){const{lastPage:o,rowsPerPage:e=this.rows.length}=this.pagination||{};return o??Math.max(1,Math.ceil(this.rows.length/e))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data"].filter(Boolean).join(" ")}get visibleColumns(){return this.columns.filter((o=>o.visible!==false))}updateRowSelect(o){const e=Array.from(this.innerSelected);const r=this.isRowSelected(o);const l=r?e.filter((e=>e[this.rowKey]!==o[this.rowKey])):[...e,o];if(l.length===e.length)return;this.innerSelected=new Set(l);this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const o=this.paginatedRows.length;const e=this.paginatedRows.filter((o=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===o[this.rowKey])))).length;if(e===0)return false;if(e===o)return true;return null}get selectedKeyMap(){return new Map(Array.from(this.innerSelected).map((o=>[o[this.rowKey],true])))}isRowSelected(o){return this.selectedKeyMap.has(o[this.rowKey])}toggleSelectAll(o){if(o){const o=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...o])}else{const o=this.paginatedRows.map((o=>o[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!o.includes(e[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}handleResize(o,e){const r=e.clientX;const l=this.columnWidths[o];const t=e=>{const t=Math.max(l+e.clientX-r,50);this.columnWidths=this.columnWidths.map(((e,r)=>r===o?t:e))};const a=()=>{document.removeEventListener("mousemove",t);document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",t);document.addEventListener("mouseup",a)}renderHeader(){return l("thead",null,l("tr",null,this.selectable&&l("th",{class:"sd-th sd-th--selected",style:{width:"52px",minWidth:"52px",maxWidth:"52px"}},l("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:o=>this.toggleSelectAll(o.detail)})),this.visibleColumns.map(((o,e)=>l("th",{class:"sd-th",key:o.name,style:{minWidth:`${this.columnWidths[e]}px`,maxWidth:`${this.columnWidths[e]}px`,width:`${this.columnWidths[e]}px`}},l("div",{class:`sd-th__content sd-th__content--${o.align||"left"}`},l("div",{class:"sd-th__content--label"},o.label),o.usePageMoveIcon&&l("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),o.tooltip&&l("sd-tooltip",{...o.tooltipOptions},o.tooltip.map((o=>l("div",null,o))))),this.resizable&&l("div",{class:"sd-th__resizer",onMouseDown:o=>this.handleResize(e,o)}))))))}getRowData=(o,e)=>{const{field:r,format:l,name:t}=o;const a=r?typeof r==="string"?e[r]:r(e):e[t];return l?l(a,e):a};renderBody(){if(!this.paginatedRows.length)return l("tbody",{part:"tbody-empty"},l("tr",null,l("td",{colSpan:this.visibleColumns.length+(this.selectable?1:0)},this.noDataLabel)));return l("tbody",null,this.paginatedRows.map((o=>l("tr",{key:o[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&l("td",{class:"sd-td sd-td--selected"},l("sd-checkbox",{checked:this.isRowSelected(o),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(o)})),this.visibleColumns.map((e=>{const r=this.bodyCellRenderer?.(e,o);return l("td",{key:e.name,part:`td-${e.name}`,class:`sd-td sd-td--${e.align||"left"}`},r?typeof r==="string"?l("span",{innerHTML:r}):r:this.getRowData(e,o))}))))))}render(){return l(l.Fragment,null,l("div",{key:"ea50ce0d3594bf1acc5e5816f7633868d19683aa",class:`sd-table__container`},l("div",{key:"bd9ca336086af09173b27e84618db139be44e428",class:"sd-table__middle"},l("table",{key:"01d0cfebd948b6ba1b32baf2b5678014efed7421",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),l("div",{key:"c3597090d7825c86591bb3a428f8ba7a725efdbf",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&l("div",{key:"de4d81c822d445c3ef69d9295293c2aff11d7c14",class:"sd-table__pagination"},l("sd-pagination",{key:"ce84008421418f25f18722011c9b3c2e9c8c2da4",currentPage:this.currentPage,lastPage:this.lastPageNumber,onPageChange:o=>{this.currentPage=o.detail;this.sdPageChange.emit(this.currentPage)}})))}static get watchers(){return{columns:["watchColumns"],selected:["watchSelected"],pagination:["watchPagination"]}}};a.style=t;export{a as sd_table};
-//# sourceMappingURL=p-bbe6f8ef.entry.js.map

package/dist/design-system/p-bbe6f8ef.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","getElement","h","sdTableCss","SdTable","constructor","hostRef","this","sdSelectChange","sdPageChange","el","columns","rows","selected","Set","rowKey","selectable","resizable","stickyHeader","noDataLabel","pagination","bodyCellRenderer","currentPage","page","innerRows","innerSelected","columnWidths","watchColumns","newCols","map","c","parseInt","width","watchSelected","newSelected","watchPagination","newVal","componentWillLoad","paginatedRows","rowsPerPage","length","result","slice","lastPageNumber","lastPage","Math","max","ceil","sdTableClasses","filter","Boolean","join","visibleColumns","col","visible","updateRowSelect","row","selectedArray","Array","from","exists","isRowSelected","r","emit","isAllChecked","total","selectedCount","some","selectedRow","selectedKeyMap","Map","has","toggleSelectAll","checked","pageRows","currentPageKeys","includes","handleResize","index","event","startX","clientX","startWidth","handleMouseMove","moveEvent","newWidth","idx","handleMouseUp","document","removeEventListener","addEventListener","renderHeader","class","style","minWidth","maxWidth","disabled","onSdChange","e","detail","colIdx","key","name","align","label","usePageMoveIcon","size","color","tooltip","tooltipOptions","text","onMouseDown","evt","getRowData","column","field","format","value","renderBody","part","colSpan","rendered","innerHTML","render","Fragment","onPageChange","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-d47cde44.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c,a as s,h as d}from"./p-F7bQTYmD.js";const h=":host{line-height:0}.sd-checkbox{line-height:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px;position:relative;cursor:pointer}.sd-checkbox>input{display:none}.sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg{background:#005cc9}.sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border:1px solid #0075ff;background:#d9eaff}.sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border:1px solid transparent;background:#eeeeee}.sd-checkbox__bg{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}.sd-checkbox__label{font-size:12px;color:#333333;line-height:20px}.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg{background:#eeeeee;border:1px solid #cccccc !important}.sd-checkbox--checked .sd-checkbox__bg{border:0;background:#0075ff}.sd-checkbox--unchecked .sd-checkbox__bg{background:white}.sd-checkbox--disabled{cursor:not-allowed}.sd-checkbox--disabled .sd-checkbox__bg{background:#eeeeee;border:1px solid #cccccc !important}";const i=class{constructor(s){e(this,s);this.sdChange=c(this,"sdChange")}get el(){return s(this)}checked=false;val;disabled=false;label="";checkboxStyle={};isChecked=false;sdChange;componentWillLoad(){this.updateCheckedState(this.checked)}watchValueHandler(e){this.updateCheckedState(e)}getCheckboxClasses(){const e=["sd-checkbox",`sd-checkbox--${this.isChecked?"checked":"unchecked"}`];if(this.disabled){e.push("sd-checkbox--disabled")}return e.join(" ")}updateCheckedState(e){if(typeof e==="boolean"){this.isChecked=e}else if(Array.isArray(e)){this.isChecked=this.val!==undefined&&e.includes(this.val)}else{this.isChecked=false}}handleChange=()=>{if(this.disabled)return;let e;if(typeof this.checked==="boolean"){e=!this.checked}else if(Array.isArray(this.checked)){if(this.val===undefined){console.warn('A "val" property is required when using an array for the "value" property.');return}const c=new Set(this.checked);c.has(this.val)?c.delete(this.val):c.add(this.val);e=Array.from(c)}else{e=!this.isChecked}this.sdChange.emit(e)};render(){return d("label",{key:"e760e88c168373b626e88eb6928351db2d06814f",class:this.getCheckboxClasses()},d("input",{key:"7a672f8bb2c21c0766a176e16b534900bddd4516",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:this.handleChange}),d("div",{key:"1a8dfa49a5044ac7c6e94461dd6efb94d2773d6f",class:"sd-checkbox__bg",style:this.checkboxStyle},this.isChecked?d("sd-icon",{name:"check",size:12,color:this.disabled?"#888888":"white"}):null),this.label&&d("span",{key:"580a836825d4e3efc3261960eaa3a08f6d259145",class:"sd-checkbox__label"},this.label))}static get watchers(){return{checked:["watchValueHandler"]}}};i.style=h;export{i as sd_checkbox};
-//# sourceMappingURL=p-d47cde44.entry.js.map