accomadesc 0.3.41 → 0.4.0

package/dist/basic/TextInput.svelte

@@ -33,6 +33,8 @@
     checkValidity = () => {
       return true;
     },
+    label = '',
+    autocomplete = '',
   }: {
     placeholder?: string;
     phonePattern?: string;
@@ -58,7 +60,8 @@
     showMessageOnInvalid?: boolean;
     id?: string;
     translating?: boolean;
-
+    label?: string;
+    autocomplete?: string | undefined;
     checkValidity?: (currentValue: string | number) => boolean;
     blurred?: (name: string, value: string | number) => void;
     focussed?: (name: string, value: string | number) => void;
@@ -80,7 +83,6 @@
 
   const handleChanged = () => {
     let v = checkValidity(value);
-    //console.log(v, valid)
     if (v !== valid) {
       valid = v;
       validityChanged(valid, name, value);
@@ -103,11 +105,9 @@
     event.preventDefault();
     let paste = event.clipboardData?.getData('text');
     if (input && paste) {
-      //console.log(paste)
       input.value = paste;
       value = paste;
     }
-
     handleChanged();
   };
 
@@ -127,6 +127,45 @@
       input.focus();
     }
   });
+
+  const describedBy = $derived(
+    enabled && (showInitialMessage || (showMessageOnInvalid && !valid))
+      ? `${id}-message`
+      : undefined,
+  );
+
+  let currentType = $state('text');
+  let extraAttrs = $state<Record<string, unknown>>({});
+
+  $effect(() => {
+    switch (type) {
+      case 'email':
+        currentType = 'email';
+        extraAttrs = { autocomplete: autocomplete || 'email' };
+        break;
+      case 'tel':
+        currentType = 'tel';
+        extraAttrs = {
+          pattern: phonePattern,
+          autocomplete: autocomplete || 'tel',
+          onchange: handleTelChanged,
+          oninput: handleTelChanged,
+          onpaste: handleTelPaste,
+        };
+        break;
+      case 'number':
+        currentType = 'number';
+        extraAttrs = { min: minNumber, max: maxNumber, step, autocomplete };
+        break;
+      case 'password':
+        currentType = 'password';
+        extraAttrs = { autocomplete: 'current-password' };
+        break;
+      default:
+        currentType = 'text';
+        extraAttrs = { autocomplete };
+    }
+  });
 </script>
 
 <div
@@ -136,122 +175,36 @@
 >
   {#if enabled && (showInitialMessage || (showMessageOnInvalid && !valid))}
     <div class="message-wrapper">
-      <span class="message" class:valid
+      <span id="{id}-message" class="message" class:valid aria-live="polite"
         >{#if valid}{@html messageValid}{:else}{@html messageInvalid}{/if}</span
       >
     </div>
   {/if}
-  {#if type == 'text'}
-    <input
-      {id}
-      bind:this={input}
-      minlength={minLength}
-      maxlength={maxLength}
-      style="max-width: {maxWidth}; min-width: {minWidth};"
-      class:invalid={enabled && !valid}
-      class:disabled={!enabled}
-      class:translating
-      {placeholder}
-      type="text"
-      {name}
-      disabled={!enabled}
-      {required}
-      bind:value
-      onblur={handleBlur}
-      onfocus={handleFocus}
-      onchange={handleChanged}
-      oninput={handleChanged}
-      onpaste={handlePaste}
-    />
-  {:else if type == 'email'}
-    <input
-      {id}
-      bind:this={input}
-      style="max-width: {maxWidth}; min-width: {minWidth};"
-      class:invalid={enabled && !valid}
-      class:disabled={!enabled}
-      minlength={minLength}
-      maxlength={maxLength}
-      {placeholder}
-      type="email"
-      {name}
-      disabled={!enabled}
-      {required}
-      bind:value
-      onblur={handleBlur}
-      onfocus={handleFocus}
-      onchange={handleChanged}
-      oninput={handleChanged}
-      onpaste={handlePaste}
-    />
-  {:else if type == 'tel'}
-    <input
-      {id}
-      bind:this={input}
-      style="max-width: {maxWidth}; min-width: {minWidth};"
-      class:invalid={enabled && !valid}
-      class:disabled={!enabled}
-      {placeholder}
-      minlength={minLength}
-      maxlength={maxLength}
-      type="tel"
-      pattern={phonePattern}
-      {name}
-      disabled={!enabled}
-      {required}
-      bind:value
-      onblur={handleBlur}
-      onfocus={handleFocus}
-      onchange={handleTelChanged}
-      oninput={handleTelChanged}
-      onpaste={handleTelPaste}
-    />
-  {:else if type == 'number'}
-    <input
-      {id}
-      bind:this={input}
-      style="max-width: {maxWidth}; min-width: {minWidth};"
-      class:invalid={enabled && !valid}
-      class:disabled={!enabled}
-      {placeholder}
-      minlength={minLength}
-      maxlength={maxLength}
-      type="number"
-      min={minNumber}
-      max={maxNumber}
-      {step}
-      {name}
-      disabled={!enabled}
-      {required}
-      bind:value
-      onblur={handleBlur}
-      onfocus={handleFocus}
-      onchange={handleChanged}
-      oninput={handleChanged}
-      onpaste={handlePaste}
-    />
-  {:else if type == 'password'}
-    <input
-      {id}
-      bind:this={input}
-      style="max-width: {maxWidth}; min-width: {minWidth};"
-      class:invalid={enabled && !valid}
-      class:disabled={!enabled}
-      {placeholder}
-      minlength={minLength}
-      maxlength={maxLength}
-      type="password"
-      {name}
-      disabled={!enabled}
-      {required}
-      bind:value
-      onblur={handleBlur}
-      onfocus={handleFocus}
-      onchange={handleChanged}
-      oninput={handleChanged}
-      onpaste={handlePaste}
-    />
-  {/if}
+  <input
+    bind:this={input}
+    type={currentType}
+    {id}
+    style="max-width: {maxWidth}; min-width: {minWidth};"
+    class:invalid={enabled && !valid}
+    class:disabled={!enabled}
+    class:translating
+    minlength={minLength}
+    maxlength={maxLength}
+    {placeholder}
+    {name}
+    disabled={!enabled}
+    {required}
+    aria-required={required}
+    aria-invalid={enabled && !valid}
+    aria-describedby={describedBy}
+    bind:value
+    onblur={handleBlur}
+    onfocus={handleFocus}
+    onchange={extraAttrs.onchange ?? handleChanged}
+    oninput={extraAttrs.oninput ?? handleChanged}
+    onpaste={extraAttrs.onpaste ?? handlePaste}
+    {...extraAttrs}
+  />
 </div>
 
 <style>

package/dist/basic/TextInput.svelte.d.ts

@@ -23,6 +23,8 @@ type $$ComponentProps = {
     showMessageOnInvalid?: boolean;
     id?: string;
     translating?: boolean;
+    label?: string;
+    autocomplete?: string | undefined;
     checkValidity?: (currentValue: string | number) => boolean;
     blurred?: (name: string, value: string | number) => void;
     focussed?: (name: string, value: string | number) => void;

package/dist/basic/icons/actions.d.ts

@@ -0,0 +1,13 @@
+export declare const actionIcons: {
+    edit: string;
+    delete: string;
+    save: string;
+    clone: string;
+    upload: string;
+    generate: string;
+    add: string;
+    discard: string;
+    reset: string;
+    abort: string;
+};
+export type ActionIconKey = keyof typeof actionIcons;

package/dist/basic/icons/actions.js

@@ -0,0 +1,44 @@
+export const actionIcons = {
+    edit: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M4 23.28V27.3333C4 27.7066 4.29333 28 4.66667 28H8.72C8.89333 28 9.06667 27.9333 9.18667 27.8L23.7467 13.2533L18.7467 8.2533L4.2 22.8C4.06667 22.9333 4 23.0933 4 23.28ZM27.6133 9.38663C27.7369 9.26328 27.835 9.11676 27.9019 8.95546C27.9688 8.79416 28.0033 8.62125 28.0033 8.44663C28.0033 8.27201 27.9688 8.0991 27.9019 7.9378C27.835 7.7765 27.7369 7.62998 27.6133 7.50663L24.4933 4.38663C24.37 4.26302 24.2235 4.16496 24.0622 4.09805C23.9009 4.03114 23.728 3.9967 23.5533 3.9967C23.3787 3.9967 23.2058 4.03114 23.0445 4.09805C22.8832 4.16496 22.7367 4.26302 22.6133 4.38663L20.1733 6.82663L25.1733 11.8266L27.6133 9.38663Z" fill="{color}"/>
+    </svg>`,
+    delete: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M39.712 17.856L35.424 43.456C35.3568 43.8233 35.1633 44.1555 34.8769 44.3951C34.5906 44.6347 34.2294 44.7666 33.856 44.768H14.144C13.7706 44.7666 13.4095 44.6347 13.1231 44.3951C12.8368 44.1555 12.6432 43.8233 12.576 43.456L8.28802 17.856C8.25109 17.6282 8.26388 17.395 8.32554 17.1726C8.38719 16.9502 8.49623 16.7437 8.64519 16.5674C8.79414 16.3911 8.97949 16.2491 9.18849 16.1511C9.3975 16.0532 9.62522 16.0016 9.85602 16H38.112C38.3455 15.997 38.5769 16.0451 38.7898 16.141C39.0027 16.2369 39.192 16.3783 39.3445 16.5552C39.497 16.732 39.6089 16.9401 39.6724 17.1649C39.7359 17.3896 39.7494 17.6255 39.712 17.856ZM41.6 11.2C41.6 11.6243 41.4315 12.0313 41.1314 12.3314C40.8313 12.6314 40.4244 12.8 40 12.8H8.00002C7.57568 12.8 7.16871 12.6314 6.86865 12.3314C6.5686 12.0313 6.40002 11.6243 6.40002 11.2C6.40002 10.7757 6.5686 10.3687 6.86865 10.0686C7.16871 9.76857 7.57568 9.6 8.00002 9.6H16V4.8C16 4.37565 16.1686 3.96869 16.4687 3.66863C16.7687 3.36857 17.1757 3.2 17.6 3.2H30.4C30.8244 3.2 31.2313 3.36857 31.5314 3.66863C31.8315 3.96869 32 4.37565 32 4.8V9.6H40C40.4244 9.6 40.8313 9.76857 41.1314 10.0686C41.4315 10.3687 41.6 10.7757 41.6 11.2ZM28.8 9.6V6.4H19.2V9.6H28.8Z" fill="{color}"/>
+    </svg>`,
+    save: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M31.5 16C31.5 24.5604 24.5604 31.5 16 31.5C7.43956 31.5 0.5 24.5604 0.5 16C0.5 7.43956 7.43956 0.5 16 0.5C24.5604 0.5 31.5 7.43956 31.5 16ZM14.2071 24.2071L25.7071 12.7071C26.0976 12.3166 26.0976 11.6834 25.7071 11.2929L24.2929 9.87875C23.9024 9.48819 23.2692 9.48819 22.8787 9.87875L13.5 19.2574L9.12131 14.8787C8.73081 14.4882 8.09763 14.4882 7.70706 14.8787L6.29287 16.2929C5.90237 16.6834 5.90237 17.3166 6.29287 17.7071L12.7929 24.2071C13.1834 24.5976 13.8166 24.5976 14.2071 24.2071Z" fill="#0D9D00"/>
+    </svg>`,
+    clone: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M22 34H8C6.93913 34 5.92172 33.5786 5.17157 32.8284C4.42143 32.0783 4 31.0609 4 30V6C4 4.93913 4.42143 3.92172 5.17157 3.17157C5.92172 2.42143 6.93913 2 8 2H32V6H8V30H22V26L30 32L22 38V34ZM38 42V14H16V26H12V14C12 12.9391 12.4214 11.9217 13.1716 11.1716C13.9217 10.4214 14.9391 10 16 10H38C39.0609 10 40.0783 10.4214 40.8284 11.1716C41.5786 11.9217 42 12.9391 42 14V42C42 43.0609 41.5786 44.0783 40.8284 44.8284C40.0783 45.5786 39.0609 46 38 46H16C14.9391 46 13.9217 45.5786 13.1716 44.8284C12.4214 44.0783 12 43.0609 12 42V38H16V42H38Z" fill="{color}"/>
+    </svg>`,
+    upload: `
+    <svg width="100%" height="100%" viewBox="-2 -2 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M20.625 22.9868H25.5234C29.0684 22.9868 31.9688 21.1612 31.9688 17.7618C31.9688 14.3624 28.5527 12.6699 25.7812 12.5368C25.2083 7.22057 21.2051 3.98682 16.5 3.98682C12.0527 3.98682 9.18844 6.84869 8.25 9.68682C4.38281 10.0431 1.03125 12.4293 1.03125 16.3368C1.03125 20.2443 4.51172 22.9868 8.76562 22.9868H12.375" stroke="{color}" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M20.625 15.9868L16.5 11.9868L12.375 15.9868" stroke="{color}" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M16.5 28.0131V12.9868" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>`,
+    generate: `
+    <svg width="100%" height="100%" viewBox="0 -1 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M31.5607 20.4393C32.1465 21.0251 32.1465 21.9749 31.5607 22.5606L26.5607 27.5596C25.6226 28.4977 24 27.8402 24 26.4989V24H20.3259C20.2231 24 20.1213 23.9788 20.027 23.9378C19.9327 23.8969 19.8478 23.8369 19.7776 23.7617L15.3679 19.037L18.7012 15.4656L22 19H24V16.5012C24 15.1613 25.6214 14.5013 26.5607 15.4405L31.5607 20.4393ZM0.75 9H6L9.29881 12.5344L12.6321 8.963L8.22237 4.23825C8.1522 4.16306 8.06731 4.10311 7.97299 4.06212C7.87866 4.02114 7.77691 3.99999 7.67406 4H0.75C0.335813 4 0 4.33581 0 4.75V8.25C0 8.66418 0.335813 9 0.75 9ZM24 9V11.499C24 12.8402 25.6226 13.4977 26.5607 12.5597L31.5607 7.56068C32.1465 6.97487 32.1465 6.02512 31.5607 5.43937L26.5607 0.440559C25.6214 -0.498691 24 0.161372 24 1.50118V4H20.3259C20.2231 4.00001 20.1213 4.02116 20.027 4.06215C19.9327 4.10313 19.8478 4.16307 19.7776 4.23825L6 19H0.75C0.335813 19 0 19.3358 0 19.75V23.25C0 23.6642 0.335813 24 0.75 24H7.67406C7.88194 24 8.0805 23.9137 8.22237 23.7617L22 9H24Z" fill="{color}"/>
+    </svg>`,
+    add: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.4375 0.5 0.5 7.4375 0.5 16C0.5 24.5625 7.4375 31.5 16 31.5C24.5625 31.5 31.5 24.5625 31.5 16C31.5 7.4375 24.5625 0.5 16 0.5ZM25 17.75C25 18.1625 24.6625 18.5 24.25 18.5H18.5V24.25C18.5 24.6625 18.1625 25 17.75 25H14.25C13.8375 25 13.5 24.6625 13.5 24.25V18.5H7.75C7.3375 18.5 7 18.1625 7 17.75V14.25C7 13.8375 7.3375 13.5 7.75 13.5H13.5V7.75C13.5 7.3375 13.8375 7 14.25 7H17.75C18.1625 7 18.5 7.3375 18.5 7.75V13.5H24.25C24.6625 13.5 25 13.8375 25 14.25V17.75Z" fill="{color}"/>
+    </svg>`,
+    discard: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M24.01 44.006C12.964 44.006 4.00999 35.052 4.00999 24.006C4.00999 12.96 12.964 4.006 24.01 4.006C35.056 4.006 44.01 12.96 44.01 24.006C44.01 35.052 35.056 44.006 24.01 44.006ZM24.01 18.006H16.01V22.006H34.01L24.01 12.006V18.006ZM14.01 26.006L24.01 36.006V30.006H32.01V26.006H14.01Z" fill="{color}"/>
+    </svg>`,
+    reset: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.43998 0.5 0.5 7.43998 0.5 16C0.5 24.56 7.43998 31.5 16 31.5C24.56 31.5 31.5 24.56 31.5 16C31.5 7.43998 24.56 0.5 16 0.5ZM15.3167 18.4696V22.5577L7.80288 15.4038L15.3167 8.25V12.3381C22.5078 12.3381 24.1971 17.48 24.1971 22.5577C22.1218 19.907 20.2863 18.4696 15.3167 18.4696Z" fill="#FFBB6B"/>
+    </svg>`,
+    abort: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.4375 0.5 0.5 7.4375 0.5 16C0.5 24.5625 7.4375 31.5 16 31.5C24.5625 31.5 31.5 24.5625 31.5 16C31.5 7.4375 24.5625 0.5 16 0.5ZM23.6 20.0688C23.8938 20.3625 23.8938 20.8375 23.6 21.1313L21.125 23.6C20.8312 23.8938 20.3563 23.8938 20.0625 23.6L16 19.5L11.9312 23.6C11.6375 23.8938 11.1625 23.8938 10.8687 23.6L8.4 21.125C8.10625 20.8312 8.10625 20.3563 8.4 20.0625L12.5 16L8.4 11.9312C8.10625 11.6375 8.10625 11.1625 8.4 10.8687L10.875 8.39375C11.1687 8.1 11.6438 8.1 11.9375 8.39375L16 12.5L20.0688 8.4C20.3625 8.10625 20.8375 8.10625 21.1313 8.4L23.6063 10.875C23.9 11.1687 23.9 11.6438 23.6063 11.9375L19.5 16L23.6 20.0688Z" fill="#B01313"/>
+    </svg>`,
+};

package/dist/basic/icons/navigation.d.ts

@@ -0,0 +1,6 @@
+export declare const navigationIcons: {
+    back: string;
+    up: string;
+    down: string;
+};
+export type NavigationIconKey = keyof typeof navigationIcons;

package/dist/basic/icons/navigation.js

@@ -0,0 +1,16 @@
+export const navigationIcons = {
+    back: `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M2.66667 0C1.196 0 0 1.196 0 2.66667V21.3333C0 22.804 1.196 24 2.66667 24H21.3333C22.804 24 24 22.804 24 21.3333V2.66667C24 1.196 22.804 0 21.3333 0H2.66667ZM15.6093 17.724L13.724 19.6093L6.11467 12L13.724 4.39067L15.6093 6.276L9.88533 12L15.6093 17.724Z" fill="{color}"/>
+    </svg>`,
+    up: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M29.708 23.948L32.538 21.12L24.052 12.634L15.566 21.12L18.394 23.948L22.052 20.292V35.366H26.052V20.292L29.708 23.948Z" fill="{color}"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M2 38C2 40.1217 2.84285 42.1566 4.34315 43.6569C5.84344 45.1571 7.87827 46 10 46H38C40.1217 46 42.1566 45.1571 43.6569 43.6569C45.1571 42.1566 46 40.1217 46 38V10C46 7.87827 45.1571 5.84344 43.6569 4.34315C42.1566 2.84285 40.1217 2 38 2H10C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10V38ZM10 42H38C39.0609 42 40.0783 41.5786 40.8284 40.8284C41.5786 40.0783 42 39.0609 42 38V10C42 8.93913 41.5786 7.92172 40.8284 7.17157C40.0783 6.42143 39.0609 6 38 6H10C8.93913 6 7.92172 6.42143 7.17157 7.17157C6.42143 7.92172 6 8.93913 6 10V38C6 39.0609 6.42143 40.0783 7.17157 40.8284C7.92172 41.5786 8.93913 42 10 42Z" fill="{color}"/>
+    </svg>`,
+    down: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M29.656 24.052L32.486 26.88L24 35.366L15.514 26.88L18.344 24.052L22 27.708V12.634H26V27.708L29.656 24.052Z" fill="{color}"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2H38C40.1217 2 42.1566 2.84285 43.6569 4.34315C45.1571 5.84344 46 7.87827 46 10V38C46 40.1217 45.1571 42.1566 43.6569 43.6569C42.1566 45.1571 40.1217 46 38 46H10C7.87827 46 5.84344 45.1571 4.34315 43.6569C2.84285 42.1566 2 40.1217 2 38V10ZM10 6H38C39.0609 6 40.0783 6.42143 40.8284 7.17157C41.5786 7.92172 42 8.93913 42 10V38C42 39.0609 41.5786 40.0783 40.8284 40.8284C40.0783 41.5786 39.0609 42 38 42H10C8.93913 42 7.92172 41.5786 7.17157 40.8284C6.42143 40.0783 6 39.0609 6 38V10C6 8.93913 6.42143 7.92172 7.17157 7.17157C7.92172 6.42143 8.93913 6 10 6Z" fill="{color}"/>
+    </svg>`,
+};

package/dist/basic/icons/ui.d.ts

@@ -0,0 +1,13 @@
+export declare const uiIcons: {
+    moon: string;
+    sun: string;
+    close: string;
+    minimize: string;
+    cog: string;
+    arrows: string;
+    again: string;
+    select: string;
+    show: string;
+    placeholder: string;
+};
+export type UiIconKey = keyof typeof uiIcons;

package/dist/basic/icons/ui.js

@@ -0,0 +1,44 @@
+export const uiIcons = {
+    moon: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.4375 0.5 0.5 7.4375 0.5 16C0.5 24.5625 7.4375 31.5 16 31.5C24.5625 31.5 31.5 24.5625 31.5 16C31.5 7.4375 24.5625 0.5 16 0.5ZM15.25 2C15.25 1.5875 15.5875 1.25 16 1.25C21.275 1.25 25.625 5.6 25.625 10.875C25.625 11.2875 25.2875 11.625 24.875 11.625H22.125C21.7125 11.625 21.375 11.2875 21.375 10.875C21.375 6.9375 18.0625 3.625 14.125 3.625C13.7125 3.625 13.375 3.2875 13.375 2.875C13.375 2.4625 13.7125 2.125 14.125 2H15.25ZM10.625 5.75C10.625 5.3375 10.9625 5 11.375 5H13.625C14.0375 5 14.375 5.3375 14.375 5.75C14.375 6.1625 14.0375 6.5 13.625 6.5H11.375C10.9625 6.5 10.625 6.1625 10.625 5.75ZM5 14.375C5 13.9625 5.3375 13.625 5.75 13.625H8C8.4125 13.625 8.75 13.9625 8.75 14.375C8.75 14.7875 8.4125 15.125 8 15.125H5.75C5.3375 15.125 5 14.7875 5 14.375ZM26.25 14.375C26.25 13.9625 26.5875 13.625 27 13.625H29.25C29.6625 13.625 30 13.9625 30 14.375C30 14.7875 29.6625 15.125 29.25 15.125H27C26.5875 15.125 26.25 14.7875 26.25 14.375ZM8.75 21.375C8.75 20.9625 9.0875 20.625 9.5 20.625H11.75C12.1625 20.625 12.5 20.9625 12.5 21.375C12.5 21.7875 12.1625 22.125 11.75 22.125H9.5C9.0875 22.125 8.75 21.7875 8.75 21.375ZM14.375 25.125C14.375 24.7125 14.7125 24.375 15.125 24.375H17.875C18.2875 24.375 18.625 24.7125 18.625 25.125C18.625 25.5375 18.2875 25.875 17.875 25.875H15.125C14.7125 25.875 14.375 25.5375 14.375 25.125Z" fill="{color}"/>
+    </svg>`,
+    sun: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.4375 0.5 0.5 7.4375 0.5 16C0.5 24.5625 7.4375 31.5 16 31.5C24.5625 31.5 31.5 24.5625 31.5 16C31.5 7.4375 24.5625 0.5 16 0.5ZM14.125 2.875C13.7125 2.875 13.375 3.2125 13.375 3.625V5.875C13.375 6.2875 13.7125 6.625 14.125 6.625C14.5375 6.625 14.875 6.2875 14.875 5.875V3.625C14.875 3.2125 14.5375 2.875 14.125 2.875ZM5.75 8.75C5.3375 8.75 5 9.0875 5 9.5V11.75C5 12.1625 5.3375 12.5 5.75 12.5C6.1625 12.5 6.5 12.1625 6.5 11.75V9.5C6.5 9.0875 6.1625 8.75 5.75 8.75ZM2 16C2 15.5875 2.3375 15.25 2.75 15.25H5C5.4125 15.25 5.75 15.5875 5.75 16C5.75 16.4125 5.4125 16.75 5 16.75H2.75C2.3375 16.75 2 16.4125 2 16ZM26.25 15.25C26.6625 15.25 27 15.5875 27 16C27 16.4125 26.6625 16.75 26.25 16.75H24C23.5875 16.75 23.25 16.4125 23.25 16C23.25 15.5875 23.5875 15.25 24 15.25H26.25ZM8.75 19.375C8.75 18.9625 9.0875 18.625 9.5 18.625H11.75C12.1625 18.625 12.5 18.9625 12.5 19.375C12.5 19.7875 12.1625 20.125 11.75 20.125H9.5C9.0875 20.125 8.75 19.7875 8.75 19.375ZM14.875 25.375V27.625C14.875 28.0375 14.5375 28.375 14.125 28.375C13.7125 28.375 13.375 28.0375 13.375 27.625V25.375C13.375 24.9625 13.7125 24.625 14.125 24.625C14.5375 24.625 14.875 24.9625 14.875 25.375ZM22.125 12.5C22.5375 12.5 22.875 12.1625 22.875 11.75V9.5C22.875 9.0875 22.5375 8.75 22.125 8.75C21.7125 8.75 21.375 9.0875 21.375 9.5V11.75C21.375 12.1625 21.7125 12.5 22.125 12.5ZM16 22.125C12.6 22.125 9.875 19.4 9.875 16C9.875 12.6 12.6 9.875 16 9.875C19.4 9.875 22.125 12.6 22.125 16C22.125 19.4 19.4 22.125 16 22.125Z" fill="{color}"/>
+    </svg>`,
+    close: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M16 0.5C7.4375 0.5 0.5 7.4375 0.5 16C0.5 24.5625 7.4375 31.5 16 31.5C24.5625 31.5 31.5 24.5625 31.5 16C31.5 7.4375 24.5625 0.5 16 0.5ZM23.6 20.0688C23.8938 20.3625 23.8938 20.8375 23.6 21.1313L21.125 23.6C20.8312 23.8938 20.3563 23.8938 20.0625 23.6L16 19.5L11.9312 23.6C11.6375 23.8938 11.1625 23.8938 10.8687 23.6L8.4 21.125C8.10625 20.8312 8.10625 20.3563 8.4 20.0625L12.5 16L8.4 11.9312C8.10625 11.6375 8.10625 11.1625 8.4 10.8687L10.875 8.39375C11.1687 8.1 11.6438 8.1 11.9375 8.39375L16 12.5L20.0688 8.4C20.3625 8.10625 20.8375 8.10625 21.1313 8.4L23.6063 10.875C23.9 11.1687 23.9 11.6438 23.6063 11.9375L19.5 16L23.6 20.0688Z" fill="{color}"/>
+    </svg>`,
+    minimize: `
+    <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M5.16 8.92V15.52H0.58667V0.586666H15.52V5.16H8.92L17.4133 13.6667L13.6667 17.4133L5.16 8.92V8.92Z" fill="{color}"/>
+    </svg>`,
+    cog: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M24 31C22.1435 31 20.363 30.2625 19.0503 28.9498C17.7375 27.637 17 25.8565 17 24C17 22.1435 17.7375 20.363 19.0503 19.0503C20.363 17.7375 22.1435 17 24 17C25.8565 17 27.637 17.7375 28.9498 19.0503C30.2625 20.363 31 22.1435 31 24C31 25.8565 30.2625 27.637 28.9498 28.9498C27.637 30.2625 25.8565 31 24 31ZM38.86 25.94C38.94 25.3 39 24.66 39 24C39 23.34 38.94 22.68 38.86 22L43.08 18.74C43.46 18.44 43.56 17.9 43.32 17.46L39.32 10.54C39.08 10.1 38.54 9.92 38.1 10.1L33.12 12.1C32.08 11.32 31 10.64 29.74 10.14L29 4.84C28.9594 4.60444 28.8367 4.39086 28.6536 4.23711C28.4706 4.08336 28.2391 3.99936 28 4H20C19.5 4 19.08 4.36 19 4.84L18.26 10.14C17 10.64 15.92 11.32 14.88 12.1L9.90001 10.1C9.46001 9.92 8.92002 10.1 8.68002 10.54L4.68001 17.46C4.42001 17.9 4.54001 18.44 4.92001 18.74L9.14002 22C9.06002 22.68 9.00001 23.34 9.00001 24C9.00001 24.66 9.06002 25.3 9.14002 25.94L4.92001 29.26C4.54001 29.56 4.42001 30.1 4.68001 30.54L8.68002 37.46C8.92002 37.9 9.46001 38.06 9.90001 37.9L14.88 35.88C15.92 36.68 17 37.36 18.26 37.86L19 43.16C19.08 43.64 19.5 44 20 44H28C28.5 44 28.92 43.64 29 43.16L29.74 37.86C31 37.34 32.08 36.68 33.12 35.88L38.1 37.9C38.54 38.06 39.08 37.9 39.32 37.46L43.32 30.54C43.56 30.1 43.46 29.56 43.08 29.26L38.86 25.94Z" fill="{color}"/>
+    </svg>`,
+    arrows: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M11.65 26L15.4 29.8C15.7667 30.1667 15.9587 30.6247 15.976 31.174C15.992 31.7247 15.8 32.2 15.4 32.6C15.0333 32.9667 14.5667 33.15 14 33.15C13.4333 33.15 12.9667 32.9667 12.6 32.6L5.39999 25.4C4.99999 25 4.79999 24.5333 4.79999 24C4.79999 23.4667 4.99999 23 5.39999 22.6L12.6 15.4C12.9667 15.0333 13.4253 14.85 13.976 14.85C14.5253 14.85 15 15.0333 15.4 15.4C15.8 15.8 16 16.2747 16 16.824C16 17.3747 15.8 17.85 15.4 18.25L11.65 22H20C20.5667 22 21.042 22.1913 21.426 22.574C21.8087 22.958 22 23.4333 22 24C22 24.5667 21.8087 25.0413 21.426 25.424C21.042 25.808 20.5667 26 20 26H11.65ZM36.35 26H28C27.4333 26 26.9587 25.808 26.576 25.424C26.192 25.0413 26 24.5667 26 24C26 23.4333 26.192 22.958 26.576 22.574C26.9587 22.1913 27.4333 22 28 22L36.4 21.95L32.6 18.2C32.2333 17.8333 32.05 17.3667 32.05 16.8C32.05 16.2333 32.2333 15.7667 32.6 15.4C32.9667 15.0333 33.4333 14.85 34 14.85C34.5667 14.85 35.0333 15.0333 35.4 15.4L42.6 22.6C43 23 43.2 23.4667 43.2 24C43.2 24.5333 43 25 42.6 25.4L35.4 32.6C35 33 34.5333 33.1913 34 33.174C33.4667 33.158 33 32.95 32.6 32.55C32.2333 32.15 32.042 31.6833 32.026 31.15C32.0087 30.6167 32.2 30.15 32.6 29.75L36.35 26Z" fill="{color}"/>
+    </svg>`,
+    again: `
+    <svg width="100%" height="100%" viewBox="0 0 42 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M9.5 16L14 17L7.5 8L0 17L5.5 16C5.5 20.2435 7.18571 24.3131 10.1863 27.3137C13.1869 30.3143 17.2565 32 21.5 32C24.64 32 27.56 31.08 30.02 29.52L27.1 26.6C25.378 27.5231 23.4538 28.0041 21.5 28C18.3174 28 15.2652 26.7357 13.0147 24.4853C10.7643 22.2348 9.5 19.1826 9.5 16ZM12.98 2.48L15.9 5.4C17.58 4.52 19.5 4 21.5 4C24.6826 4 27.7348 5.26428 29.9853 7.51472C32.2357 9.76515 33.5 12.8174 33.5 16L29 14.5L35.5 24L41.5 14.5L37.5 16C37.5 11.7565 35.8143 7.68687 32.8137 4.68629C29.8131 1.68571 25.7435 0 21.5 0C18.36 0 15.44 0.92 12.98 2.48Z" fill="{color}"/>
+    </svg>`,
+    select: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.00001 10C7.43334 10 6.95801 9.80801 6.57401 9.42401C6.19001 9.04001 5.99867 8.56534 6.00001 8.00001C6.00001 7.43334 6.19201 6.95801 6.57601 6.57401C6.96001 6.19001 7.43467 5.99867 8.00001 6.00001H40C40.5667 6.00001 41.042 6.19201 41.426 6.57601C41.81 6.96001 42.0013 7.43467 42 8.00001C42 8.56667 41.808 9.04201 41.424 9.42601C41.04 9.81001 40.5653 10.0013 40 10H8.00001ZM22.6 32.6L17.4 27.4C17.0333 27.0333 16.842 26.5753 16.826 26.026C16.81 25.4767 17.0013 25.0013 17.4 24.6C17.7667 24.2333 18.2333 24.05 18.8 24.05C19.3667 24.05 19.8333 24.2333 20.2 24.6L22 26.35V16C22 15.4333 22.192 14.958 22.576 14.574C22.96 14.19 23.4347 13.9987 24 14C24.5667 14 25.042 14.192 25.426 14.576C25.81 14.96 26.0013 15.4347 26 16V26.35L27.8 24.55C28.1667 24.1833 28.6253 24 29.176 24C29.7267 24 30.2013 24.2 30.6 24.6C30.9667 24.9667 31.15 25.4333 31.15 26C31.15 26.5667 30.9667 27.0333 30.6 27.4L25.4 32.6C25 33 24.5333 33.2 24 33.2C23.4667 33.2 23 33 22.6 32.6ZM8.00001 42C7.43334 42 6.95801 41.808 6.57401 41.424C6.19001 41.04 5.99867 40.5653 6.00001 40C6.00001 39.4333 6.19201 38.958 6.57601 38.574C6.96001 38.19 7.43467 37.9987 8.00001 38H40C40.5667 38 41.042 38.192 41.426 38.576C41.81 38.96 42.0013 39.4347 42 40C42 40.5667 41.808 41.042 41.424 41.426C41.04 41.81 40.5653 42.0013 40 42H8.00001Z" fill="{color}"/>
+    </svg>`,
+    show: `
+    <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+     <path d="M28.072 24.7472L22.0256 18.7008C22.9682 17.1537 23.4654 15.3764 23.4624 13.5648C23.4624 8.0976 18.7248 3.3616 13.2576 3.3616C11.9578 3.36139 10.6706 3.61726 9.46969 4.11458C8.26876 4.61191 7.17758 5.34096 6.25846 6.26007C5.33934 7.17919 4.61029 8.27038 4.11297 9.47131C3.61564 10.6722 3.35978 11.9594 3.35999 13.2592C3.35999 18.7248 8.09759 23.4624 13.5632 23.4624C15.3151 23.464 17.0357 22.9978 18.5472 22.112L24.6256 28.1936C24.9114 28.4787 25.2987 28.6388 25.7024 28.6388C26.1061 28.6388 26.4933 28.4787 26.7792 28.1936L28.288 26.6848C28.8816 26.0912 28.6656 25.3408 28.072 24.7472ZM6.40639 13.2592C6.40618 12.3594 6.58323 11.4683 6.92744 10.6369C7.27165 9.80546 7.77628 9.05 8.41249 8.41364C9.0487 7.77728 9.80405 7.27248 10.6354 6.92807C11.4667 6.58367 12.3577 6.4064 13.2576 6.4064C17.0432 6.4064 20.416 9.7776 20.416 13.5648C20.4156 15.3821 19.6934 17.1249 18.4084 18.41C17.1233 19.6951 15.3805 20.4172 13.5632 20.4176C9.77759 20.416 6.40639 17.0432 6.40639 13.2592V13.2592Z" fill="{color}"/>
+    </svg>`,
+    placeholder: `
+    <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect x="1" y="1" width="98" height="98" fill="#EEEEEE"/>
+      <path d="M55.7391 33L56.6051 32.5L55.7391 31L54.873 32.5L55.7391 33ZM68.9357 55.8573V56.8573H70.6678L69.8017 55.3573L68.9357 55.8573ZM42.5424 55.8573L41.6764 55.3573L40.8104 56.8573H42.5424V55.8573ZM54.873 33.5L68.0697 56.3573L69.8017 55.3573L56.6051 32.5L54.873 33.5ZM49.223 46.2861L56.6051 33.5L54.873 32.5L47.491 45.2861L49.223 46.2861ZM42.4286 45.1302C44.4109 45.1302 46.2612 45.6823 47.8376 46.6406L48.8765 44.9316C46.9959 43.7883 44.7876 43.1302 42.4286 43.1302V45.1302ZM32 55.5588C32 49.7992 36.6691 45.1302 42.4286 45.1302V43.1302C35.5645 43.1302 30 48.6947 30 55.5588H32ZM42.4286 65.9874C36.6691 65.9874 32 61.3184 32 55.5588H30C30 62.423 35.5645 67.9874 42.4286 67.9874V65.9874ZM52.8538 55.8316C52.7094 61.4648 48.097 65.9874 42.4286 65.9874V67.9874C49.1844 67.9874 54.681 62.5975 54.8531 55.8829L52.8538 55.8316ZM68.9357 54.8573H53.8535V56.8573H68.9357V54.8573ZM53.8535 54.8573H42.5424V56.8573H53.8535V54.8573ZM43.4084 56.3573L49.223 46.2861L47.491 45.2861L41.6764 55.3573L43.4084 56.3573ZM47.8376 46.6406C50.8493 48.4715 52.8573 51.7811 52.8573 55.5588H54.8573C54.8573 51.054 52.4601 47.1101 48.8765 44.9316L47.8376 46.6406ZM52.8573 55.5588C52.8573 55.65 52.8561 55.741 52.8538 55.8316L54.8531 55.8829C54.8559 55.7752 54.8573 55.6671 54.8573 55.5588H52.8573Z" fill="#AAAAAA"/>
+      <rect x="1" y="1" width="98" height="98" stroke="#AAAAAA" stroke-width="2"/>
+    </svg>`,
+};

package/dist/basic/icons.d.ts

@@ -1 +1,5 @@
+declare const iconCategories: Record<string, Record<string, string>>;
+declare const categoryMap: Record<string, keyof typeof iconCategories>;
 export declare const getIcon: (name: string, color?: string) => string;
+export type IconName = keyof typeof categoryMap;
+export {};