@dropi/ui 0.1.49 → 0.1.51

package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js

@@ -1,10 +1,15 @@
 import { h } from "@stencil/core";
+const MONTHS_ES = [
+    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
+    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre',
+];
+const DAYS_ES = ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'];
 /**
  * @component dropi-date-picker-range
- * Date range picker with shortcut buttons (Today, Last 7/15/30/90 days).
+ * Date range picker with calendar popup and shortcut panel.
  *
  * @example
- * <dropi-date-picker-range show-label></dropi-date-picker-range>
+ * <dropi-date-picker-range></dropi-date-picker-range>
  */
 export class DropiDatePickerRange {
     /** Start date (YYYY-MM-DD) */
@@ -14,13 +19,15 @@ export class DropiDatePickerRange {
     /** Show "Rango de fechas" label */
     showLabel = true;
     /** Input placeholder */
-    placeholder = '';
+    placeholder = 'DD/MM/YYYY – DD/MM/YYYY';
     /** Show loading skeleton */
     loading = false;
     /** Max allowed range in days (0 = unlimited) */
     maxDaysRange = 0;
     /** Hide "Hoy" shortcut */
     hideTodayRangeShortcut = false;
+    /** Disabled state */
+    disabled = false;
     /** Emitted when start date changes */
     startDateChange;
     /** Emitted when end date changes */
@@ -31,8 +38,18 @@ export class DropiDatePickerRange {
     end = '';
     activeRange = -1;
     showWarning = false;
+    open = false;
+    viewYear = new Date().getFullYear();
+    viewMonth = new Date().getMonth();
+    hoverDate = '';
+    el;
     onStartPropChange(val) { this.start = val; }
     onEndPropChange(val) { this.end = val; }
+    handleDocClick(e) {
+        if (this.open && !e.composedPath().includes(this.el)) {
+            this.open = false;
+        }
+    }
     componentWillLoad() {
         this.start = this.startDate;
         this.end = this.endDate;
@@ -55,47 +72,137 @@ export class DropiDatePickerRange {
         ];
         return this.hideTodayRangeShortcut ? all.slice(1) : all;
     }
+    get displayValue() {
+        const fmt = (s) => s.split('-').reverse().join('/');
+        if (this.start && this.end)
+            return `${fmt(this.start)} – ${fmt(this.end)}`;
+        if (this.start)
+            return fmt(this.start);
+        return '';
+    }
+    toggleOpen() {
+        if (this.disabled)
+            return;
+        if (!this.open && this.start) {
+            const d = new Date(this.start);
+            this.viewYear = d.getFullYear();
+            this.viewMonth = d.getMonth();
+        }
+        this.open = !this.open;
+    }
+    prevMonth() {
+        if (this.viewMonth === 0) {
+            this.viewMonth = 11;
+            this.viewYear--;
+        }
+        else
+            this.viewMonth--;
+    }
+    nextMonth() {
+        if (this.viewMonth === 11) {
+            this.viewMonth = 0;
+            this.viewYear++;
+        }
+        else
+            this.viewMonth++;
+    }
+    toISO(year, month, day) {
+        return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+    }
+    isInRange(iso) {
+        const end = this.end || this.hoverDate;
+        if (!this.start || !end)
+            return false;
+        const [s, e] = this.start <= end ? [this.start, end] : [end, this.start];
+        return iso > s && iso < e;
+    }
+    selectDate(iso) {
+        if (!this.start || (this.start && this.end)) {
+            this.start = iso;
+            this.end = '';
+            this.activeRange = -1;
+            this.showWarning = false;
+        }
+        else {
+            if (iso < this.start) {
+                this.end = this.start;
+                this.start = iso;
+            }
+            else {
+                this.end = iso;
+            }
+            this.activeRange = -1;
+            if (this.maxDaysRange > 0) {
+                const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;
+                this.showWarning = diff > this.maxDaysRange;
+                if (this.showWarning)
+                    return;
+            }
+            this.open = false;
+            this.emit();
+        }
+    }
     selectShortcut(idx) {
         const s = this.shortcuts[idx];
         this.start = s.start;
         this.end = s.end;
         this.activeRange = idx;
         this.showWarning = false;
+        this.open = false;
         this.emit();
     }
-    onStartChange(e) {
-        this.start = e.target.value;
-        this.activeRange = -1;
-        this.checkRange();
-        if (this.start && this.end)
-            this.emit();
-    }
-    onEndChange(e) {
-        this.end = e.target.value;
-        this.activeRange = -1;
-        this.checkRange();
-        if (this.start && this.end)
-            this.emit();
-    }
-    checkRange() {
-        if (this.start && this.end && this.maxDaysRange > 0) {
-            const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;
-            this.showWarning = diff > this.maxDaysRange;
-        }
-        else {
-            this.showWarning = false;
-        }
-    }
     emit() {
         this.startDateChange.emit(this.start);
         this.endDateChange.emit(this.end);
         this.dropiRangeChange.emit({ start: this.start, end: this.end });
     }
+    buildDays() {
+        const year = this.viewYear;
+        const month = this.viewMonth;
+        const firstDay = new Date(year, month, 1).getDay();
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        const daysInPrevMonth = new Date(year, month, 0).getDate();
+        const cells = [];
+        for (let i = firstDay - 1; i >= 0; i--) {
+            const d = daysInPrevMonth - i;
+            const m = month === 0 ? 11 : month - 1;
+            const y = month === 0 ? year - 1 : year;
+            cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });
+        }
+        for (let d = 1; d <= daysInMonth; d++) {
+            cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });
+        }
+        const remaining = 42 - cells.length;
+        for (let d = 1; d <= remaining; d++) {
+            const m = month === 11 ? 0 : month + 1;
+            const y = month === 11 ? year + 1 : year;
+            cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });
+        }
+        return cells;
+    }
     render() {
-        if (this.loading) {
+        if (this.loading)
             return h("div", { class: "skeleton" });
-        }
-        return (h("div", { class: "date-picker-range" }, this.showLabel && h("div", { class: "label" }, "Rango de fechas"), h("div", { class: "inputs-row" }, h("div", { class: "input-group" }, h("label", { class: "input-label" }, "Desde"), h("input", { type: "date", class: "date-input", value: this.start, max: this.end || this.today, onChange: (e) => this.onStartChange(e) })), h("span", { class: "separator" }, "\u2014"), h("div", { class: "input-group" }, h("label", { class: "input-label" }, "Hasta"), h("input", { type: "date", class: "date-input", value: this.end, min: this.start, max: this.today, onChange: (e) => this.onEndChange(e) }))), h("div", { class: "shortcuts" }, this.shortcuts.map((s, i) => (h("button", { key: i, class: `shortcut-btn${this.activeRange === i ? ' active' : ''}`, onClick: () => this.selectShortcut(i) }, s.label)))), this.showWarning && (h("div", { class: "warning-box" }, h("span", { class: "warning-message" }, "Solo puedes filtrar en un rango m\u00E1ximo de ", this.maxDaysRange, " d\u00EDas.")))));
+        const days = this.buildDays();
+        const today = this.today;
+        return (h("div", { class: "dpr-wrap" }, this.showLabel && h("label", { class: "dpr-label" }, "Rango de fechas"), h("button", { class: { 'dpr-trigger': true, 'dpr-trigger--disabled': this.disabled }, onClick: () => this.toggleOpen(), disabled: this.disabled, type: "button" }, h("dropi-icon", { name: "Calendar", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" }), h("span", { class: { 'dpr-trigger__value': true, 'dpr-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder), h("dropi-icon", { name: "Arrow-Down-2", iconWidth: "12px", iconHeight: "12px", color: "Gray-Gray-400" })), this.open && (h("div", { class: "dpr-popup" }, h("div", { class: "dpr-calendar" }, h("div", { class: "dp-nav" }, h("button", { class: "dp-nav__btn", onClick: () => this.prevMonth(), type: "button" }, h("dropi-icon", { name: "Arrow-Left-2", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" })), h("span", { class: "dp-nav__title" }, h("span", null, MONTHS_ES[this.viewMonth]), h("span", null, this.viewYear)), h("button", { class: "dp-nav__btn", onClick: () => this.nextMonth(), type: "button" }, h("dropi-icon", { name: "Arrow-Right-2", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" }))), h("div", { class: "dp-grid" }, DAYS_ES.map(d => h("div", { class: "dp-day-header" }, d)), days.map(({ iso, day, currentMonth }) => {
+            const isStart = iso === this.start;
+            const isEnd = iso === this.end;
+            const inRange = this.isInRange(iso);
+            const isToday = iso === today;
+            return (h("button", { class: {
+                    'dp-cell': true,
+                    'dp-cell--other-month': !currentMonth,
+                    'dp-cell--today': isToday && !isStart && !isEnd,
+                    'dp-cell--selected': isStart || isEnd,
+                    'dp-cell--range-start': isStart,
+                    'dp-cell--range-end': isEnd,
+                    'dp-cell--in-range': inRange,
+                }, type: "button", onClick: () => this.selectDate(iso), onMouseEnter: () => {
+                    if (this.start && !this.end)
+                        this.hoverDate = iso;
+                }, onMouseLeave: () => this.hoverDate = '' }, day));
+        })), this.showWarning && (h("div", { class: "warning-box" }, h("span", { class: "warning-message" }, "Solo puedes filtrar en un rango m\u00E1ximo de ", this.maxDaysRange, " d\u00EDas.")))), h("div", { class: "dpr-divider" }), h("div", { class: "dpr-shortcuts" }, this.shortcuts.map((s, i) => (h("button", { key: i, class: { 'shortcut-btn': true, 'shortcut-btn--active': this.activeRange === i }, onClick: () => this.selectShortcut(i), type: "button" }, s.label))))))));
     }
     static get is() { return "dropi-date-picker-range"; }
     static get encapsulation() { return "shadow"; }
@@ -189,7 +296,7 @@ export class DropiDatePickerRange {
                 "setter": false,
                 "reflect": false,
                 "attribute": "placeholder",
-                "defaultValue": "''"
+                "defaultValue": "'DD/MM/YYYY \u2013 DD/MM/YYYY'"
             },
             "loading": {
                 "type": "boolean",
@@ -250,6 +357,26 @@ export class DropiDatePickerRange {
                 "reflect": false,
                 "attribute": "hide-today-range-shortcut",
                 "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
             }
         };
     }
@@ -258,7 +385,11 @@ export class DropiDatePickerRange {
             "start": {},
             "end": {},
             "activeRange": {},
-            "showWarning": {}
+            "showWarning": {},
+            "open": {},
+            "viewYear": {},
+            "viewMonth": {},
+            "hoverDate": {}
         };
     }
     static get events() {
@@ -308,13 +439,14 @@ export class DropiDatePickerRange {
                     "references": {
                         "DateRange": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-date-picker-range/dropi-date-picker-range.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-date-picker-range/dropi-date-picker-range.tsx",
                             "id": "src/components/dropi-date-picker-range/dropi-date-picker-range.tsx::DateRange"
                         }
                     }
                 }
             }];
     }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "startDate",
@@ -324,4 +456,13 @@ export class DropiDatePickerRange {
                 "methodName": "onEndPropChange"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleDocClick",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

package/dist/collection/components/dropi-dropdown/dropi-dropdown.js

@@ -73,7 +73,7 @@ export class DropiDropdown {
                     "references": {
                         "DropdownOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-dropdown/dropi-dropdown.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-dropdown/dropi-dropdown.tsx",
                             "id": "src/components/dropi-dropdown/dropi-dropdown.tsx::DropdownOption"
                         }
                     }
@@ -193,7 +193,7 @@ export class DropiDropdown {
                     "references": {
                         "DropdownOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-dropdown/dropi-dropdown.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-dropdown/dropi-dropdown.tsx",
                             "id": "src/components/dropi-dropdown/dropi-dropdown.tsx::DropdownOption"
                         }
                     }

package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js

@@ -60,7 +60,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "IlustrationType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::IlustrationType"
                         }
                     }
@@ -86,7 +86,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "IlustrationState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::IlustrationState"
                         }
                     }
@@ -112,7 +112,7 @@ export class DropiIlustrationIcon {
                     "references": {
                         "InsigniaState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx",
                             "id": "src/components/dropi-ilustration-icon/dropi-ilustration-icon.tsx::InsigniaState"
                         }
                     }

package/dist/collection/components/dropi-input/dropi-input.js

@@ -466,7 +466,7 @@ export class DropiInput {
                     "references": {
                         "InputMode": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-input/dropi-input.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-input/dropi-input.tsx",
                             "id": "src/components/dropi-input/dropi-input.tsx::InputMode"
                         }
                     }

package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js

@@ -70,7 +70,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }
@@ -96,7 +96,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }
@@ -139,7 +139,7 @@ export class DropiLanguagesSelector {
                     "references": {
                         "LanguageOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-languages-selector/dropi-languages-selector.tsx",
                             "id": "src/components/dropi-languages-selector/dropi-languages-selector.tsx::LanguageOption"
                         }
                     }

package/dist/collection/components/dropi-modal/dropi-modal.js

@@ -393,7 +393,7 @@ export class DropiModal {
                     "references": {
                         "ModalPosition": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-modal/dropi-modal.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-modal/dropi-modal.tsx",
                             "id": "src/components/dropi-modal/dropi-modal.tsx::ModalPosition"
                         }
                     }
@@ -419,7 +419,7 @@ export class DropiModal {
                     "references": {
                         "ModalSize": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-modal/dropi-modal.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-modal/dropi-modal.tsx",
                             "id": "src/components/dropi-modal/dropi-modal.tsx::ModalSize"
                         }
                     }

package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js

@@ -66,7 +66,7 @@ export class DropiRadioSelectionList {
                     "references": {
                         "RadioOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
                             "id": "src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx::RadioOption"
                         }
                     }
@@ -243,7 +243,7 @@ export class DropiRadioSelectionList {
                     "references": {
                         "RadioOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx",
                             "id": "src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx::RadioOption"
                         }
                     }

package/dist/collection/components/dropi-search/dropi-search.js

@@ -266,7 +266,7 @@ export class DropiSearch {
                     "references": {
                         "SearchOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-search/dropi-search.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-search/dropi-search.tsx",
                             "id": "src/components/dropi-search/dropi-search.tsx::SearchOption"
                         }
                     }
@@ -392,7 +392,7 @@ export class DropiSearch {
                     "references": {
                         "SearchOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-search/dropi-search.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-search/dropi-search.tsx",
                             "id": "src/components/dropi-search/dropi-search.tsx::SearchOption"
                         }
                     }
@@ -510,7 +510,7 @@ export class DropiSearch {
                     "references": {
                         "SearchOption": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-search/dropi-search.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-search/dropi-search.tsx",
                             "id": "src/components/dropi-search/dropi-search.tsx::SearchOption"
                         }
                     }

package/dist/collection/components/dropi-sidebar/dropi-sidebar.js

@@ -86,7 +86,7 @@ export class DropiSidebar {
                     "references": {
                         "SidebarProperties": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-sidebar/dropi-sidebar.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-sidebar/dropi-sidebar.tsx",
                             "id": "src/components/dropi-sidebar/dropi-sidebar.tsx::SidebarProperties"
                         }
                     }
@@ -127,7 +127,7 @@ export class DropiSidebar {
                     "references": {
                         "SidebarProperties": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-sidebar/dropi-sidebar.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-sidebar/dropi-sidebar.tsx",
                             "id": "src/components/dropi-sidebar/dropi-sidebar.tsx::SidebarProperties"
                         }
                     }

package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js

@@ -86,7 +86,7 @@ export class DropiSimpleStepper {
                     "references": {
                         "StepperType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
                             "id": "src/components/dropi-simple-stepper/dropi-simple-stepper.tsx::StepperType"
                         }
                     }
@@ -152,7 +152,7 @@ export class DropiSimpleStepper {
                     "references": {
                         "FlowMode": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
                             "id": "src/components/dropi-simple-stepper/dropi-simple-stepper.tsx::FlowMode"
                         }
                     }

package/dist/collection/components/dropi-skeleton/dropi-skeleton.js

@@ -70,7 +70,7 @@ export class DropiSkeleton {
                     "references": {
                         "SkeletonVariant": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-skeleton/dropi-skeleton.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-skeleton/dropi-skeleton.tsx",
                             "id": "src/components/dropi-skeleton/dropi-skeleton.tsx::SkeletonVariant"
                         }
                     }

package/dist/collection/components/dropi-steps/dropi-steps.js

@@ -125,7 +125,7 @@ export class DropiSteps {
                     "references": {
                         "StepLabel": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-steps/dropi-steps.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-steps/dropi-steps.tsx",
                             "id": "src/components/dropi-steps/dropi-steps.tsx::StepLabel"
                         }
                     }
@@ -151,7 +151,7 @@ export class DropiSteps {
                     "references": {
                         "StepState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-steps/dropi-steps.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-steps/dropi-steps.tsx",
                             "id": "src/components/dropi-steps/dropi-steps.tsx::StepState"
                         }
                     }

package/dist/collection/components/dropi-table/dropi-table.js

@@ -286,7 +286,7 @@ export class DropiTable {
                     "references": {
                         "TableColumn": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableColumn"
                         }
                     }
@@ -312,7 +312,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }
@@ -743,7 +743,7 @@ export class DropiTable {
                     "references": {
                         "SortDir": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::SortDir"
                         }
                     }
@@ -779,7 +779,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }
@@ -845,7 +845,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }

package/dist/collection/components/dropi-tabs/dropi-tabs.js

@@ -64,7 +64,7 @@ export class DropiTabs {
                     "references": {
                         "TabItem": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tabs/dropi-tabs.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tabs/dropi-tabs.tsx",
                             "id": "src/components/dropi-tabs/dropi-tabs.tsx::TabItem"
                         }
                     }
@@ -165,7 +165,7 @@ export class DropiTabs {
                     "references": {
                         "TabItem": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tabs/dropi-tabs.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tabs/dropi-tabs.tsx",
                             "id": "src/components/dropi-tabs/dropi-tabs.tsx::TabItem"
                         }
                     }

package/dist/collection/components/dropi-tag/dropi-tag.js

@@ -98,7 +98,7 @@ export class DropiTag {
                     "references": {
                         "TagVariant": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagVariant"
                         }
                     }
@@ -124,7 +124,7 @@ export class DropiTag {
                     "references": {
                         "TagType": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagType"
                         }
                     }
@@ -150,7 +150,7 @@ export class DropiTag {
                     "references": {
                         "TagState": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagState"
                         }
                     }

package/dist/collection/components/dropi-text-area/dropi-text-area.js

@@ -286,7 +286,7 @@ export class DropiTextArea {
                     "references": {
                         "ResizeMode": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-text-area/dropi-text-area.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-text-area/dropi-text-area.tsx",
                             "id": "src/components/dropi-text-area/dropi-text-area.tsx::ResizeMode"
                         }
                     }
@@ -412,7 +412,7 @@ export class DropiTextArea {
                     "references": {
                         "TextAreaProperties": {
                             "location": "local",
-                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-text-area/dropi-text-area.tsx",
+                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-text-area/dropi-text-area.tsx",
                             "id": "src/components/dropi-text-area/dropi-text-area.tsx::TextAreaProperties"
                         }
                     }