poe-svelte-ui-lib 1.1.16 → 1.1.17

package/dist/Accordion/AccordionProps.svelte

@@ -24,7 +24,7 @@
   const initialType = $derived($optionsStore.ACCORDION_TYPE_OPTIONS.find((t) => t.value === component.properties.outline))
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -57,7 +57,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', option.value as string, component, onPropertyChange)}
       />
     </div>

package/dist/Button/Button.svelte

@@ -12,7 +12,7 @@
     disabled = false,
     content = {
       name: '',
-      info: '',
+      info: { text: '', side: 'top' },
       icon: null,
     },
     keyBind,
@@ -64,7 +64,7 @@
   })
 </script>
 
-<div class={twMerge(`relative flex w-full flex-col items-center`, wrapperClass)}>
+<div class={twMerge(`relative flex w-full flex-col items-center `, wrapperClass)}>
   <div class="relative flex w-full grow items-center">
     <button
       {id}
@@ -79,10 +79,10 @@
       {disabled}
       aria-label={content.name}
       onmouseenter={() => {
-        if (content.info) showInfo = true
+        if (content.info?.text) showInfo = true
       }}
       onmouseleave={() => {
-        if (content.info) showInfo = false
+        if (content.info?.text) showInfo = false
       }}
     >
       <span class=" flex flex-row items-center justify-center gap-2">
@@ -113,16 +113,42 @@
       </span>
     </button>
 
-    {#if showInfo}
+    {#if showInfo && content.info?.side === 'top'}
       <div
         transition:fly={{ y: -15, duration: 300 }}
-        class="absolute bottom-full left-1/2 z-50 mb-2 w-max max-w-xs rounded-md bg-(--container-color) px-3 py-1 text-sm shadow-lg"
+        class="absolute bottom-full left-1/2 z-50 mb-2 max-w-min min-w-fit rounded-md bg-(--container-color) px-3 py-1 text-sm shadow-lg"
         style="transform: translateX(-50%);"
       >
-        {content.info}
-        <!-- Треугольная стрелка -->
+        {content.info?.text}
         <div class="absolute top-full left-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 transform bg-(--container-color)"></div>
       </div>
+    {:else if showInfo && content.info?.side === 'bottom'}
+      <div
+        transition:fly={{ y: 15, duration: 300 }}
+        class="absolute top-full left-1/2 z-50 mt-2 max-w-min min-w-fit rounded-md bg-(--container-color) px-3 py-1 text-sm shadow-lg"
+        style="transform: translateX(-50%);"
+      >
+        {content.info?.text}
+        <div class="absolute bottom-full left-1/2 h-2 w-2 -translate-x-1/2 translate-y-1/2 rotate-45 transform bg-(--container-color)"></div>
+      </div>
+    {:else if showInfo && content.info?.side === 'left'}
+      <div
+        transition:fly={{ x: 15, duration: 300 }}
+        class="absolute top-1/2 right-full z-50 mr-2 max-w-min min-w-fit rounded-md bg-(--container-color) px-3 py-1 text-sm shadow-lg"
+        style="transform: translateY(-50%);"
+      >
+        {content.info?.text}
+        <div class="absolute top-1/2 -right-2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 transform bg-(--container-color)"></div>
+      </div>
+    {:else if showInfo && content.info?.side === 'right'}
+      <div
+        transition:fly={{ x: -15, duration: 300 }}
+        class="absolute top-1/2 left-full z-50 ml-2 max-w-min min-w-fit rounded-md bg-(--container-color) px-3 py-1 text-sm shadow-lg"
+        style="transform: translateY(-50%);"
+      >
+        {content.info?.text}
+        <div class="absolute top-1/2 -left-2 h-2 w-2 translate-x-1/2 -translate-y-1/2 -rotate-45 transform bg-(--container-color)"></div>
+      </div>
     {/if}
   </div>
 </div>

package/dist/Button/ButtonProps.svelte

@@ -153,8 +153,8 @@
       />
       <UI.Input
         label={{ name: $t('constructor.props.info') }}
-        value={component.properties.content.info}
-        onUpdate={(value) => updateProperty('content.info', value as string, component, onPropertyChange)}
+        value={component.properties.content.info.text}
+        onUpdate={(value) => updateProperty('content.info.text', value as string, component, onPropertyChange)}
       />
       <UI.Input
         label={{ name: $t('constructor.props.svgicon') }}

package/dist/ColorPicker/ColorPickerProps.svelte

@@ -20,7 +20,7 @@
   let VARIABLE_OPTIONS = $derived(DeviceVariables && Array.isArray(DeviceVariables) ? DeviceVariables : [])
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -59,7 +59,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', option.value as string, component, onPropertyChange)}
       />
     </div>

package/dist/Input/InputProps.svelte

@@ -27,7 +27,7 @@
   )
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -178,7 +178,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value))}
       />
       <UI.Select

package/dist/ProgressBar/ProgressBarProps.svelte

@@ -20,7 +20,7 @@
   let VARIABLE_OPTIONS = $derived(DeviceVariables && Array.isArray(DeviceVariables) ? DeviceVariables : [])
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -96,7 +96,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
       <UI.Select

package/dist/Select/SelectProps.svelte

@@ -53,7 +53,7 @@
   )
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -143,7 +143,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
     </div>

package/dist/Slider/SliderProps.svelte

@@ -20,7 +20,7 @@
   let VARIABLE_OPTIONS = $derived(DeviceVariables && Array.isArray(DeviceVariables) ? DeviceVariables : [])
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -94,7 +94,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
       <UI.Select

package/dist/Table/TableProps.svelte

@@ -28,7 +28,7 @@
   )
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -51,6 +51,19 @@
     updateProperty('body', newBody, component, onPropertyChange)
   }
 
+  const handleImageUpload = (columnIndex: number, event: Event) => {
+    const target = event.target as HTMLInputElement
+    const file = target.files?.[0]
+    if (!file) return
+
+    const reader = new FileReader()
+    reader.onload = () => {
+      const base64WithPrefix = reader.result as string
+      updateTableHeader(columnIndex, 'image', { ['src']: base64WithPrefix })
+    }
+    reader.readAsDataURL(file)
+  }
+
   const updateButtonProperty = (columnIndex: number, buttonIndex: number, field: string, value: any) => {
     const headers = [...component.properties.header]
     const buttons = [...headers[columnIndex].buttons]
@@ -101,7 +114,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
     </div>
@@ -160,6 +173,12 @@
           value={column.sortable ? 2 : 1}
           onChange={(value) => updateTableHeader(columnIndex, 'sortable', value === 2)}
         />
+        <UI.Switch
+          wrapperClass="w-2/10"
+          label={{ name: $t('constructor.props.copy') }}
+          value={column.overflow?.copy ? 2 : 1}
+          onChange={(value) => updateTableHeader(columnIndex, 'overflow', { copy: value === 2 })}
+        />
         <UI.Button
           wrapperClass="w-8"
           content={{ icon: ButtonAdd, info: $t('constructor.props.table.addaction') }}
@@ -307,59 +326,113 @@
     </div>
 
     {#each component.properties.header as column, columnIndex (columnIndex)}
-      <div class="mr-2 flex items-end justify-around gap-6">
-        <UI.Input
-          label={{ name: $t('constructor.props.table.columns.key') }}
-          value={column.key}
-          help={{ regExp: /^[0-9a-zA-Z_-]{0,16}$/ }}
-          onUpdate={(value) => {
-            updateTableHeader(columnIndex, 'key', value)
-            updateTableBody()
-          }}
-        />
-        <UI.Input
-          label={{ name: $t('constructor.props.table.columns.label') }}
-          value={column.label.name}
-          onUpdate={(value) => {
-            updateTableHeader(columnIndex, 'label', { ['name']: value })
-          }}
-        />
-        <UI.Input
-          label={{ name: $t('constructor.props.table.columns.width') }}
-          type="number"
-          value={Number(column.width.replace('%', ''))}
-          onUpdate={(value) => updateTableHeader(columnIndex, 'width', `${value}%`)}
-        />
-        <UI.Switch
-          wrapperClass="w-2/10"
-          label={{ name: $t('constructor.props.table.columns.sortable') }}
-          value={column.sortable ? 2 : 1}
-          onChange={(value) => updateTableHeader(columnIndex, 'sortable', value === 2)}
-        />
-        <UI.Button
-          wrapperClass="w-8"
-          content={{ icon: ButtonAdd, info: $t('constructor.props.table.addaction') }}
-          onClick={() => {
-            const newButton = {
-              name: `button${(component.properties.header[columnIndex].buttons ? component.properties.header[columnIndex].buttons.length : 0) + 1}`,
-              class: 'bg-blue',
-              eventHandler: { Header: 'SET', Argument: 'Save', Variables: [] },
-              onClick: () => {},
-            }
-            const buttons = [...(component.properties.header[columnIndex].buttons || []), newButton]
-            updateTableHeader(columnIndex, 'buttons', buttons)
-          }}
-        />
-        <UI.Button
-          wrapperClass="w-8"
-          content={{ icon: ButtonDelete }}
-          onClick={() => {
-            const headers = [...(component.properties.header || [])]
-            headers.splice(columnIndex, 1)
-            updateProperty('header', headers, component, onPropertyChange)
-          }}
-        />
+      <div class="mb-5">
+        <div class="mr-2 flex items-end justify-around gap-6">
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.key') }}
+            value={column.key}
+            help={{ regExp: /^[0-9a-zA-Z_-]{0,16}$/ }}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'key', value)
+              updateTableBody()
+            }}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.label') }}
+            value={column.label.name}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'label', { ['name']: value })
+            }}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.width') }}
+            type="number"
+            value={Number(column.width.replace('%', ''))}
+            onUpdate={(value) => updateTableHeader(columnIndex, 'width', `${value}%`)}
+          />
+          <UI.Switch
+            wrapperClass="w-2/10"
+            label={{ name: $t('constructor.props.table.columns.sortable') }}
+            value={column.sortable ? 2 : 1}
+            onChange={(value) => updateTableHeader(columnIndex, 'sortable', value === 2)}
+          />
+          <UI.Switch
+            wrapperClass="w-2/10"
+            label={{ name: $t('constructor.props.copy') }}
+            value={column.overflow?.copy ? 2 : 1}
+            onChange={(value) => updateTableHeader(columnIndex, 'overflow', { copy: value === 2 })}
+          />
+          <UI.Button
+            wrapperClass="w-8"
+            content={{ icon: ButtonAdd, info: $t('constructor.props.table.addaction') }}
+            onClick={() => {
+              const newButton = {
+                name: `button${(component.properties.header[columnIndex].buttons ? component.properties.header[columnIndex].buttons.length : 0) + 1}`,
+                class: 'bg-blue',
+                eventHandler: { Header: 'SET', Argument: 'Save', Variables: [] },
+                onClick: () => {},
+              }
+              const buttons = [...(component.properties.header[columnIndex].buttons || []), newButton]
+              updateTableHeader(columnIndex, 'buttons', buttons)
+            }}
+          />
+          <UI.Button
+            wrapperClass="w-8"
+            content={{ icon: ButtonDelete }}
+            onClick={() => {
+              const headers = [...(component.properties.header || [])]
+              headers.splice(columnIndex, 1)
+              updateProperty('header', headers, component, onPropertyChange)
+            }}
+          />
+        </div>
+        <div class="mr-2 flex items-end justify-around gap-6">
+          <UI.Select
+            label={{ name: $t('constructor.props.align') }}
+            type="buttons"
+            value={$optionsStore.ALIGN_OPTIONS.find((a) => (a.value as string).includes(column.align) || 'left')}
+            options={$optionsStore.ALIGN_OPTIONS}
+            onUpdate={(option) => updateTableHeader(columnIndex, 'align', option.value)}
+          />
+          <UI.Switch
+            wrapperClass="w-2/10"
+            label={{ name: $t('constructor.props.table.columns.truncated') }}
+            value={column.overflow?.truncated ? 2 : 1}
+            onChange={(value) => updateTableHeader(columnIndex, 'overflow', { ['truncated']: value === 2 })}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.alt') }}
+            value={column.image?.alt}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'image', { ['alt']: value })
+            }}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.class') }}
+            value={column.image?.class}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'image', { ['class']: value })
+            }}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.image.width'), class: 'px-0' }}
+            wrapperClass="w-150"
+            value={column.image?.width}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'image', { ['width']: value })
+            }}
+          />
+          <UI.Input
+            label={{ name: $t('constructor.props.table.columns.image.height'), class: 'px-0' }}
+            wrapperClass="w-150"
+            value={column.image?.height}
+            onUpdate={(value) => {
+              updateTableHeader(columnIndex, 'image', { ['height']: value })
+            }}
+          />
+        </div>
       </div>
+
       {#if column.buttons && column.buttons.length > 0}
         <div class="mb-5 rounded-lg p-1">
           {#each column.buttons as button, buttonIndex (buttonIndex)}

package/dist/TextField/TextField.svelte

@@ -15,7 +15,7 @@
 
 <div
   {id}
-  class="{twMerge(`relative flex w-full flex-col items-center ${background ? 'rounded-2xl bg-(--container-color) px-6 py-2' : ''}`, wrapperClass)} "
+  class={twMerge(`relative flex w-full flex-col items-center ${background ? 'rounded-2xl bg-(--container-color) px-6 py-2' : ''}`, wrapperClass)}
 >
   <p class={twMerge(`w-full text-center ${textSize[content.size ?? 'base']}`, content.class)}>
     {content.name}

package/dist/TextField/TextFieldProps.svelte

@@ -21,7 +21,7 @@
   let currentType = $derived($optionsStore.TEXTFIELD_SIZE_OPTIONS.find((t) => t.value === component.properties.content.size))
 
   const initialAlign = $derived(
-    $optionsStore.ALIGN_OPTIONS.find((a) =>
+    $optionsStore.TEXT_ALIGN_OPTIONS.find((a) =>
       (a.value as string).includes(component.properties.content?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
@@ -64,7 +64,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('content.class', twMerge(component.properties.content.class, option.value), component, onPropertyChange)}
       />
       <UI.Select
@@ -151,7 +151,7 @@
         label={{ name: $t('constructor.props.align') }}
         type="buttons"
         value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
+        options={$optionsStore.TEXT_ALIGN_OPTIONS}
         onUpdate={(option) => updateProperty('content.class', twMerge(component.properties.content.class, option.value), component, onPropertyChange)}
       />
     </div>
@@ -162,7 +162,7 @@
         onChange={(value) =>
           updateProperty(
             'content.class',
-            `${component.properties.content.class} ${value === 2 ? 'font-bold' : 'font-normal'}`,
+            twMerge(`${component.properties.content.class} ${value === 2 ? 'font-bold' : 'font-normal'}`),
             component,
             onPropertyChange,
           )}
@@ -173,7 +173,7 @@
         onChange={(value) =>
           updateProperty(
             'content.class',
-            `${component.properties.content.class} ${value === 2 ? 'italic' : 'not-italic'}`,
+            twMerge(`${component.properties.content.class} ${value === 2 ? 'italic' : 'not-italic'}`),
             component,
             onPropertyChange,
           )}

package/dist/index.d.ts

@@ -22,4 +22,6 @@ export { default as Table } from './Table/Table.svelte';
 export { default as TableProps } from './Table/TableProps.svelte';
 export { default as TextField } from './TextField/TextField.svelte';
 export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
+export * from './locales/i18n';
+export * from './locales/translations';
 export { type UIComponent, type Position, type IUIComponentHandler, type IButtonProps, type IAccordionProps, type IInputProps, type ISelectProps, type ISelectOption, type ISwitchProps, type IColorPickerProps, type ISliderProps, type ITextFieldProps, type IProgressBarProps, type IGraphProps, type IGraphDataObject, type ITableHeader, type ITableProps, } from './types';

package/dist/index.js

@@ -23,4 +23,6 @@ export { default as Table } from './Table/Table.svelte';
 export { default as TableProps } from './Table/TableProps.svelte';
 export { default as TextField } from './TextField/TextField.svelte';
 export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
+export * from './locales/i18n';
+export * from './locales/translations';
 export {} from './types';

package/dist/locales/translations.js

@@ -108,6 +108,11 @@ const translations = {
         'constructor.props.table.columns.label': 'Название',
         'constructor.props.table.columns.width': 'Ширина',
         'constructor.props.table.columns.sortable': 'Сортировка',
+        'constructor.props.table.columns.truncated': 'Скрыть',
+        'constructor.props.table.columns.alt': 'Альтернативное название иконок',
+        'constructor.props.table.columns.class': 'Стили иконки',
+        'constructor.props.table.columns.image.width': 'Ширина иконки',
+        'constructor.props.table.columns.image.height': 'Высота иконки',
         'constructor.props.table.deletecolumn': 'Удалить колонку',
         'constructor.props.table.deletebutton': 'Удалить кнопку',
         'constructor.props.table.addaction': 'Добавить кнопку',

package/dist/options.d.ts

@@ -55,6 +55,11 @@ export declare const optionsStore: import("svelte/store").Readable<{
         value: string;
         class: string;
     }[];
+    TEXT_ALIGN_OPTIONS: {
+        id: string;
+        value: string;
+        name: string;
+    }[];
     ALIGN_OPTIONS: {
         id: string;
         value: string;

package/dist/options.js

@@ -66,11 +66,16 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), name: '', value: 'text-purple-500 dark:text-purple-400', class: 'bg-purple-500 dark:bg-purple-400' },
             { id: id(), name: '', value: 'text-gray-500 dark:text-gray-400', class: 'bg-gray-500 dark:bg-gray-400' },
         ],
-        ALIGN_OPTIONS: [
+        TEXT_ALIGN_OPTIONS: [
             { id: id(), value: 'text-left', name: $t('constructor.props.align.left') },
             { id: id(), value: 'text-center', name: $t('constructor.props.align.center') },
             { id: id(), value: 'text-right', name: $t('constructor.props.align.right') },
         ],
+        ALIGN_OPTIONS: [
+            { id: id(), value: 'left', name: $t('constructor.props.align.left') },
+            { id: id(), value: 'center', name: $t('constructor.props.align.center') },
+            { id: id(), value: 'right', name: $t('constructor.props.align.right') },
+        ],
         HEIGHT_OPTIONS: [
             { id: id(), value: 'py-1', name: $t('constructor.props.height.small') },
             { id: id(), value: 'py-2', name: $t('constructor.props.height.medium') },

package/dist/types.d.ts

@@ -32,7 +32,10 @@ export interface IButtonProps {
     disabled?: boolean;
     content?: {
         name?: string;
-        info?: string;
+        info?: {
+            text: string;
+            side: 'top' | 'bottom' | 'left' | 'right';
+        };
         icon?: ConstructorOfATypedSvelteComponent | string | null;
     };
     keyBind?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -43,12 +43,12 @@
     "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@sveltejs/kit": "^2.47.2",
+    "@sveltejs/kit": "^2.47.3",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/node": "^24.9.1",
     "publint": "^0.3.15",
-    "svelte": "^5.41.1",
+    "svelte": "^5.41.2",
     "svelte-preprocess": "^6.0.3",
     "vite": "^7.1.11",
     "vite-plugin-compression": "^0.5.1"