@loword/loword-design-system 0.0.5 → 0.0.7

package/dist/index.css

@@ -26,11 +26,16 @@
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
     --font-weight-normal: 400;
+    --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
+    --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -44,6 +49,7 @@
     --color-mono300: #dadada;
     --color-mono400: #aaaaaa;
     --color-mono500: #7c7c7c;
+    --color-mono600: #5c5c5c;
     --color-mono700: #4e4e4e;
     --color-mono800: #2a2a2a;
     --color-mono900: #111111;
@@ -53,6 +59,7 @@
     --color-neutral300: #b7bbbf;
     --color-neutral400: #9da3a9;
     --color-neutral500: #848a92;
+    --color-neutral600: #6a7079;
     --color-neutral700: #535a64;
     --color-neutral800: #3a3f46;
     --color-neutral900: #191f28;
@@ -76,6 +83,7 @@
     --color-success600: #2ed573;
     --color-warning600: #ffbe21;
     --color-lb50: #e0e9ff;
+    --color-lb100: #c3d4ff;
     --color-lb500: #6891f8;
     --color-lb600: #5883ee;
     --color-lb700: #4a75df;
@@ -112,6 +120,7 @@
     --spacing_28: 28px;
     --spacing_32: 32px;
     --spacing_40: 40px;
+    --spacing_60: 60px;
     --spacing_64: 64px;
     --spacing_128: 128px;
     --spacing_200: 200px;
@@ -379,6 +388,9 @@
   }
 }
 @layer utilities {
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -432,6 +444,9 @@
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -474,6 +489,9 @@
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .left-5 {
+    left: calc(var(--spacing) * 5);
+  }
   .toggle-thumb-off-lg {
     left: var(--toggle-gap);
   }
@@ -1160,6 +1178,9 @@
   .mt-xs {
     margin-top: var(--spacing_8);
   }
+  .mr-0\.75 {
+    margin-right: calc(var(--spacing) * 0.75);
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -1172,6 +1193,9 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
+  .ml-20 {
+    margin-left: calc(var(--spacing) * 20);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -1217,6 +1241,10 @@
     width: calc(var(--spacing) * 1);
     height: calc(var(--spacing) * 1);
   }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -1225,6 +1253,10 @@
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -1233,14 +1265,18 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .size-12 {
-    width: calc(var(--spacing) * 12);
-    height: calc(var(--spacing) * 12);
-  }
   .size-12\.5 {
     width: calc(var(--spacing) * 12.5);
     height: calc(var(--spacing) * 12.5);
   }
+  .size-15 {
+    width: calc(var(--spacing) * 15);
+    height: calc(var(--spacing) * 15);
+  }
+  .size-21 {
+    width: calc(var(--spacing) * 21);
+    height: calc(var(--spacing) * 21);
+  }
   .size-\[30px\] {
     width: 30px;
     height: 30px;
@@ -1249,6 +1285,10 @@
     width: auto;
     height: auto;
   }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
   .icon-2xs {
     width: var(--control-icon-2xs);
     height: var(--control-icon-2xs);
@@ -1486,6 +1526,9 @@
   .h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -1525,12 +1568,18 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-45 {
+    height: calc(var(--spacing) * 45);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -1570,6 +1619,12 @@
   .h-\[64px\] {
     height: 64px;
   }
+  .h-\[400px\] {
+    height: 400px;
+  }
+  .h-\[480px\] {
+    height: 480px;
+  }
   .h-\[818px\] {
     height: 818px;
   }
@@ -1600,6 +1655,12 @@
   .max-h-\[240px\] {
     max-height: 240px;
   }
+  .autocomplete-item {
+    min-height: var(--autocomplete-item-min-height);
+    padding-inline: var(--autocomplete-item-padding-x);
+    padding-block: var(--autocomplete-item-padding-y);
+    font-weight: var(--font-regular);
+  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1664,6 +1725,9 @@
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1997,12 +2061,18 @@
   .rounded-\[5px\] {
     border-radius: 5px;
   }
+  .rounded-\[5px\]\! {
+    border-radius: 5px !important;
+  }
   .rounded-\[8px\] {
     border-radius: 8px;
   }
   .rounded-\[10px\] {
     border-radius: 10px;
   }
+  .rounded-\[21px\] {
+    border-radius: 21px;
+  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -2018,6 +2088,12 @@
   .rounded-none {
     border-radius: 0;
   }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
   .rounded-t-2xl {
     border-top-left-radius: var(--radius-2xl);
     border-top-right-radius: var(--radius-2xl);
@@ -2060,6 +2136,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-3 {
+    border-style: var(--tw-border-style);
+    border-width: 3px;
+  }
   .border-\[0\.5px\] {
     border-style: var(--tw-border-style);
     border-width: 0.5px;
@@ -2080,6 +2160,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
   .border-danger100 {
     border-color: var(--color-danger100);
   }
@@ -2149,6 +2233,9 @@
   .bg-lb50 {
     background-color: var(--color-lb50);
   }
+  .bg-lb100 {
+    background-color: var(--color-lb100);
+  }
   .bg-lb500 {
     background-color: var(--color-lb500);
   }
@@ -2167,6 +2254,9 @@
   .bg-mono300 {
     background-color: var(--color-mono300);
   }
+  .bg-mono600 {
+    background-color: var(--color-mono600);
+  }
   .bg-neutral-100 {
     background-color: var(--color-neutral-100);
   }
@@ -2396,6 +2486,77 @@
   .font-semibold {
     font-family: var(--font-semibold);
   }
+  .autocomplete-2xs {
+    --autocomplete-item-min-height: var(--spacing_32);
+    --autocomplete-item-padding-x: var(--spacing_4);
+    --autocomplete-item-padding-y: var(--spacing_4);
+    --autocomplete-secondary-font-size: var(--text-display10);
+    --autocomplete-secondary-line-height: var(--leading-display10);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display10);
+    font-size: var(--text-display10);
+    line-height: var(--leading-display10);
+    letter-spacing: var(--tracking-display10);
+  }
+  .autocomplete-lg {
+    --autocomplete-item-min-height: var(--spacing_60);
+    --autocomplete-item-padding-x: var(--spacing_16);
+    --autocomplete-item-padding-y: var(--spacing_12);
+    --autocomplete-secondary-font-size: var(--text-display12);
+    --autocomplete-secondary-line-height: var(--leading-display12);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display12);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .autocomplete-md {
+    --autocomplete-item-min-height: var(--spacing_60);
+    --autocomplete-item-padding-x: var(--spacing_16);
+    --autocomplete-item-padding-y: var(--spacing_12);
+    --autocomplete-secondary-font-size: var(--text-display12);
+    --autocomplete-secondary-line-height: var(--leading-display12);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display12);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .autocomplete-sm {
+    --autocomplete-item-min-height: var(--spacing_60);
+    --autocomplete-item-padding-x: var(--spacing_16);
+    --autocomplete-item-padding-y: var(--spacing_12);
+    --autocomplete-secondary-font-size: var(--text-display12);
+    --autocomplete-secondary-line-height: var(--leading-display12);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display12);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .autocomplete-xl {
+    --autocomplete-item-min-height: var(--spacing_60);
+    --autocomplete-item-padding-x: var(--spacing_16);
+    --autocomplete-item-padding-y: var(--spacing_12);
+    --autocomplete-secondary-font-size: var(--text-display12);
+    --autocomplete-secondary-line-height: var(--leading-display12);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display12);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .autocomplete-xs {
+    --autocomplete-item-min-height: var(--spacing_40);
+    --autocomplete-item-padding-x: var(--spacing_8);
+    --autocomplete-item-padding-y: var(--spacing_4);
+    --autocomplete-secondary-font-size: var(--text-display10);
+    --autocomplete-secondary-line-height: var(--leading-display10);
+    --autocomplete-secondary-letter-spacing: var(--tracking-display10);
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .autocomplete-secondary {
+    font-size: var(--autocomplete-secondary-font-size);
+    line-height: var(--autocomplete-secondary-line-height);
+    letter-spacing: var(--autocomplete-secondary-letter-spacing);
+  }
   .bread-crumb-2xs {
     font-size: var(--text-display10);
     line-height: var(--leading-display10);
@@ -2471,6 +2632,11 @@
     line-height: var(--leading-display32);
     letter-spacing: var(--tracking-display32);
   }
+  .display40 {
+    font-size: var(--text-display40);
+    line-height: var(--leading-display40);
+    letter-spacing: var(--tracking-display40);
+  }
   .toggle-lg {
     font-size: var(--text-display14);
     line-height: var(--leading-display14);
@@ -2491,6 +2657,10 @@
     line-height: var(--leading-display16);
     letter-spacing: var(--tracking-display16);
   }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2548,6 +2718,9 @@
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -2572,9 +2745,15 @@
   .text-green700 {
     color: var(--color-green700);
   }
+  .text-lb100 {
+    color: var(--color-lb100);
+  }
   .text-lb500 {
     color: var(--color-lb500);
   }
+  .text-lb500\! {
+    color: var(--color-lb500) !important;
+  }
   .text-lb900 {
     color: var(--color-lb900);
   }
@@ -2587,12 +2766,18 @@
   .text-mono500 {
     color: var(--color-mono500);
   }
+  .text-mono600 {
+    color: var(--color-mono600);
+  }
   .text-mono700 {
     color: var(--color-mono700);
   }
   .text-mono800 {
     color: var(--color-mono800);
   }
+  .text-mono900 {
+    color: var(--color-mono900);
+  }
   .text-neutral-500 {
     color: var(--color-neutral-500);
   }
@@ -2717,10 +2902,18 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
   .outline-2 {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
   }
+  .outline-3 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 3px;
+  }
   .outline-danger500 {
     outline-color: var(--color-danger500);
   }
@@ -2757,6 +2950,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-transform {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2770,6 +2968,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -2862,6 +3064,20 @@
       cursor: not-allowed;
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
+  .hover\:border-neutral200 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-neutral200);
+      }
+    }
+  }
   .hover\:bg-accept50 {
     &:hover {
       @media (hover: hover) {
@@ -3047,6 +3263,13 @@
       }
     }
   }
+  .hover\:text-neutral600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-neutral600);
+      }
+    }
+  }
   .hover\:text-neutral700 {
     &:hover {
       @media (hover: hover) {
@@ -3326,6 +3549,27 @@
       }
     }
   }
+  .data-\[active\=true\]\:bg-lb500 {
+    &[data-active="true"] {
+      background-color: var(--color-lb500);
+    }
+  }
+  .data-\[active\=true\]\:bg-transparent {
+    &[data-active="true"] {
+      background-color: transparent;
+    }
+  }
+  .data-\[active\=true\]\:text-lb500 {
+    &[data-active="true"] {
+      color: var(--color-lb500);
+    }
+  }
+  .data-\[active\=true\]\:outline-3 {
+    &[data-active="true"] {
+      outline-style: var(--tw-outline-style);
+      outline-width: 3px;
+    }
+  }
   .data-\[outside\]\:font-normal {
     &[data-outside] {
       --tw-font-weight: var(--font-weight-normal);

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { default as LDAnchor, type LDAnchorProps, } from './components/LDAnchor/LDAnchor.js';
+export { default as LDAutoComplete, type LDAutoCompleteProps, } from './components/LDAutoComplete/LDAutoComplete.js';
 export { default as LDAvatar } from './components/LDAvatar/LDAvatar.js';
 export { default as LDBadge } from './components/LDBadge/LDBadge.js';
 export { default as LDBreadCrumb, type LDBreadCrumbProps, type LDBreadCrumbItem, } from './components/LDBreadCrumb/LDBreadCrumb.js';
@@ -18,12 +20,16 @@ export { default as LDDivider, type LDDividerProps, } from './components/LDDivid
 export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
 export { default as LDEditor } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
-export { default as LDFileUploadBase } from './components/LDFileUpload/LDFileUploadBase.js';
+export { default as LDFileUploadBase } from './components/LDFileUpload/FileUploadBase.js';
+export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
+export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
+export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
+export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
 export { Form, NativeForm } from './components/Form/Form.js';
 export { default as FormField } from './components/Form/FormField.js';
 export { default as FormErrorMessage } from './components/Form/FormErrorMessage.js';
 export { default as LucideIcon } from './components/Icon/LucideIcon.js';
-export { default as LDInput, type LDInputProps, } from './components/LDInput/LDInput.js';
+export { default as LDInput, type LDInputProps, type InputSize, } from './components/LDInput/LDInput.js';
 export { default as FormInput } from './components/LDInput/FormInput.js';
 export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
 export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAGhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAGzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAGvF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAGrF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAGpG,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAGzF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,KAAK,YAAY,GAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGnF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,GACnB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAGrF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAGtE,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,GACzB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAG3F,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,5 +1,9 @@
 // 패키지 공개 진입점 — `import { LDButton } from '@loword/loword-design-system'`
 // 개별 경로 import도 계속 지원: `import LDButton from '@loword/loword-design-system/components/LDButton/LDButton'`
+// LDAnchor
+export { default as LDAnchor, } from './components/LDAnchor/LDAnchor.js';
+// LDAutoComplete
+export { default as LDAutoComplete, } from './components/LDAutoComplete/LDAutoComplete.js';
 // LDAvatar
 export { default as LDAvatar } from './components/LDAvatar/LDAvatar.js';
 // LDBadge
@@ -34,8 +38,12 @@ export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
 // LDEditor
 export { default as LDEditor } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
-// LDFileUpload (Base 레이어만 제공)
-export { default as LDFileUploadBase } from './components/LDFileUpload/LDFileUploadBase.js';
+// LDFileUpload
+export { default as LDFileUploadBase } from './components/LDFileUpload/FileUploadBase.js';
+export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
+export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
+export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
+export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
 // Form
 export { Form, NativeForm } from './components/Form/Form.js';
 export { default as FormField } from './components/Form/FormField.js';

package/dist/utils/file.d.ts

@@ -1,4 +1,5 @@
 import { type TFileExtension, type TMimeType } from '../constants/file.js';
+import type { IconName } from '../components/Icon/LucideIcon.js';
 export interface IFile {
     fileName: string;
     fileBase64: string;
@@ -6,6 +7,7 @@ export interface IFile {
 }
 export declare const isImage: (src: string) => boolean;
 export declare const isImageOrPdf: (src: string) => boolean;
+export declare const getFileIcon: (fileName: string) => IconName;
 export declare const getFileExtensionFromMimeType: (mimeType: TMimeType) => TFileExtension | string;
 export declare const validImageSize: (file: File) => Promise<boolean>;
 export declare const validFileSize: (file: File, maxSize: number) => boolean;

package/dist/utils/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,YAA4C,CAAC;AAEhF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,YACK,CAAC;AAE9C,eAAO,MAAM,4BAA4B,GACvC,UAAU,SAAS,KAClB,cAAc,GAAG,MAEnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAoB1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,EAAE,SAAS,MAAM,YAExD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,IAAI,EACV,mBAAmB,SAAS,EAAE,YAG/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,oBAS7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,KAAK,CAY5D,CAAC"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,YACW,CAAC;AAE/C,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,YACU,CAAC;AAgCnD,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,KAAG,QAG9C,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,UAAU,SAAS,KAClB,cAAc,GAAG,MAEnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,OAAO,CAoB1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,EAAE,SAAS,MAAM,YAExD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,IAAI,EACV,mBAAmB,SAAS,EAAE,YAG/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,oBAS7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,MAAM,IAAI,KAAG,OAAO,CAAC,KAAK,CAY5D,CAAC"}

package/dist/utils/file.js

@@ -1,6 +1,39 @@
 import { FILE_SIZE_UNIT, MAX_IMAGE_SIZE, FILE_EXTENSIONS, } from '../constants/file.js';
-export const isImage = (src) => /\.(png|jpg|jpeg|ico|webp)$/i.test(src);
-export const isImageOrPdf = (src) => /\.(png|jpg|jpeg|ico|webp|pdf)$/i.test(src);
+export const isImage = (src) => /\.(png|jpg|jpeg|ico|webp|avif)$/i.test(src);
+export const isImageOrPdf = (src) => /\.(png|jpg|jpeg|ico|webp|avif|pdf)$/i.test(src);
+const FILE_ICON_BY_EXTENSION = {
+    // 이미지
+    png: 'fileImage',
+    jpg: 'fileImage',
+    jpeg: 'fileImage',
+    gif: 'fileImage',
+    webp: 'fileImage',
+    svg: 'fileImage',
+    bmp: 'fileImage',
+    avif: 'fileImage',
+    tiff: 'fileImage',
+    ico: 'fileImage',
+    heic: 'fileImage',
+    heif: 'fileImage',
+    apng: 'fileImage',
+    // 문서
+    pdf: 'fileText',
+    txt: 'fileText',
+    doc: 'fileText',
+    docx: 'fileText',
+    // 스프레드시트
+    csv: 'fileSpreadsheet',
+    xls: 'fileSpreadsheet',
+    xlsx: 'fileSpreadsheet',
+    // 데이터
+    json: 'fileJson',
+    // 압축
+    zip: 'fileArchive',
+};
+export const getFileIcon = (fileName) => {
+    const extension = fileName.split('.').pop()?.toLowerCase() ?? '';
+    return FILE_ICON_BY_EXTENSION[extension] ?? 'file';
+};
 export const getFileExtensionFromMimeType = (mimeType) => {
     return FILE_EXTENSIONS[mimeType] || mimeType.split('/')[1] || 'unknown';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",
@@ -27,13 +27,16 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src/theme.css",
+    "src/styles"
   ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./theme.css": "./src/theme.css",
     "./styles.css": "./dist/index.css",
     "./*": {
       "types": "./dist/*.d.ts",