@moraby/app-launcher 0.1.8 → 2.0.0

package/dist/index.css.map

@@ -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":[]}
+{"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":"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","names":[]}

package/dist/index.d.mts

@@ -90,4 +90,15 @@ declare const iconMap: Record<string, IconType>;
  */
 declare function getIcon(name: string): IconType;
 
-export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };
+interface AppSettingsProps {
+    isOpen: boolean;
+    onClose: () => void;
+    apps: AppItem[];
+    defaultApps?: AppItem[];
+    onAdd: (app: Omit<AppItem, 'id'>) => void;
+    onUpdate: (id: string, app: Partial<Omit<AppItem, 'id'>>) => void;
+    onDelete: (id: string) => void;
+}
+declare function AppSettings({ isOpen, onClose, apps, defaultApps, onAdd, onUpdate, onDelete, }: AppSettingsProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, AppSettings, type AppSettingsProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };

package/dist/index.d.ts

@@ -90,4 +90,15 @@ declare const iconMap: Record<string, IconType>;
  */
 declare function getIcon(name: string): IconType;
 
-export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };
+interface AppSettingsProps {
+    isOpen: boolean;
+    onClose: () => void;
+    apps: AppItem[];
+    defaultApps?: AppItem[];
+    onAdd: (app: Omit<AppItem, 'id'>) => void;
+    onUpdate: (id: string, app: Partial<Omit<AppItem, 'id'>>) => void;
+    onDelete: (id: string) => void;
+}
+declare function AppSettings({ isOpen, onClose, apps, defaultApps, onAdd, onUpdate, onDelete, }: AppSettingsProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AppItem, AppLauncher, type AppLauncherConfig, type AppLauncherProps, AppSettings, type AppSettingsProps, type ResolvedApp, AppLauncher as default, getIcon, iconMap };

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AppLauncher: () => AppLauncher,
+  AppSettings: () => AppSettings,
   default: () => AppLauncher,
   getIcon: () => getIcon,
   iconMap: () => iconMap
@@ -247,9 +248,432 @@ function AppLauncher({
     ] })
   ] });
 }
+
+// src/AppSettings.tsx
+var import_react4 = require("react");
+var import_fa2 = require("react-icons/fa");
+
+// src/AddAppForm.tsx
+var import_react3 = require("react");
+
+// src/IconPicker.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var allIcons = Object.keys(iconMap);
+function IconPicker({ selectedIcon, onSelect }) {
+  const [searchTerm, setSearchTerm] = (0, import_react2.useState)("");
+  const filteredIcons = allIcons.filter(
+    (name) => name.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "app-launcher-icon-picker", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      {
+        type: "text",
+        placeholder: "Search icons...",
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        className: "app-launcher-icon-picker__search"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "app-launcher-icon-picker__grid", children: filteredIcons.map((iconName) => {
+      const Icon = iconMap[iconName];
+      const isSelected = selectedIcon === iconName;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          className: `app-launcher-icon-picker__button ${isSelected ? "app-launcher-icon-picker__button--selected" : ""}`,
+          onClick: () => onSelect(iconName),
+          title: iconName,
+          type: "button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: "app-launcher-icon-picker__icon" })
+        },
+        iconName
+      );
+    }) }),
+    filteredIcons.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "app-launcher-icon-picker__empty", children: "No icons found" })
+  ] });
+}
+
+// src/AddAppForm.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var presetColors = [
+  "#4285F4",
+  // Blue
+  "#EA4335",
+  // Red
+  "#FBBC04",
+  // Yellow
+  "#34A853",
+  // Green
+  "#FF6D01",
+  // Orange
+  "#46BDC6",
+  // Teal
+  "#7B1FA2",
+  // Purple
+  "#E91E63",
+  // Pink
+  "#607D8B",
+  // Gray
+  "#795548"
+  // Brown
+];
+function AddAppForm({
+  initialData,
+  onSubmit,
+  onCancel,
+  submitLabel = "Add App"
+}) {
+  const [name, setName] = (0, import_react3.useState)(initialData?.name || "");
+  const [url, setUrl] = (0, import_react3.useState)(initialData?.url || "");
+  const initialIcon = initialData?.icon || "FaRocket";
+  const isInitialCustom = initialIcon.startsWith("/") || initialIcon.startsWith("http");
+  const [iconName, setIconName] = (0, import_react3.useState)(isInitialCustom ? "FaRocket" : initialIcon);
+  const [customIconUrl, setCustomIconUrl] = (0, import_react3.useState)(isInitialCustom ? initialIcon : "");
+  const [iconMode, setIconMode] = (0, import_react3.useState)(isInitialCustom ? "custom" : "picker");
+  const [color, setColor] = (0, import_react3.useState)(initialData?.color || "#4285F4");
+  const [description, setDescription] = (0, import_react3.useState)(initialData?.description || "");
+  const [errors, setErrors] = (0, import_react3.useState)({});
+  const SelectedIcon = iconMap[iconName] || iconMap["FaRocket"];
+  const validate = () => {
+    const newErrors = {};
+    if (!name.trim()) {
+      newErrors.name = "Name is required";
+    }
+    if (!url.trim()) {
+      newErrors.url = "URL is required";
+    } else if (!url.startsWith("http://") && !url.startsWith("https://") && !url.startsWith("/")) {
+      newErrors.url = "URL must start with http://, https://, or /";
+    }
+    if (iconMode === "custom" && customIconUrl.trim()) {
+      if (!customIconUrl.startsWith("http://") && !customIconUrl.startsWith("https://") && !customIconUrl.startsWith("/")) {
+        newErrors.customIconUrl = "Icon URL must start with http://, https://, or /";
+      }
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!validate()) return;
+    const finalIcon = iconMode === "custom" && customIconUrl.trim() ? customIconUrl.trim() : iconName;
+    onSubmit({
+      name: name.trim(),
+      url: url.trim(),
+      icon: finalIcon,
+      color,
+      description: description.trim() || void 0
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("form", { onSubmit: handleSubmit, className: "app-launcher-form", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__preview", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "app-launcher-form__preview-icon", style: { backgroundColor: color + "20" }, children: iconMode === "custom" && customIconUrl ? customIconUrl.endsWith(".svg") ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "div",
+        {
+          className: "app-launcher-form__preview-svg",
+          style: {
+            maskImage: `url(${customIconUrl})`,
+            WebkitMaskImage: `url(${customIconUrl})`,
+            backgroundColor: color === "transparent" ? "#5f6368" : color
+          }
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "img",
+        {
+          src: customIconUrl,
+          alt: "Icon preview",
+          className: "app-launcher-form__preview-img"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectedIcon, { style: { color, fontSize: 32 } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__preview-name", children: name || "App Name" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-name", className: "app-launcher-form__label", children: "Name *" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          id: "app-name",
+          type: "text",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "My App",
+          className: `app-launcher-form__input ${errors.name ? "app-launcher-form__input--error" : ""}`
+        }
+      ),
+      errors.name && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.name })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-url", className: "app-launcher-form__label", children: "URL *" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          id: "app-url",
+          type: "text",
+          value: url,
+          onChange: (e) => setUrl(e.target.value),
+          placeholder: "https://myapp.com or /dashboard",
+          className: `app-launcher-form__input ${errors.url ? "app-launcher-form__input--error" : ""}`
+        }
+      ),
+      errors.url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.url })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-description", className: "app-launcher-form__label", children: "Description" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          id: "app-description",
+          type: "text",
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          placeholder: "Optional description (shown on hover)",
+          className: "app-launcher-form__input"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "app-launcher-form__label", children: "Color" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__color-picker", children: [
+        presetColors.map((presetColor) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `app-launcher-form__color-button ${color === presetColor ? "app-launcher-form__color-button--selected" : ""}`,
+            style: { backgroundColor: presetColor },
+            onClick: () => setColor(presetColor),
+            title: presetColor
+          },
+          presetColor
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            type: "color",
+            value: color,
+            onChange: (e) => setColor(e.target.value),
+            className: "app-launcher-form__color-input",
+            title: "Custom color"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "app-launcher-form__label", children: "Icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__icon-mode", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `app-launcher-form__mode-button ${iconMode === "picker" ? "app-launcher-form__mode-button--active" : ""}`,
+            onClick: () => setIconMode("picker"),
+            children: "Icon Picker"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `app-launcher-form__mode-button ${iconMode === "custom" ? "app-launcher-form__mode-button--active" : ""}`,
+            onClick: () => setIconMode("custom"),
+            children: "Custom URL"
+          }
+        )
+      ] }),
+      iconMode === "picker" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconPicker, { selectedIcon: iconName, onSelect: setIconName }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__custom-icon", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            id: "app-custom-icon",
+            type: "text",
+            value: customIconUrl,
+            onChange: (e) => setCustomIconUrl(e.target.value),
+            placeholder: "/icons/my-icon.svg or https://cdn.example.com/icon.svg",
+            className: `app-launcher-form__input ${errors.customIconUrl ? "app-launcher-form__input--error" : ""}`
+          }
+        ),
+        errors.customIconUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.customIconUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "app-launcher-form__hint", children: "Enter a path from your public folder (e.g., /icons/logo.svg) or a full URL" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "app-launcher-form__button app-launcher-form__button--cancel",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "app-launcher-form__button app-launcher-form__button--submit",
+          children: submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/AppSettings.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AppSettings({
+  isOpen,
+  onClose,
+  apps,
+  defaultApps = [],
+  onAdd,
+  onUpdate,
+  onDelete
+}) {
+  const [showAddForm, setShowAddForm] = (0, import_react4.useState)(false);
+  const [editingApp, setEditingApp] = (0, import_react4.useState)(null);
+  if (!isOpen) return null;
+  const handleAddSubmit = (data) => {
+    onAdd(data);
+    setShowAddForm(false);
+  };
+  const handleEditSubmit = (data) => {
+    if (editingApp) {
+      onUpdate(editingApp.id, data);
+      setEditingApp(null);
+    }
+  };
+  const handleDelete = (id) => {
+    if (confirm("Are you sure you want to delete this app?")) {
+      onDelete(id);
+    }
+  };
+  const handleExportConfig = () => {
+    const exportedApps = [
+      // User apps first (they appear at top)
+      ...apps,
+      // Then default apps
+      ...defaultApps.filter((da) => !apps.some((ua) => ua.id === da.id))
+      // Avoid duplicates if any
+    ];
+    const config = {
+      version: "1.0",
+      exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      apps: exportedApps
+    };
+    const blob = new Blob([JSON.stringify(config, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "app-launcher-config.json";
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__overlay", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__modal", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "app-settings__title", children: showAddForm ? "Add New App" : editingApp ? "Edit App" : "Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "app-settings__close-button", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaTimes, {}) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__content", children: showAddForm ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      AddAppForm,
+      {
+        onSubmit: handleAddSubmit,
+        onCancel: () => setShowAddForm(false),
+        submitLabel: "Add App"
+      }
+    ) : editingApp ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      AddAppForm,
+      {
+        initialData: editingApp,
+        onSubmit: handleEditSubmit,
+        onCancel: () => setEditingApp(null),
+        submitLabel: "Save Changes"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "app-settings__add-button", onClick: () => setShowAddForm(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaPlus, { className: "app-settings__add-icon" }),
+        "Add New App"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "app-settings__section-title", children: "My Custom Apps" }),
+        apps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "app-settings__empty-message", children: 'No custom apps yet. Click "Add New App" to get started.' }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__grid", children: apps.map((app) => {
+          const isCustom = app.icon.startsWith("/") || app.icon.startsWith("http");
+          const Icon = !isCustom ? iconMap[app.icon] || iconMap["FaRocket"] : null;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-info", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "div",
+                {
+                  className: "app-settings__card-icon",
+                  style: { backgroundColor: app.color + "20" },
+                  children: isCustom ? app.icon.endsWith(".svg") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "div",
+                    {
+                      style: {
+                        width: 20,
+                        height: 20,
+                        maskImage: `url(${app.icon})`,
+                        WebkitMaskImage: `url(${app.icon})`,
+                        maskSize: "contain",
+                        maskRepeat: "no-repeat",
+                        maskPosition: "center",
+                        WebkitMaskSize: "contain",
+                        WebkitMaskRepeat: "no-repeat",
+                        WebkitMaskPosition: "center",
+                        backgroundColor: app.color === "transparent" ? "#5f6368" : app.color
+                      }
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "img",
+                    {
+                      src: app.icon,
+                      alt: app.name,
+                      style: { width: 20, height: 20, objectFit: "contain" }
+                    }
+                  ) : Icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { style: { color: app.color } })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-details", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "app-settings__card-name", children: app.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "app-settings__card-url", children: app.url })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  className: "app-settings__action-button",
+                  onClick: () => setEditingApp(app),
+                  title: "Edit",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaEdit, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  className: "app-settings__action-button app-settings__action-button--delete",
+                  onClick: () => handleDelete(app.id),
+                  title: "Delete",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaTrash, {})
+                }
+              )
+            ] })
+          ] }, app.id);
+        }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "app-settings__export-button", onClick: handleExportConfig, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaDownload, { className: "app-settings__export-icon" }),
+        "Export Configuration"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__info", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: 'Custom apps are saved in your browser. Use "Export Configuration" to share with other apps.' }) })
+    ] }) })
+  ] }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppLauncher,
+  AppSettings,
   getIcon,
   iconMap
 });