kku-ui 0.0.1

package/README.md

@@ -0,0 +1,30 @@
+<h1 align="center">KKU-UI</h1>
+
+<br>
+
+<div align="center">
+  <img width="360" height="360" src="https://github.com/macjjuni/kku-ui/assets/38034518/9b93b70e-a5d5-4d5e-8794-e4b206bff57a" alt="kku-ui thumbnail" >
+</div>
+
+<br>
+
+
+
+
+
+## 🎁 Components
+
+|컴포넌트&nbsp; \ &nbsp; 지원|&nbsp;&nbsp;&nbsp;&nbsp;기능&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;디자인&nbsp;&nbsp;| &nbsp;웹 접근성&nbsp; |&nbsp;테스트 코드&nbsp;|&nbsp;스토리북&nbsp;|
+|:---|:---:|:---:|:-----------------:|:---:|:---:|
+|`<TButton/>`|✅|✅|❌|✅|✅|
+|`<TTextField/>`|❌|❌|❌|❌|❌|
+|🏃🏻‍♂️..|❌|❌|❌|❌|❌|
+
+
+<br>
+
+##  Support
+
+- ✅ StoryBook
+
+

package/lib/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './src/components';

package/lib/esm/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./src/components";

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC"}

package/lib/esm/src/common/base/base.d.ts

@@ -0,0 +1,2 @@
+export declare const baseName = "k";
+export declare const getIdentityName: (elementName: string) => string;

package/lib/esm/src/common/base/base.interface.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+export interface KBaseProp {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const sizes: {
+    large: string;
+    medium: string;
+    small: string;
+};
+export type SizeType = (typeof sizes)[keyof typeof sizes];
+export interface KSizeProp {
+    size?: SizeType;
+    large?: boolean;
+    medium?: boolean;
+    small?: boolean;
+}
+export declare const variants: {
+    primary: string;
+    outlined: string;
+};
+export type VariantType = (typeof variants)[keyof typeof variants];
+export interface KVariantProp {
+    variant?: VariantType;
+    primary?: boolean;
+    outlined?: boolean;
+}

package/lib/esm/src/common/base/base.interface.js

@@ -0,0 +1 @@
+"use strict";export const sizes={large:"large",medium:"medium",small:"small"},variants={primary:"primary",outlined:"outlined"};

package/lib/esm/src/common/base/base.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAa1E,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/lib/esm/src/common/base/base.js

@@ -0,0 +1 @@
+"use strict";export const baseName="k",getIdentityName=e=>`${baseName}-${e}`;

package/lib/esm/src/common/base/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/common/base/base.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;AAG5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,GAAG,QAAQ,IAAI,WAAW,EAAE,CAAC"}

package/lib/esm/src/common/hook/useRipple.d.ts

@@ -0,0 +1,8 @@
+import { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
+type RippleStatus = 'on' | 'off';
+declare const useRipple: (elementRef: MutableRefObject<HTMLElement>) => {
+    status: RippleStatus;
+    register: (event: MouseEvent | KeyboardEvent<HTMLButtonElement>) => void;
+    remove: () => void;
+};
+export default useRipple;

package/lib/esm/src/common/hook/useRipple.js

@@ -0,0 +1 @@
+"use strict";import{useRef as k,useState as C}from"react";import b from"../../common/util/color";import w from"../../common/util/lodashUtil";import S from"../../common/util/style";const $="span",f="k-ripple",x="ripple-effect",q=e=>{const[p,c]=C("off"),a=k();return{status:p,register:t=>{const l=t;if(t.type.includes("key")){if(l.key!=="Enter"&&l.key!==" ")return;const r=t.target.getElementsByClassName(f);if(p==="on"||r?.length>0)return}c("on");const u=w.uniqueId("k-ripple-");a.current=new Promise(m=>{const{x:r,y:d,width:n,height:o}=e.current.getBoundingClientRect(),{clientX:g=r+n/2,clientY:y=d+o/2}=t,s=Math.sqrt(n*n+o*o),i=document.createElement($);i.classList.add(f),i.classList.add(u);const h=window.getComputedStyle(e.current).getPropertyValue("color"),E={top:`${(y-d-s)/o*100}%`,left:`${(g-r-s)/n*100}%`,width:`${s*2}px`,height:`${s*2}px`,background:b.shadeColor(h,0),animation:`0.35s ${x} linear`};S.setStyleElement(i,E),e.current.append(i),setTimeout(()=>{m(u)},350)})},remove:()=>{a.current?.then(t=>{(e.current?.getElementsByClassName(t))[0]?.remove(),c("off")})}}};export default q;

package/lib/esm/src/common/hook/useRipple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRipple.js","sourceRoot":"","sources":["../../../../../src/common/hook/useRipple.ts"],"names":[],"mappings":"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"}

package/lib/esm/src/common/util/color.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    shadeColor: (baseColor: string, amount: number) => string;
+    tintColor: (baseColor: string, amount: number) => string;
+    hexToRgb: (hexCode: string) => string;
+};
+export default _default;

package/lib/esm/src/common/util/color.js

@@ -0,0 +1 @@
+"use strict";const a=s=>{const t=s.replace(/^#/,""),r=parseInt(t.substring(0,2),16),n=parseInt(t.substring(2,4),16),e=parseInt(t.substring(4,6),16);return`rgb(${r}, ${n}, ${e})`},c=(s,t)=>{const n=s.includes("#")?a(s).match(/\d+(\.\d+)?/g):s.match(/\d+(\.\d+)?/g);return n?`rgb(${[Math.max(0,parseInt(n[0],10)-t),Math.max(0,parseInt(n[1],10)-t),Math.max(0,parseInt(n[2],10)-t)].join(",")})`:"rgb(0,0,0,)"},o=(s,t)=>{const n=s.includes("#")?a(s).match(/\d+(\.\d+)?/g):s.match(/\d+(\.\d+)?/g);return n?`rgb(${[Math.min(255,parseInt(n[0],10)+t),Math.min(255,parseInt(n[1],10)+t),Math.min(255,parseInt(n[2],10)+t)].join(",")})`:"rgb(0,0,0,)"};export default{shadeColor:c,tintColor:o,hexToRgb:a};

package/lib/esm/src/common/util/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/common/util/color.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,EAAE;IAEnC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE7C,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;IAEvD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACpG,IAAI,CAAC,OAAO;QAAE,OAAO,aAAa,CAAC;IAEnC,MAAM,WAAW,GAAG;QAClB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QAC9C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QAC9C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;KAC/C,CAAC;IAEF,OAAO,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;IAEtD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAa,CAAC;IAErH,IAAI,CAAC,YAAY;QAAE,OAAO,aAAa,CAAC;IAExC,MAAM,WAAW,GAAG;QAClB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;KACtD,CAAC;IAEF,OAAO,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

package/lib/esm/src/common/util/lodashUtil.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    uniqueId: (prefix?: string | undefined) => string;
+};
+export default _default;

package/lib/esm/src/common/util/lodashUtil.js

@@ -0,0 +1 @@
+"use strict";import{uniqueId as e}from"lodash";export default{uniqueId:e};

package/lib/esm/src/common/util/lodashUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodashUtil.js","sourceRoot":"","sources":["../../../../../src/common/util/lodashUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,eAAe,EAAE,QAAQ,EAAE,CAAC"}

package/lib/esm/src/common/util/style.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+declare const _default: {
+    setStyleElement: (element: HTMLElement, style: CSSProperties) => void;
+};
+export default _default;

package/lib/esm/src/common/util/style.js

@@ -0,0 +1 @@
+"use strict";const l=(e,t)=>{Object.entries(t).forEach(([r,s])=>{e.style.setProperty(r,s)})};export default{setStyleElement:l};

package/lib/esm/src/common/util/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/common/util/style.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,KAAoB,EAAQ,EAAE;IAC3E,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE;QAClD,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAe,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,EAAE,eAAe,EAAE,CAAC"}

package/lib/esm/src/common/util/variation.d.ts

@@ -0,0 +1,7 @@
+import { SizeType, VariantType } from '../../common/base/base.interface';
+type GetSizesType = (clazz: string[], identity: string, size?: SizeType, large?: boolean, medium?: boolean, small?: boolean) => void;
+export declare const initSize: GetSizesType;
+type GetVariantType = (clazz: string[], identity: string, variant?: VariantType, primary?: boolean, outlined?: boolean) => void;
+export declare const initVariant: GetVariantType;
+export declare const initDisabled: (clazz: string[], identity: string, disabled?: boolean) => void;
+export {};

package/lib/esm/src/common/util/variation.js

@@ -0,0 +1 @@
+"use strict";import{sizes as p,variants as f}from"../../common/base/base.interface";export const initSize=(s,e,o,$,r,h)=>{const l=[$,r,h].filter(u=>u);if(o&&l.length>0||l.length>1)throw Error("Multiple sizes are not allowed.");o?s.push(`${e}--${o}`):$?s.push(`${e}--${p.large}`):r?s.push(`${e}--${p.medium}`):h?s.push(`${e}--${p.small}`):s.push(`${e}--${p.medium}`)},initVariant=(s,e,o,$,r)=>{if(o&&($||r)||$&&r)throw Error("Multiple variant are not allowed.");o?s.push(`${e}--${o}`):$?s.push(`${e}--${f.primary}`):r?s.push(`${e}--${f.outlined}`):s.push(`${e}--default`)},initDisabled=(s,e,o)=>{o&&s.push(`${e}--disabled`)};

package/lib/esm/src/common/util/variation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variation.js","sourceRoot":"","sources":["../../../../../src/common/util/variation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAe,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAMtF,MAAM,CAAC,MAAM,QAAQ,GAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAEpF,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAE5D,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjE,MAAM,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAExF,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC;QAChE,MAAM,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,OAAO,EAAE,CAAC,CAAC;IACxC,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACjD,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,WAAW,CAAC,CAAC;IACrC,CAAC;AACH,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAe,EAAE,QAAgB,EAAE,QAAkB,EAAE,EAAE;IACpF,IAAI,QAAQ,EAAE,CAAC;QAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,YAAY,CAAC,CAAC;IAAC,CAAC;AACxD,CAAC,CAAC"}

package/lib/esm/src/components/button/KButton.d.ts

@@ -0,0 +1,4 @@
+import { KButtonProps, KButtonRefs } from '../../components';
+import './TButton.scss';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<KButtonProps & import("react").RefAttributes<KButtonRefs>>>;
+export default _default;

package/lib/esm/src/components/button/KButton.interface.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, MouseEvent } from 'react';
+import { KBaseProp, KSizeProp, KVariantProp } from '../../common/base/base.interface';
+export interface KButtonProps extends KBaseProp, KSizeProp, KVariantProp {
+    children?: ReactNode;
+    label?: string;
+    disabled?: boolean;
+    onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    color?: string;
+}
+export interface KButtonRefs {
+    focus: () => void;
+    click: () => void;
+    startLoading: () => void;
+    stopLoading: () => void;
+}

package/lib/esm/src/components/button/KButton.interface.js

@@ -0,0 +1 @@
+"use strict";export{};

package/lib/esm/src/components/button/KButton.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KButton.interface.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.interface.ts"],"names":[],"mappings":""}

package/lib/esm/src/components/button/KButton.js

@@ -0,0 +1 @@
+"use strict";import{jsx as c,jsxs as M}from"react/jsx-runtime";import{useState as h,memo as _,useMemo as r,useCallback as i,useRef as x,forwardRef as K,useImperativeHandle as L}from"react";import j from"../../common/hook/useRipple";import{initSize as w,initVariant as z}from"../../common/util/variation";import U from"../../common/util/color";import{getIdentityName as $,baseName as D}from"../../common/base/base";import"./TButton.scss";const o=$("button"),d=K((e,u)=>{const l=x(),[n,m]=h(!1),a=j(l);L(u,()=>({focus(){l.current?.focus()},click(){!e.disabled&&!n&&e.onClick&&e.onClick()},startLoading(){m(!0)},stopLoading(){m(!1)}}));const f=r(()=>{const t=[];return e.className&&t.push(e.className),n&&t.push(`${o}--loading`),z(t,o,e.variant,e.primary,e.outlined),w(t,o,e.size,e.large,e.medium,e.small),t.join(" ")},[n,e.className,e.variant,e.primary,e.outlined,e.large,e.medium,e.small,e.size]),s=r(()=>{const t=e.style||{};return e.variant==="primary"||e.primary?e.color&&(t.background=e.color,t.borderColor=e.color):e.color&&(t.color=e.color,t.borderColor=e.color),t},[e.style,e.color]),y=r(()=>{if(!n)return{};if(e.color)return{border:"3px solid #fff",borderBottomColor:e.color||"#fff"}},[n]),b=i(t=>{e.disabled||a?.register(t)},[e.disabled,a]),k=i(t=>{a.remove(),!e.disabled&&!n&&e?.onClick&&e.onClick(t)},[e,a]),g=i(()=>{(e.variant==="primary"||e.primary)&&e.color&&(l.current.style.background=U.shadeColor(e.color,20))},[e.variant,e.primary,e.color]),v=i(()=>{a.remove(),(e.variant==="primary"||e.primary)&&e.color&&(l.current.style.background=e.color)},[e.variant,e.primary,e.color,a]),C=i(t=>{a?.register(t)},[a]),N=i(t=>{(t.key==="Enter"||t.key===" ")&&(a.remove(),e.onClick&&e?.onClick())},[e,a]);return M("button",{ref:l,id:e.id,className:`k-button ${f}`,style:s,type:"button",disabled:e.disabled,onMouseDown:b,onMouseEnter:g,onMouseLeave:v,onMouseUp:k,onKeyDown:C,onKeyUp:N,"aria-busy":n,children:[(e.children||e.label)&&e.label&&c("span",{className:`${o}__content`,children:e.children||e.label}),n&&c("span",{className:`${o}__loading__container`,children:c("span",{style:y,className:`${D}-spinner--loading`})})]})});d.defaultProps={},d.displayName="KButton";export default _(d);

package/lib/esm/src/components/button/KButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EACnB,MAAM,OAAO,CAAC;AACjF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,gBAAgB,CAAC;AAExB,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE3C,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAqB,EAAE,EAAE;IAIxE,MAAM,OAAO,GAAG,MAAM,EAAyC,CAAC;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAElC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAE9B,KAAK,KAAK,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACrC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAAC,CAAC,CAAC,CAAC;QACjF,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnC,WAAW,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpC,CAAC,CAAC,CAAC;IAMJ,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QAEH,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QACrD,IAAI,MAAM,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,WAAW,CAAC,CAAC;QAAC,CAAC;QAEnD,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3E,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9E,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EACD;QACE,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO;QACrD,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI;KAAC,CACtE,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,MAAM,GAAkB,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAEhD,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACjD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;gBAChC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC3B,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;QACnC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAEvB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC;QAChF,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAOb,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAQ,EAAE;QAEzE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAQ,EAAE;QAEvE,MAAM,CAAC,MAAM,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,KAAK,EAAE,OAAO,EAAE,CAAC;YACjD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAS,EAAE;QAE1C,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAClE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAS,EAAE;QAE1C,MAAM,CAAC,MAAM,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAClE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAmC,EAAQ,EAAE;QAE1E,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAmC,EAAQ,EAAE;QAExE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,MAAM,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAAC,KAAK,EAAE,OAAO,EAAE,CAAC;YAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAIpB,OAAO,CACL,kBACQ,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,YAAY,SAAS,EAAE,EAClC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,MAAM,aAGrB,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC;mBACpB,CAAC,KAAK,CAAC,KAAK,IAAI,CACjB,eAAM,SAAS,EAAE,GAAG,QAAQ,WAAW,YACpC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,GACzB,CACR,CAAC,EAGV,MAAM,IAAI,CACR,eAAM,SAAS,EAAE,GAAG,QAAQ,sBAAsB,YAChD,eAAM,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,QAAQ,mBAAmB,GAAI,GAChE,CACR,IAEI,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;AAC1B,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/lib/esm/src/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KButton } from './KButton';
+export * from './KButton.interface';

package/lib/esm/src/components/button/index.js

@@ -0,0 +1 @@
+"use strict";export{default as KButton}from"./KButton";export*from"./KButton.interface";

package/lib/esm/src/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,qBAAqB,CAAC"}

package/lib/esm/src/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/button';
+export * from '../components/textfield';

package/lib/esm/src/components/index.js

@@ -0,0 +1 @@
+"use strict";export*from"../components/button";export*from"../components/textfield";

package/lib/esm/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}

package/lib/esm/src/components/textfield/KTextField.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/esm/src/components/textfield/KTextField.js

@@ -0,0 +1 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{memo as e}from"react";const o=()=>t("input",{type:"input"});export default e(o);

package/lib/esm/src/components/textfield/KTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../src/components/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,gBAAO,IAAI,EAAC,OAAO,GAAG,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/lib/esm/src/components/textfield/index.d.ts

@@ -0,0 +1 @@
+export { default as TTextField } from './KTextField';

package/lib/esm/src/components/textfield/index.js

@@ -0,0 +1 @@
+"use strict";export{default as TTextField}from"./KTextField";

package/lib/esm/src/components/textfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib/styles/index.css

@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--k-primary-color: #068FFF;--k-primary-hover-color: #0079dc;--k-secondary-color-red: #ED2B2A;--k-secondary-color-green: #7DCE13;--k-secondary-color-yellow: #FFFA4D;--k-secondary-color-blue: #0079FF;--k-white-color: #ffffff;--k-white-hover-color: #ebebeb;--k-black-color: #000000;--k-black-hover-color: #141414;--k-gray-color-50: #F8F9FA;--k-gray-color-100: #F1F3F5;--k-gray-color-200: #E8EBED;--k-gray-color-300: #DEE2E6;--k-gray-color-400: #C9CDD2;--k-gray-color-500: #9EA4AA;--k-gray-color-600: #72787F;--k-gray-color-700: #454C53;--k-gray-color-800: #26282B;--k-gray-color-900: #1B1D1F}

package/package.json

@@ -0,0 +1,79 @@
+{
+    "name": "kku-ui",
+    "private": false,
+    "version": "0.0.1",
+    "type": "module",
+    "module": "lib/esm/index.js",
+    "main": "lib/esm/index.js",
+    "files": [
+        "lib/"
+    ],
+    "scripts": {
+        "clean": "rimraf lib",
+        "build-sass": "sass --no-source-map src/styles/Entry.scss:lib/styles/index.css",
+        "minify-css": "esbuild lib/styles/index.css --minify --allow-overwrite --outfile=lib/styles/index.css",
+        "build-tsc": "tsc --project ./tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
+        "minify-js": "esbuild lib/esm/**/*.js --minify --allow-overwrite --outdir=lib/esm",
+        "build": "yarn clean && yarn build-sass && yarn minify-css && yarn build-tsc && yarn minify-js",
+        "publish": "publish",
+        "test": "jest -all",
+        "sb": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "dependencies": {
+        "lodash": "^4.17.21",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/preset-env": "^7.23.9",
+        "@babel/preset-react": "^7.23.3",
+        "@babel/preset-typescript": "^7.23.2",
+        "@storybook/addon-essentials": "^7.6.10",
+        "@storybook/addon-interactions": "^7.6.10",
+        "@storybook/addon-links": "^7.6.10",
+        "@storybook/addon-onboarding": "^1.0.10",
+        "@storybook/blocks": "^7.6.5",
+        "@storybook/builder-vite": "^7.6.5",
+        "@storybook/preset-scss": "^1.0.3",
+        "@storybook/react": "^7.6.5",
+        "@storybook/react-vite": "^7.6.5",
+        "@storybook/test": "^7.6.5",
+        "@testing-library/jest-dom": "^6.3.0",
+        "@testing-library/react": "^14.1.2",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/jest": "^29.5.11",
+        "@types/react": "^18.2.15",
+        "@types/react-dom": "^18.2.7",
+        "@types/testing-library__jest-dom": "^6.0.0",
+        "@typescript-eslint/eslint-plugin": "^6.19.1",
+        "@typescript-eslint/parser": "^6.19.1",
+        "@vitejs/plugin-react-swc": "^3.5.0",
+        "babel-jest": "^29.7.0",
+        "esbuild": "^0.20.0",
+        "eslint": "^8.56.0",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-airbnb-typescript": "^17.1.0",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.4.3",
+        "eslint-plugin-storybook": "^0.6.15",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "sass": "^1.70.0",
+        "storybook": "^7.6.10",
+        "ts-jest": "^29.1.2",
+        "ts-node": "^10.9.1",
+        "tsc-alias": "^1.8.8",
+        "typescript": "^5.3.3",
+        "typescript-plugin-css-modules": "^5.0.2",
+        "vite": "^5.0.12",
+        "vite-plugin-compression2": "^0.11.0",
+        "vite-plugin-eslint": "^1.8.1"
+    },
+    "license": "MIT"
+}