@moraby/app-launcher 0.1.8 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +64 -0
- package/dist/index.css +548 -6
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +37 -1
- package/dist/index.d.ts +37 -1
- package/dist/index.js +519 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +517 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* App Launcher Styles */\r\n\r\n/* CSS Variables - Light Theme (default) */\r\n.app-launcher {\r\n --al-bg: #ffffff;\r\n --al-bg-hover: rgba(0, 0, 0, 0.04);\r\n --al-bg-focus: rgba(0, 0, 0, 0.08);\r\n --al-text: #3c4043;\r\n --al-text-secondary: #5f6368;\r\n --al-text-error: #d93025;\r\n --al-border: #e0e0e0;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 8px 40px rgba(0, 0, 0, 0.2);\r\n --al-trigger-bg-hover: rgba(0, 0, 0, 0.08);\r\n --al-trigger-bg-focus: rgba(0, 0, 0, 0.12);\r\n --al-footer-bg: #fafafa;\r\n --al-scrollbar: #dadce0;\r\n\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n/* Dark Theme - Auto-detect system preference */\r\n@media (prefers-color-scheme: dark) {\r\n .app-launcher {\r\n --al-bg: #202124;\r\n --al-bg-hover: rgba(255, 255, 255, 0.08);\r\n --al-bg-focus: rgba(255, 255, 255, 0.12);\r\n --al-text: #e8eaed;\r\n --al-text-secondary: #9aa0a6;\r\n --al-text-error: #f28b82;\r\n --al-border: #3c4043;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 8px 40px rgba(0, 0, 0, 0.5);\r\n --al-trigger-bg-hover: rgba(255, 255, 255, 0.1);\r\n --al-trigger-bg-focus: rgba(255, 255, 255, 0.15);\r\n --al-footer-bg: #292a2d;\r\n --al-scrollbar: #5f6368;\r\n }\r\n}\r\n\r\n/* Dark Theme - Class-based (for consumers using .dark class) */\r\n.dark .app-launcher,\r\n.app-launcher.app-launcher--dark {\r\n --al-bg: #202124;\r\n --al-bg-hover: rgba(255, 255, 255, 0.08);\r\n --al-bg-focus: rgba(255, 255, 255, 0.12);\r\n --al-text: #e8eaed;\r\n --al-text-secondary: #9aa0a6;\r\n --al-text-error: #f28b82;\r\n --al-border: #3c4043;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 8px 40px rgba(0, 0, 0, 0.5);\r\n --al-trigger-bg-hover: rgba(255, 255, 255, 0.1);\r\n --al-trigger-bg-focus: rgba(255, 255, 255, 0.15);\r\n --al-footer-bg: #292a2d;\r\n --al-scrollbar: #5f6368;\r\n}\r\n\r\n/* Trigger Button */\r\n.app-launcher__trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.app-launcher__trigger:hover {\r\n background-color: var(--al-trigger-bg-hover);\r\n}\r\n\r\n.app-launcher__trigger:focus {\r\n outline: none;\r\n background-color: var(--al-trigger-bg-focus);\r\n}\r\n\r\n.app-launcher__trigger-icon {\r\n font-size: 24px;\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n/* Dropdown */\r\n.app-launcher__dropdown {\r\n position: absolute;\r\n top: calc(100% + 8px);\r\n right: 0;\r\n width: 336px;\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n background-color: var(--al-bg);\r\n border-radius: 8px;\r\n box-shadow: var(--al-shadow);\r\n z-index: 9999;\r\n animation: app-launcher-slide-in 0.15s ease-out;\r\n}\r\n\r\n@keyframes app-launcher-slide-in {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-8px) scale(0.98);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n}\r\n\r\n/* Grid */\r\n.app-launcher__grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\r\n padding: 16px 8px;\r\n}\r\n\r\n/* Item */\r\n.app-launcher__item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 8px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: background-color 0.15s ease;\r\n min-height: 90px;\r\n}\r\n\r\n.app-launcher__item:hover {\r\n background-color: var(--al-bg-hover);\r\n}\r\n\r\n.app-launcher__item:focus {\r\n outline: none;\r\n background-color: var(--al-bg-focus);\r\n}\r\n\r\n/* Icon */\r\n.app-launcher__icon-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.app-launcher__icon {\r\n font-size: 32px;\r\n transition: transform 0.15s ease;\r\n}\r\n\r\n.app-launcher__item:hover .app-launcher__icon {\r\n transform: scale(1.1);\r\n}\r\n\r\n/* Custom image icons (PNG, JPG, etc.) */\r\n.app-launcher__icon--custom {\r\n width: 32px;\r\n height: 32px;\r\n object-fit: contain;\r\n}\r\n\r\n/* SVG icons with mask-image (supports color property) */\r\n.app-launcher__icon--svg {\r\n width: 32px;\r\n height: 32px;\r\n mask-size: contain;\r\n mask-repeat: no-repeat;\r\n mask-position: center;\r\n -webkit-mask-size: contain;\r\n -webkit-mask-repeat: no-repeat;\r\n -webkit-mask-position: center;\r\n}\r\n\r\n/* Name */\r\n.app-launcher__name {\r\n font-family: 'Google Sans', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--al-text);\r\n text-align: center;\r\n line-height: 1.3;\r\n max-width: 100%;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n/* Loading & Error */\r\n.app-launcher__loading,\r\n.app-launcher__error {\r\n padding: 24px;\r\n text-align: center;\r\n font-size: 14px;\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n.app-launcher__error {\r\n color: var(--al-text-error);\r\n}\r\n\r\n/* Scrollbar */\r\n.app-launcher__dropdown::-webkit-scrollbar {\r\n width: 8px;\r\n}\r\n\r\n.app-launcher__dropdown::-webkit-scrollbar-track {\r\n background: transparent;\r\n}\r\n\r\n.app-launcher__dropdown::-webkit-scrollbar-thumb {\r\n background-color: var(--al-scrollbar);\r\n border-radius: 4px;\r\n}\r\n\r\n/* Footer (for Settings button, etc.) */\r\n.app-launcher__footer {\r\n display: flex;\r\n justify-content: center;\r\n padding: 12px 16px;\r\n border-top: 1px solid var(--al-border);\r\n background: var(--al-footer-bg);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 400px) {\r\n .app-launcher__dropdown {\r\n width: 280px;\r\n right: -8px;\r\n }\r\n\r\n .app-launcher__icon-wrapper {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .app-launcher__icon {\r\n font-size: 28px;\r\n }\r\n\r\n .app-launcher__name {\r\n font-size: 12px;\r\n }\r\n}\r\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* App Launcher Styles */\r\n\r\n/* CSS Variables - Light Theme (default) */\r\n.app-launcher, .app-settings__overlay {\r\n --al-bg: #ffffff;\r\n --al-bg-hover: rgba(0, 0, 0, 0.04);\r\n --al-bg-focus: rgba(0, 0, 0, 0.08);\r\n --al-text: #3c4043;\r\n --al-text-secondary: #5f6368;\r\n --al-text-error: #d93025;\r\n --al-border: #e0e0e0;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 8px 40px rgba(0, 0, 0, 0.2);\r\n --al-trigger-bg-hover: rgba(0, 0, 0, 0.08);\r\n --al-trigger-bg-focus: rgba(0, 0, 0, 0.12);\r\n --al-footer-bg: #fafafa;\r\n --al-scrollbar: #dadce0;\r\n --al-overlay-bg: rgba(0, 0, 0, 0.5);\r\n --al-primary: #4285F4;\r\n --al-primary-hover: #3367d6;\r\n --al-primary-text: #ffffff;\r\n\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n/* Dark Theme - Auto-detect system preference */\r\n@media (prefers-color-scheme: dark) {\r\n .app-launcher, .app-settings__overlay {\r\n --al-bg: #202124;\r\n --al-bg-hover: rgba(255, 255, 255, 0.08);\r\n --al-bg-focus: rgba(255, 255, 255, 0.12);\r\n --al-text: #e8eaed;\r\n --al-text-secondary: #9aa0a6;\r\n --al-text-error: #f28b82;\r\n --al-border: #3c4043;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 8px 40px rgba(0, 0, 0, 0.5);\r\n --al-trigger-bg-hover: rgba(255, 255, 255, 0.1);\r\n --al-trigger-bg-focus: rgba(255, 255, 255, 0.15);\r\n --al-footer-bg: #292a2d;\r\n --al-scrollbar: #5f6368;\r\n --al-overlay-bg: rgba(0, 0, 0, 0.7);\r\n --al-primary: #8ab4f8;\r\n --al-primary-hover: #aecbfa;\r\n --al-primary-text: #202124;\r\n }\r\n}\r\n\r\n/* Dark Theme - Class-based (for consumers using .dark class) */\r\n/* Supports: html.dark (next-themes), .dark ancestor, or direct class */\r\nhtml.dark .app-launcher,\r\n:root.dark .app-launcher,\r\n.dark .app-launcher,\r\n.app-launcher.app-launcher--dark,\r\nhtml.dark .app-settings__overlay,\r\n:root.dark .app-settings__overlay,\r\n.dark .app-settings__overlay {\r\n --al-bg: #202124;\r\n --al-bg-hover: rgba(255, 255, 255, 0.08);\r\n --al-bg-focus: rgba(255, 255, 255, 0.12);\r\n --al-text: #e8eaed;\r\n --al-text-secondary: #9aa0a6;\r\n --al-text-error: #f28b82;\r\n --al-border: #3c4043;\r\n --al-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 8px 40px rgba(0, 0, 0, 0.5);\r\n --al-trigger-bg-hover: rgba(255, 255, 255, 0.1);\r\n --al-trigger-bg-focus: rgba(255, 255, 255, 0.15);\r\n --al-footer-bg: #292a2d;\r\n --al-scrollbar: #5f6368;\r\n --al-overlay-bg: rgba(0, 0, 0, 0.7);\r\n --al-primary: #8ab4f8;\r\n --al-primary-hover: #aecbfa;\r\n --al-primary-text: #202124;\r\n}\r\n\r\n/* Trigger Button */\r\n.app-launcher__trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.app-launcher__trigger:hover {\r\n background-color: var(--al-trigger-bg-hover);\r\n}\r\n\r\n.app-launcher__trigger:focus {\r\n outline: none;\r\n background-color: var(--al-trigger-bg-focus);\r\n}\r\n\r\n.app-launcher__trigger-icon {\r\n font-size: 24px;\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n/* Dropdown */\r\n.app-launcher__dropdown {\r\n position: absolute;\r\n top: calc(100% + 8px);\r\n right: 0;\r\n width: 336px;\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n background-color: var(--al-bg);\r\n border-radius: 8px;\r\n box-shadow: var(--al-shadow);\r\n z-index: 9999;\r\n animation: app-launcher-slide-in 0.15s ease-out;\r\n}\r\n\r\n@keyframes app-launcher-slide-in {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-8px) scale(0.98);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n}\r\n\r\n/* Grid */\r\n.app-launcher__grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 4px;\r\n padding: 16px 8px;\r\n}\r\n\r\n/* Item */\r\n.app-launcher__item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 8px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: background-color 0.15s ease;\r\n min-height: 90px;\r\n}\r\n\r\n.app-launcher__item:hover {\r\n background-color: var(--al-bg-hover);\r\n}\r\n\r\n.app-launcher__item:focus {\r\n outline: none;\r\n background-color: var(--al-bg-focus);\r\n}\r\n\r\n/* Icon */\r\n.app-launcher__icon-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.app-launcher__icon {\r\n font-size: 32px;\r\n transition: transform 0.15s ease;\r\n}\r\n\r\n.app-launcher__item:hover .app-launcher__icon {\r\n transform: scale(1.1);\r\n}\r\n\r\n/* Custom image icons (PNG, JPG, etc.) */\r\n.app-launcher__icon--custom {\r\n width: 32px;\r\n height: 32px;\r\n object-fit: contain;\r\n}\r\n\r\n/* SVG icons with mask-image (supports color property) */\r\n.app-launcher__icon--svg {\r\n width: 32px;\r\n height: 32px;\r\n mask-size: contain;\r\n mask-repeat: no-repeat;\r\n mask-position: center;\r\n -webkit-mask-size: contain;\r\n -webkit-mask-repeat: no-repeat;\r\n -webkit-mask-position: center;\r\n}\r\n\r\n/* Name */\r\n.app-launcher__name {\r\n font-family: 'Google Sans', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--al-text);\r\n text-align: center;\r\n line-height: 1.3;\r\n max-width: 100%;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n/* Loading & Error */\r\n.app-launcher__loading,\r\n.app-launcher__error {\r\n padding: 24px;\r\n text-align: center;\r\n font-size: 14px;\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n.app-launcher__error {\r\n color: var(--al-text-error);\r\n}\r\n\r\n/* Scrollbar */\r\n.app-launcher__dropdown::-webkit-scrollbar,\r\n.app-settings__content::-webkit-scrollbar {\r\n width: 8px;\r\n}\r\n\r\n.app-launcher__dropdown::-webkit-scrollbar-track,\r\n.app-settings__content::-webkit-scrollbar-track {\r\n background: transparent;\r\n}\r\n\r\n.app-launcher__dropdown::-webkit-scrollbar-thumb,\r\n.app-settings__content::-webkit-scrollbar-thumb {\r\n background-color: var(--al-scrollbar);\r\n border-radius: 4px;\r\n}\r\n\r\n/* Footer (for Settings button, etc.) */\r\n.app-launcher__footer {\r\n display: flex;\r\n justify-content: center;\r\n padding: 12px 16px;\r\n border-top: 1px solid var(--al-border);\r\n background: var(--al-footer-bg);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 400px) {\r\n .app-launcher__dropdown {\r\n width: 280px;\r\n right: -8px;\r\n }\r\n\r\n .app-launcher__icon-wrapper {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .app-launcher__icon {\r\n font-size: 28px;\r\n }\r\n\r\n .app-launcher__name {\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n/* =========================================================================\r\n App Settings Styles\r\n ========================================================================= */\r\n\r\n.app-settings__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: var(--al-overlay-bg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n animation: app-settings-fade-in 0.15s ease-out;\r\n color: var(--al-text); /* Ensure text color inherits */\r\n}\r\n\r\n@keyframes app-settings-fade-in {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n\r\n.app-settings__modal {\r\n position: relative;\r\n width: 100%;\r\n max-width: 480px;\r\n max-height: 85vh;\r\n margin: 20px;\r\n background: var(--al-bg);\r\n border-radius: 16px;\r\n box-shadow: var(--al-shadow);\r\n display: flex;\r\n flex-direction: column;\r\n animation: app-settings-slide-up 0.2s ease-out;\r\n overflow: hidden;\r\n}\r\n\r\n@keyframes app-settings-slide-up {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.98);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n}\r\n\r\n/* Header */\r\n.app-settings__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 24px;\r\n border-bottom: 1px solid var(--al-border);\r\n background: var(--al-bg);\r\n min-height: 36px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.app-settings__title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--al-text);\r\n margin: 0;\r\n font-family: 'Google Sans', 'Roboto', sans-serif;\r\n}\r\n\r\n.app-settings__close-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n color: var(--al-text-secondary);\r\n transition: background 0.2s;\r\n}\r\n\r\n.app-settings__close-button:hover {\r\n background: var(--al-bg-hover);\r\n}\r\n\r\n/* Content */\r\n.app-settings__content {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 24px;\r\n}\r\n\r\n/* Add Button */\r\n.app-settings__add-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 14px;\r\n border: 2px dashed var(--al-border);\r\n border-radius: 12px;\r\n background: transparent;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--al-text-secondary);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n margin-bottom: 24px;\r\n font-family: inherit;\r\n}\r\n\r\n.app-settings__add-button:hover {\r\n border-color: var(--al-primary);\r\n color: var(--al-primary);\r\n background: var(--al-bg-hover);\r\n}\r\n\r\n.app-settings__add-icon {\r\n font-size: 16px;\r\n}\r\n\r\n/* Apps List */\r\n.app-settings__list {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.app-settings__section-title {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--al-text-secondary);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n font-family: inherit;\r\n}\r\n\r\n.app-settings__empty-message {\r\n text-align: center;\r\n color: var(--al-text-secondary);\r\n font-size: 14px;\r\n padding: 24px;\r\n background: var(--al-bg-hover);\r\n border-radius: 8px;\r\n}\r\n\r\n.app-settings__grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n/* App Card */\r\n.app-settings__card {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px;\r\n background: var(--al-bg-hover);\r\n border-radius: 12px;\r\n transition: background 0.2s;\r\n}\r\n\r\n.app-settings__card:hover {\r\n background: var(--al-bg-focus);\r\n}\r\n\r\n.app-settings__card-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-width: 0;\r\n flex: 1;\r\n}\r\n\r\n.app-settings__card-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.app-settings__card-details {\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n}\r\n\r\n.app-settings__card-name {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--al-text);\r\n font-family: inherit;\r\n}\r\n\r\n.app-settings__card-url {\r\n font-size: 12px;\r\n color: var(--al-text-secondary);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-family: inherit;\r\n}\r\n\r\n.app-settings__card-actions {\r\n display: flex;\r\n gap: 4px;\r\n}\r\n\r\n.app-settings__action-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n color: var(--al-text-secondary);\r\n transition: all 0.15s;\r\n}\r\n\r\n.app-settings__action-button:hover {\r\n background: var(--al-bg-focus);\r\n color: var(--al-text);\r\n}\r\n\r\n.app-settings__action-button--delete:hover {\r\n background: rgba(217, 48, 37, 0.1); /* Red tint */\r\n color: var(--al-text-error);\r\n}\r\n\r\n/* Export Button */\r\n.app-settings__export-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 12px;\r\n margin-bottom: 16px;\r\n border: 1px solid #34A853;\r\n border-radius: 8px;\r\n background: #e6f4ea;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #137333;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n font-family: inherit;\r\n}\r\n\r\n/* Dark mode adjustment for export button */\r\n@media (prefers-color-scheme: dark) {\r\n .app-settings__export-button {\r\n background: rgba(52, 168, 83, 0.2);\r\n color: #81c995;\r\n border-color: #81c995;\r\n }\r\n}\r\n\r\n.app-settings__export-button:hover {\r\n background: #ceead6;\r\n border-color: #137333;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .app-settings__export-button:hover {\r\n background: rgba(52, 168, 83, 0.3);\r\n }\r\n}\r\n\r\n.app-settings__export-icon {\r\n font-size: 14px;\r\n}\r\n\r\n/* Info */\r\n.app-settings__info {\r\n padding: 12px;\r\n background: #e8f0fe;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n color: #1967d2;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .app-settings__info {\r\n background: rgba(138, 180, 248, 0.2);\r\n color: #8ab4f8;\r\n }\r\n}\r\n\r\n.app-settings__info p {\r\n margin: 0;\r\n font-family: inherit;\r\n}\r\n\r\n/* =========================================================================\r\n Add App Form Styles\r\n ========================================================================= */\r\n\r\n.app-launcher-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n\r\n/* Preview */\r\n.app-launcher-form__preview {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 20px;\r\n background: var(--al-bg-hover);\r\n border-radius: 12px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.app-launcher-form__preview-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n}\r\n\r\n.app-launcher-form__preview-name {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--al-text);\r\n font-family: inherit;\r\n}\r\n\r\n/* Fields */\r\n.app-launcher-form__field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.app-launcher-form__label {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--al-text-secondary);\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-form__input {\r\n padding: 10px 12px;\r\n border: 1px solid var(--al-border);\r\n border-radius: 8px;\r\n font-size: 14px;\r\n outline: none;\r\n background: transparent;\r\n color: var(--al-text);\r\n transition: border-color 0.2s;\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-form__input:focus {\r\n border-color: var(--al-primary);\r\n}\r\n\r\n.app-launcher-form__input--error {\r\n border-color: var(--al-text-error);\r\n}\r\n\r\n.app-launcher-form__error {\r\n font-size: 12px;\r\n color: var(--al-text-error);\r\n font-family: inherit;\r\n}\r\n\r\n/* Color Picker */\r\n.app-launcher-form__color-picker {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n align-items: center;\r\n}\r\n\r\n.app-launcher-form__color-button {\r\n width: 28px;\r\n height: 28px;\r\n border: 2px solid transparent;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: transform 0.15s, border-color 0.15s;\r\n}\r\n\r\n.app-launcher-form__color-button:hover {\r\n transform: scale(1.15);\r\n}\r\n\r\n.app-launcher-form__color-button--selected {\r\n border-color: var(--al-text);\r\n}\r\n\r\n.app-launcher-form__color-input {\r\n width: 28px;\r\n height: 28px;\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n padding: 0;\r\n background: none;\r\n}\r\n\r\n.app-launcher-form__color-input::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n}\r\n\r\n.app-launcher-form__color-input::-webkit-color-swatch {\r\n border: 1px dashed var(--al-text-secondary);\r\n border-radius: 50%;\r\n}\r\n\r\n/* Actions */\r\n.app-launcher-form__actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 12px;\r\n padding-top: 8px;\r\n border-top: 1px solid var(--al-border);\r\n}\r\n\r\n.app-launcher-form__button {\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-form__button--cancel {\r\n border: 1px solid var(--al-border);\r\n background: var(--al-bg);\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n.app-launcher-form__button--cancel:hover {\r\n background: var(--al-bg-hover);\r\n}\r\n\r\n.app-launcher-form__button--submit {\r\n border: none;\r\n background: var(--al-primary);\r\n color: var(--al-primary-text);\r\n}\r\n\r\n.app-launcher-form__button--submit:hover {\r\n background: var(--al-primary-hover);\r\n}\r\n\r\n/* Icon Mode Toggle */\r\n.app-launcher-form__icon-mode {\r\n display: flex;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.app-launcher-form__mode-button {\r\n flex: 1;\r\n padding: 8px 12px;\r\n border: 1px solid var(--al-border);\r\n border-radius: 6px;\r\n background: var(--al-bg);\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--al-text-secondary);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-form__mode-button:hover {\r\n background: var(--al-bg-hover);\r\n}\r\n\r\n.app-launcher-form__mode-button--active {\r\n background: rgba(66, 133, 244, 0.1);\r\n border-color: var(--al-primary);\r\n color: var(--al-primary);\r\n}\r\n\r\n/* Custom Icon Input */\r\n.app-launcher-form__custom-icon {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.app-launcher-form__hint {\r\n font-size: 12px;\r\n color: var(--al-text-secondary);\r\n margin: 0;\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-form__preview-svg {\r\n width: 32px;\r\n height: 32px;\r\n mask-size: contain;\r\n mask-repeat: no-repeat;\r\n mask-position: center;\r\n -webkit-mask-size: contain;\r\n -webkit-mask-repeat: no-repeat;\r\n -webkit-mask-position: center;\r\n}\r\n\r\n.app-launcher-form__preview-img {\r\n width: 32px;\r\n height: 32px;\r\n object-fit: contain;\r\n}\r\n\r\n/* =========================================================================\r\n Icon Picker Styles\r\n ========================================================================= */\r\n\r\n.app-launcher-icon-picker {\r\n width: 100%;\r\n}\r\n\r\n.app-launcher-icon-picker__search {\r\n width: 100%;\r\n padding: 10px 12px;\r\n border: 1px solid var(--al-border);\r\n border-radius: 8px;\r\n font-size: 14px;\r\n outline: none;\r\n background: transparent;\r\n color: var(--al-text);\r\n transition: border-color 0.2s;\r\n margin-bottom: 12px;\r\n font-family: inherit;\r\n}\r\n\r\n.app-launcher-icon-picker__search:focus {\r\n border-color: var(--al-primary);\r\n}\r\n\r\n.app-launcher-icon-picker__grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 8px;\r\n max-height: 200px;\r\n overflow-y: auto;\r\n padding: 4px;\r\n}\r\n\r\n.app-launcher-icon-picker__button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border: 2px solid transparent;\r\n border-radius: 8px;\r\n background: var(--al-bg-hover);\r\n cursor: pointer;\r\n transition: all 0.15s;\r\n}\r\n\r\n.app-launcher-icon-picker__button:hover {\r\n background: var(--al-bg-focus);\r\n transform: scale(1.1);\r\n}\r\n\r\n.app-launcher-icon-picker__button--selected {\r\n border-color: var(--al-primary);\r\n background: rgba(66, 133, 244, 0.1);\r\n}\r\n\r\n.app-launcher-icon-picker__icon {\r\n font-size: 20px;\r\n color: var(--al-text-secondary);\r\n}\r\n\r\n.app-launcher-icon-picker__button--selected .app-launcher-icon-picker__icon {\r\n color: var(--al-primary);\r\n}\r\n\r\n.app-launcher-icon-picker__empty {\r\n text-align: center;\r\n color: var(--al-text-secondary);\r\n font-size: 14px;\r\n padding: 20px;\r\n font-family: inherit;\r\n}\r\n\r\n/* Scrollbar for icon grid */\r\n.app-launcher-icon-picker__grid::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.app-launcher-icon-picker__grid::-webkit-scrollbar-track {\r\n background: transparent;\r\n}\r\n\r\n.app-launcher-icon-picker__grid::-webkit-scrollbar-thumb {\r\n background-color: var(--al-scrollbar);\r\n border-radius: 3px;\r\n}\r\n"],"mappings":";AAGA,CAAC;AAAc,CAAC;AACd,WAAS;AACT,iBAAe,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,iBAAe,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,aAAW;AACX,uBAAqB;AACrB,mBAAiB;AACjB,eAAa;AACb,eAAa,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrE,yBAAuB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,yBAAuB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,kBAAgB;AAChB,kBAAgB;AAChB,mBAAiB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/B,gBAAc;AACd,sBAAoB;AACpB,qBAAmB;AAEnB,YAAU;AACV,WAAS;AACT,eAAa;AACf;AAGA,QAAO,sBAAuB;AAC5B,GAzBD;AAAA,EAyBgB,CAzBD;AA0BZ,aAAS;AACT,mBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,mBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,eAAW;AACX,yBAAqB;AACrB,qBAAiB;AACjB,iBAAa;AACb,iBAAa,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrE,2BAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3C,2BAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3C,oBAAgB;AAChB,oBAAgB;AAChB,qBAAiB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/B,kBAAc;AACd,wBAAoB;AACpB,uBAAmB;AACrB;AACF;AAIA,IAAI,CAAC,KAAK,CA/CT;AAgDD,KAAK,CADA,KACM,CAhDV;AAiDD,CAFK,KAEC,CAjDL;AAkDD,CAlDC,YAkDY,CAAC;AACd,IAAI,CAJC,KAIK,CAnDM;AAoDhB,KAAK,CALA,KAKM,CApDK;AAqDhB,CANK,KAMC,CArDU;AAsDd,WAAS;AACT,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,aAAW;AACX,uBAAqB;AACrB,mBAAiB;AACjB,eAAa;AACb,eAAa,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrE,yBAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3C,yBAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3C,kBAAgB;AAChB,kBAAgB;AAChB,mBAAiB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/B,gBAAc;AACd,sBAAoB;AACpB,qBAAmB;AACrB;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,cAAY,iBAAiB,KAAK;AACpC;AAEA,CAbC,qBAaqB;AACpB,oBAAkB,IAAI;AACxB;AAEA,CAjBC,qBAiBqB;AACpB,WAAS;AACT,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACb;AAGA,CAAC;AACC,YAAU;AACV,OAAK,KAAK,KAAK,EAAE;AACjB,SAAO;AACP,SAAO;AACP,cAAY;AACZ,cAAY;AACZ,oBAAkB,IAAI;AACtB,iBAAe;AACf,cAAY,IAAI;AAChB,WAAS;AACT,aAAW,sBAAsB,MAAM;AACzC;AAEA,WAHa;AAIX;AACE,aAAS;AACT,eAAW,WAAW,MAAM,MAAM;AACpC;AACA;AACE,aAAS;AACT,eAAW,WAAW,GAAG,MAAM;AACjC;AACF;AAGA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE;AACjC,OAAK;AACL,WAAS,KAAK;AAChB;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,WAAS,KAAK;AACd,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,cAAY,iBAAiB,MAAM;AACnC,cAAY;AACd;AAEA,CAdC,kBAckB;AACjB,oBAAkB,IAAI;AACxB;AAEA,CAlBC,kBAkBkB;AACjB,WAAS;AACT,oBAAkB,IAAI;AACxB;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,cAAY,UAAU,MAAM;AAC9B;AAEA,CAtCC,kBAsCkB,OAAO,CALzB;AAMC,aAAW,MAAM;AACnB;AAGA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AAGA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACX,eAAa;AACb,iBAAe;AACf,qBAAmB;AACnB,uBAAqB;AACrB,yBAAuB;AACzB;AAGA,CAAC;AACC;AAAA,IAAa,aAAa;AAAA,IAAE,QAAQ;AAAA,IAAE,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE;AACzE,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,cAAY;AACZ,eAAa;AACb,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AAGA,CAAC;AACD,CAAC;AACC,WAAS;AACT,cAAY;AACZ,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAPC;AAQC,SAAO,IAAI;AACb;AAGA,CA3HC,sBA2HsB;AACvB,CAAC,qBAAqB;AACpB,SAAO;AACT;AAEA,CAhIC,sBAgIsB;AACvB,CALC,qBAKqB;AACpB,cAAY;AACd;AAEA,CArIC,sBAqIsB;AACvB,CAVC,qBAUqB;AACpB,oBAAkB,IAAI;AACtB,iBAAe;AACjB;AAGA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,WAAS,KAAK;AACd,cAAY,IAAI,MAAM,IAAI;AAC1B,cAAY,IAAI;AAClB;AAGA,QAAO,WAAY;AACjB,GAtJD;AAuJG,WAAO;AACP,WAAO;AACT;AAEA,GAjGD;AAkGG,WAAO;AACP,YAAQ;AACV;AAEA,GA7FD;AA8FG,eAAW;AACb;AAEA,GApED;AAqEG,eAAW;AACb;AACF;AAMA,CAlRgB;AAmRd,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,cAAY,IAAI;AAChB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACT,aAAW,qBAAqB,MAAM;AACtC,SAAO,IAAI;AACb;AAEA,WAJa;AAKX;AAAO,aAAS;AAAG;AACnB;AAAK,aAAS;AAAG;AACnB;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,aAAW;AACX,cAAY;AACZ,UAAQ;AACR,cAAY,IAAI;AAChB,iBAAe;AACf,cAAY,IAAI;AAChB,WAAS;AACT,kBAAgB;AAChB,aAAW,sBAAsB,KAAK;AACtC,YAAU;AACZ;AAEA,WAJa;AAKX;AACE,aAAS;AACT,eAAW,WAAW,MAAM,MAAM;AACpC;AACA;AACE,aAAS;AACT,eAAW,WAAW,GAAG,MAAM;AACjC;AACF;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,KAAK;AACd,iBAAe,IAAI,MAAM,IAAI;AAC7B,cAAY,IAAI;AAChB,cAAY;AACZ,eAAa;AACf;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,UAAQ;AACR;AAAA,IAAa,aAAa;AAAA,IAAE,QAAQ;AAAA,IAAE;AACxC;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,SAAO,IAAI;AACX,cAAY,WAAW;AACzB;AAEA,CAdC,0BAc0B;AACzB,cAAY,IAAI;AAClB;AAGA,CAxIC;AAyIC,QAAM;AACN,cAAY;AACZ,WAAS;AACX;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,SAAO;AACP,WAAS;AACT,UAAQ,IAAI,OAAO,IAAI;AACvB,iBAAe;AACf,cAAY;AACZ,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,UAAQ;AACR,cAAY,IAAI;AAChB,iBAAe;AACf,eAAa;AACf;AAEA,CAnBC,wBAmBwB;AACvB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,aAAW;AACb;AAGA,CAAC;AACC,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,kBAAgB;AAChB,kBAAgB;AAChB,iBAAe;AACf,eAAa;AACf;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,aAAW;AACX,WAAS;AACT,cAAY,IAAI;AAChB,iBAAe;AACjB;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACT,cAAY,IAAI;AAChB,iBAAe;AACf,cAAY,WAAW;AACzB;AAEA,CAVC,kBAUkB;AACjB,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,aAAW;AACX,QAAM;AACR;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACb;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACb,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACP;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,cAAY;AACZ,iBAAe;AACf,UAAQ;AACR,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAdC,2BAc2B;AAC1B,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CAAC,mCAAmC;AAClC,cAAY,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AAC9B,SAAO,IAAI;AACb;AAGA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,SAAO;AACP,WAAS;AACT,iBAAe;AACf,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY;AACZ,aAAW;AACX,eAAa;AACb,SAAO;AACP,UAAQ;AACR,cAAY,IAAI;AAChB,eAAa;AACf;AAGA,QAAO,sBAAuB;AAC5B,GArBD;AAsBG,gBAAY,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AAC9B,WAAO;AACP,kBAAc;AAChB;AACF;AAEA,CA5BC,2BA4B2B;AAC1B,cAAY;AACZ,gBAAc;AAChB;AAEA,QAAO,sBAAuB;AAC5B,GAlCD,2BAkC6B;AAC1B,gBAAY,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AAChC;AACF;AAEA,CAAC;AACC,aAAW;AACb;AAGA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,iBAAe;AACf,aAAW;AACX,SAAO;AACT;AAEA,QAAO,sBAAuB;AAC5B,GATD;AAUG,gBAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChC,WAAO;AACT;AACF;AAEA,CAfC,mBAemB;AAClB,UAAQ;AACR,eAAa;AACf;AAMA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,WAAS;AACT,cAAY,IAAI;AAChB,iBAAe;AACf,iBAAe;AACjB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACf;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACf;AAEA,CAAC;AACC,WAAS,KAAK;AACd,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,aAAW;AACX,WAAS;AACT,cAAY;AACZ,SAAO,IAAI;AACX,cAAY,aAAa;AACzB,eAAa;AACf;AAEA,CAZC,wBAYwB;AACvB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,eAAa;AACf;AAGA,CAAC;AACC,WAAS;AACT,aAAW;AACX,OAAK;AACL,eAAa;AACf;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,UAAQ;AACR,cAAY,UAAU,KAAK,EAAE,aAAa;AAC5C;AAEA,CATC,+BAS+B;AAC9B,aAAW,MAAM;AACnB;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,iBAAe;AACf,UAAQ;AACR,WAAS;AACT,cAAY;AACd;AAEA,CAVC,8BAU8B;AAC7B,WAAS;AACX;AAEA,CAdC,8BAc8B;AAC7B,UAAQ,IAAI,OAAO,IAAI;AACvB,iBAAe;AACjB;AAGA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,OAAK;AACL,eAAa;AACb,cAAY,IAAI,MAAM,IAAI;AAC5B;AAEA,CAAC;AACC,WAAS,KAAK;AACd,iBAAe;AACf,aAAW;AACX,eAAa;AACb,UAAQ;AACR,cAAY,WAAW;AACvB,eAAa;AACf;AAEA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AACtB,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CANC,iCAMiC;AAChC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,UAAQ;AACR,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AAEA,CANC,iCAMiC;AAChC,cAAY,IAAI;AAClB;AAGA,CAAC;AACC,WAAS;AACT,OAAK;AACL,iBAAe;AACjB;AAEA,CAAC;AACC,QAAM;AACN,WAAS,IAAI;AACb,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,cAAY,IAAI;AAChB,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,UAAQ;AACR,cAAY,IAAI;AAChB,eAAa;AACf;AAEA,CAdC,8BAc8B;AAC7B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AAC/B,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACX,UAAQ;AACR,eAAa;AACf;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,aAAW;AACX,eAAa;AACb,iBAAe;AACf,qBAAmB;AACnB,uBAAqB;AACrB,yBAAuB;AACzB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACd;AAMA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,SAAO;AACP,WAAS,KAAK;AACd,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,aAAW;AACX,WAAS;AACT,cAAY;AACZ,SAAO,IAAI;AACX,cAAY,aAAa;AACzB,iBAAe;AACf,eAAa;AACf;AAEA,CAdC,gCAcgC;AAC/B,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE;AACjC,OAAK;AACL,cAAY;AACZ,cAAY;AACZ,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY,IAAI;AAChB,UAAQ;AACR,cAAY,IAAI;AAClB;AAEA,CAbC,gCAagC;AAC/B,cAAY,IAAI;AAChB,aAAW,MAAM;AACnB;AAEA,CAAC;AACC,gBAAc,IAAI;AAClB,cAAY,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACjC;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAVC,2CAU2C,CAL3C;AAMC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,aAAW;AACX,WAAS;AACT,eAAa;AACf;AAGA,CAlDC,8BAkD8B;AAC7B,SAAO;AACT;AAEA,CAtDC,8BAsD8B;AAC7B,cAAY;AACd;AAEA,CA1DC,8BA0D8B;AAC7B,oBAAkB,IAAI;AACtB,iBAAe;AACjB;","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -90,4 +90,40 @@ declare const iconMap: Record<string, IconType>;
|
|
|
90
90
|
*/
|
|
91
91
|
declare function getIcon(name: string): IconType;
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
interface AppSettingsProps {
|
|
94
|
+
isOpen: boolean;
|
|
95
|
+
onClose: () => void;
|
|
96
|
+
apps: AppItem[];
|
|
97
|
+
defaultApps?: AppItem[];
|
|
98
|
+
onAdd: (app: Omit<AppItem, 'id'>) => void;
|
|
99
|
+
onUpdate: (id: string, app: Partial<Omit<AppItem, 'id'>>) => void;
|
|
100
|
+
onDelete: (id: string) => void;
|
|
101
|
+
}
|
|
102
|
+
declare function AppSettings({ isOpen, onClose, apps, defaultApps, onAdd, onUpdate, onDelete, }: AppSettingsProps): react_jsx_runtime.JSX.Element | null;
|
|
103
|
+
|
|
104
|
+
interface LocalAppLauncherProps {
|
|
105
|
+
/**
|
|
106
|
+
* Initial default apps to display if no local apps exist or mixed with local apps
|
|
107
|
+
*/
|
|
108
|
+
defaultApps?: AppItem[];
|
|
109
|
+
/**
|
|
110
|
+
* Custom class name
|
|
111
|
+
*/
|
|
112
|
+
className?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Whether to merge default apps with local apps (true) or only show local apps if any exist (false)
|
|
115
|
+
* Default: true
|
|
116
|
+
*/
|
|
117
|
+
mergeDefaultApps?: boolean;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* A "smart" AppLauncher component that automatically handles:
|
|
121
|
+
* - LocalStorage persistence of user-defined apps
|
|
122
|
+
* - Settings UI management
|
|
123
|
+
* - State management
|
|
124
|
+
*
|
|
125
|
+
* Use this component if you want a zero-config setup that works out of the box.
|
|
126
|
+
*/
|
|
127
|
+
declare function LocalAppLauncher({ defaultApps, className, mergeDefaultApps, }: LocalAppLauncherProps): react_jsx_runtime.JSX.Element;
|
|
128
|
+
|
|
129
|
+
export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, AppSettings, type AppSettingsProps, LocalAppLauncher, type LocalAppLauncherProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };
|
package/dist/index.d.ts
CHANGED
|
@@ -90,4 +90,40 @@ declare const iconMap: Record<string, IconType>;
|
|
|
90
90
|
*/
|
|
91
91
|
declare function getIcon(name: string): IconType;
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
interface AppSettingsProps {
|
|
94
|
+
isOpen: boolean;
|
|
95
|
+
onClose: () => void;
|
|
96
|
+
apps: AppItem[];
|
|
97
|
+
defaultApps?: AppItem[];
|
|
98
|
+
onAdd: (app: Omit<AppItem, 'id'>) => void;
|
|
99
|
+
onUpdate: (id: string, app: Partial<Omit<AppItem, 'id'>>) => void;
|
|
100
|
+
onDelete: (id: string) => void;
|
|
101
|
+
}
|
|
102
|
+
declare function AppSettings({ isOpen, onClose, apps, defaultApps, onAdd, onUpdate, onDelete, }: AppSettingsProps): react_jsx_runtime.JSX.Element | null;
|
|
103
|
+
|
|
104
|
+
interface LocalAppLauncherProps {
|
|
105
|
+
/**
|
|
106
|
+
* Initial default apps to display if no local apps exist or mixed with local apps
|
|
107
|
+
*/
|
|
108
|
+
defaultApps?: AppItem[];
|
|
109
|
+
/**
|
|
110
|
+
* Custom class name
|
|
111
|
+
*/
|
|
112
|
+
className?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Whether to merge default apps with local apps (true) or only show local apps if any exist (false)
|
|
115
|
+
* Default: true
|
|
116
|
+
*/
|
|
117
|
+
mergeDefaultApps?: boolean;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* A "smart" AppLauncher component that automatically handles:
|
|
121
|
+
* - LocalStorage persistence of user-defined apps
|
|
122
|
+
* - Settings UI management
|
|
123
|
+
* - State management
|
|
124
|
+
*
|
|
125
|
+
* Use this component if you want a zero-config setup that works out of the box.
|
|
126
|
+
*/
|
|
127
|
+
declare function LocalAppLauncher({ defaultApps, className, mergeDefaultApps, }: LocalAppLauncherProps): react_jsx_runtime.JSX.Element;
|
|
128
|
+
|
|
129
|
+
export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, AppSettings, type AppSettingsProps, LocalAppLauncher, type LocalAppLauncherProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };
|