veylan-component-library 1.0.0 → 1.0.2

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.
Files changed (8) hide show
  1. package/dist/components/TextStyles.vue.d.ts +2 -0
  2. package/dist/fusion-component-library.es.js +569 -457
  3. package/dist/fusion-component-library.es.js.map +1 -1
  4. package/dist/fusion-component-library.umd.js +1 -1
  5. package/dist/fusion-component-library.umd.js.map +1 -1
  6. package/dist/index.d.ts +2 -0
  7. package/dist/veylan-component-library.css +1 -1
  8. package/package.json +1 -1
package/dist/fusion-component-library.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fusion-component-library.es.js","sources":["../src/components/BaseModal.vue","../src/components/ButtonComponent.vue","../src/components/CampaignCard.vue","../src/components/CardComponents.vue","../src/components/InviteCollaboratorsModalV2.vue","../src/components/NavigationSidebar.vue","../src/components/icons/IconCommunity.vue","../src/components/icons/IconDocumentation.vue","../src/components/icons/IconEcosystem.vue","../src/components/icons/IconSupport.vue","../src/components/icons/IconTooling.vue"],"sourcesContent":["<template>\n <div\n v-if=\"isOpen\"\n class=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4\"\n @click.self=\"handleClose\"\n >\n <div class=\"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl\">\n <!-- Header -->\n <h2 class=\"text-2xl font-bold text-black mb-8\" style=\"letter-spacing: 0;\">{{ title }}</h2>\n\n <!-- Content Slot -->\n <slot />\n\n <!-- Action Buttons -->\n <div class=\"flex gap-4 pt-6\">\n <button\n @click=\"handleSecondary\"\n class=\"flex-1 h-8 flex items-center justify-center px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n {{ secondaryButtonText }}\n </button>\n\n <button\n @click=\"handlePrimary\"\n class=\"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n {{ primaryButtonText }}\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\ninterface BaseModalProps {\n isOpen?: boolean\n title?: string\n primaryButtonText?: string\n secondaryButtonText?: string\n}\n\nconst props = withDefaults(defineProps<BaseModalProps>(), {\n isOpen: false,\n title: 'Modal',\n primaryButtonText: 'Confirm',\n secondaryButtonText: 'Cancel',\n})\n\nconst emit = defineEmits<{\n 'close': []\n 'primary': []\n 'secondary': []\n}>()\n\nconst handleClose = () => {\n emit('close')\n}\n\nconst handlePrimary = () => {\n emit('primary')\n}\n\nconst handleSecondary = () => {\n emit('secondary')\n}\n</script>\n","<script setup lang=\"ts\">\nimport { ArrowLeft, ArrowRight, Share2, ChevronDown } from 'lucide-vue-next'\n\nexport interface ButtonProps {\n variant?: 'primary' | 'outlined' | 'text' | 'disabled'\n leftIcon?: 'arrow' | 'share' | 'none'\n rightIcon?: 'arrow' | 'share' | 'dropdown' | 'none'\n disabled?: boolean\n}\n\nwithDefaults(defineProps<ButtonProps>(), {\n variant: 'primary',\n leftIcon: 'none',\n rightIcon: 'none',\n disabled: false\n})\n\nconst emit = defineEmits<{\n 'click': []\n}>()\n\nconst handleClick = () => {\n emit('click')\n}\n</script>\n\n<template>\n <button\n @click=\"handleClick\"\n :disabled=\"disabled || variant === 'disabled'\"\n :class=\"[\n 'flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200',\n {\n 'bg-black text-white hover:bg-gray-800': variant === 'primary' && !disabled,\n 'bg-white text-black hover:bg-gray-50': variant === 'outlined' && !disabled,\n 'bg-transparent text-black': variant === 'text' && !disabled,\n 'cursor-not-allowed': variant === 'disabled' || disabled\n }\n ]\"\n :style=\"{\n paddingLeft: rightIcon === 'dropdown' ? '16px' : '24px',\n paddingRight: rightIcon === 'dropdown' ? '8px' : '24px',\n ...(variant === 'outlined' && !disabled && rightIcon === 'dropdown' ? { borderWidth: '1px', borderColor: '#C8C8C8' } : variant === 'outlined' && !disabled ? { borderWidth: '1px', borderColor: 'black' } : {}),\n ...(variant === 'disabled' || disabled ? { backgroundColor: '#E8E8E8', color: '#8F8F8F' } : {})\n }\"\n >\n <!-- Left Icon -->\n <ArrowLeft\n v-if=\"leftIcon === 'arrow'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <Share2\n v-else-if=\"leftIcon === 'share'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n\n <!-- Text Slot -->\n <slot>Button</slot>\n\n <!-- Right Icon -->\n <ArrowRight\n v-if=\"rightIcon === 'arrow'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <Share2\n v-else-if=\"rightIcon === 'share'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <ChevronDown\n v-else-if=\"rightIcon === 'dropdown'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n </button>\n</template>\n","<template>\n <div\n class=\"flex flex-col bg-white rounded-2xl shadow-card w-full\"\n style=\"gap: 16px; padding: 16px 0 24px 0;\"\n :class=\"cardClasses\"\n >\n <!-- Card Image Section -->\n <div\n v-if=\"showImage\"\n class=\"relative flex-shrink-0 overflow-hidden rounded-t-2xl\"\n style=\"height: 126px; margin: -16px 0 0 0; padding: 16px 16px 0 16px; display: flex; justify-content: space-between; align-items: flex-start; width: 100%;\"\n :class=\"imageClasses\"\n >\n <!-- Background Image -->\n <div class=\"absolute inset-0\">\n <img\n :src=\"imageSrc\"\n :alt=\"imageAlt\"\n class=\"w-full h-full object-cover\"\n />\n </div>\n\n <!-- Card Header Overlay -->\n <div class=\"relative flex justify-between items-start w-full\">\n <!-- Labels/Pills -->\n <div v-if=\"showLabels\" class=\"flex items-center gap-2\">\n <div\n v-if=\"label1\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label1 }}\n </div>\n <div\n v-if=\"label2\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label2 }}\n </div>\n </div>\n\n <!-- Menu Button -->\n <button\n v-if=\"showMenu\"\n @click=\"$emit('menu-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 18px; height: 18px;\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n\n <!-- Content Section -->\n <div v-if=\"showContent\" class=\"flex flex-col\" style=\"padding: 0 16px; gap: 8px; margin: 0;\">\n <h3\n v-if=\"title\"\n class=\"text-black\"\n style=\"font-size: 16px; font-weight: 600; line-height: 20px;\"\n >\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"text-black\"\n style=\"font-size: 12px; font-weight: 400; line-height: 18px;\"\n >\n {{ description }}\n </p>\n </div>\n\n <!-- Footer Section -->\n <div v-if=\"showFooter\" class=\"flex items-end\" style=\"padding: 0 16px; gap: 4px;\">\n <div class=\"flex justify-between items-end flex-1\" style=\"height: 24px;\">\n <!-- Member Avatars -->\n <div v-if=\"showMembers\" class=\"flex items-center\" style=\"gap: 4px;\">\n <div\n v-for=\"(member, index) in members\"\n :key=\"index\"\n class=\"relative\"\n style=\"width: 24px; height: 24px;\"\n >\n <svg\n class=\"absolute left-0 top-0\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#5D5D5D\"/>\n </svg>\n <div class=\"absolute left-0 top-0 flex items-center justify-center text-white\" style=\"width: 24px; height: 24px; font-size: 8px; font-weight: 500; line-height: 24px; letter-spacing: -0.08px;\">\n {{ member }}\n </div>\n </div>\n </div>\n\n <!-- Add Button -->\n <button\n v-if=\"showAddButton\"\n @click=\"$emit('add-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 12px; height: 12px;\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M5.99961 10.5V1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1.5 5.99961H10.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface CampaignCardProps {\n // Image section\n showImage?: boolean\n imageSrc?: string\n imageAlt?: string\n imageClasses?: string\n \n // Labels/Pills\n showLabels?: boolean\n label1?: string\n label2?: string\n \n // Menu\n showMenu?: boolean\n \n // Content\n showContent?: boolean\n title?: string\n description?: string\n \n // Footer\n showFooter?: boolean\n showMembers?: boolean\n members?: string[]\n showAddButton?: boolean\n \n // Card styling\n cardClasses?: string\n}\n\nconst props = withDefaults(defineProps<CampaignCardProps>(), {\n showImage: true,\n imageSrc: 'https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630',\n imageAlt: 'Product image',\n imageClasses: '',\n\n showLabels: true,\n label1: 'CREATIVE BRIEF',\n label2: 'NIKE RUNNING',\n\n showMenu: true,\n\n showContent: true,\n title: 'Interactive Ad Formats: Performance Trends',\n description: 'Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends',\n \n showFooter: true,\n showMembers: true,\n members: () => ['DS', 'DS', 'DS', 'DS', '10'],\n showAddButton: true,\n \n cardClasses: '',\n})\n\ndefineEmits<{\n 'menu-click': []\n 'add-click': []\n}>()\n</script>\n","<template>\n <div\n class=\"flex flex-col bg-white rounded-2xl shadow-card w-full\"\n style=\"gap: 16px; padding: 16px 0 24px 0;\"\n :class=\"cardClasses\"\n >\n <!-- Card Image Section -->\n <div\n v-if=\"showImage\"\n class=\"relative flex-shrink-0 overflow-hidden rounded-t-2xl\"\n style=\"height: 126px; margin: -16px 0 0 0; padding: 16px 16px 0 16px; display: flex; justify-content: space-between; align-items: flex-start; width: 100%;\"\n :class=\"imageClasses\"\n >\n <!-- Background Image -->\n <div class=\"absolute inset-0\">\n <img\n :src=\"imageSrc\"\n :alt=\"imageAlt\"\n class=\"w-full h-full object-cover\"\n />\n </div>\n\n <!-- Card Header Overlay -->\n <div class=\"relative flex justify-between items-start w-full\">\n <!-- Labels/Pills -->\n <div v-if=\"showLabels\" class=\"flex items-center gap-2\">\n <div\n v-if=\"label1\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label1 }}\n </div>\n <div\n v-if=\"label2\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label2 }}\n </div>\n </div>\n\n <!-- Menu Button -->\n <button\n v-if=\"showMenu\"\n @click=\"$emit('menu-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 18px; height: 18px;\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z\" stroke=\"#C8C8C8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z\" stroke=\"#C8C8C8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z\" stroke=\"#C8C8C8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n\n <!-- Content Section -->\n <div v-if=\"showContent\" class=\"flex flex-col\" style=\"padding: 0 16px; gap: 8px; margin: 0;\">\n <h3\n v-if=\"title\"\n class=\"text-black\"\n style=\"font-size: 16px; font-weight: 600; line-height: 20px;\"\n >\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"text-black\"\n style=\"font-size: 12px; font-weight: 400; line-height: 18px;\"\n >\n {{ description }}\n </p>\n </div>\n\n <!-- Footer Section -->\n <div v-if=\"showFooter\" class=\"flex items-end\" style=\"padding: 0 16px; gap: 4px;\">\n <div class=\"flex justify-between items-end flex-1\" style=\"height: 24px;\">\n <!-- Member Avatars -->\n <div v-if=\"showMembers\" class=\"flex items-center\" style=\"gap: 4px;\">\n <div\n v-for=\"(member, index) in members\"\n :key=\"index\"\n class=\"relative\"\n style=\"width: 24px; height: 24px;\"\n >\n <svg\n class=\"absolute left-0 top-0\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#5D5D5D\"/>\n </svg>\n <div class=\"absolute left-0 top-0 flex items-center justify-center text-white\" style=\"width: 24px; height: 24px; font-size: 8px; font-weight: 500; line-height: 24px; letter-spacing: -0.08px;\">\n {{ member }}\n </div>\n </div>\n </div>\n\n <!-- Add Button -->\n <button\n v-if=\"showAddButton\"\n @click=\"$emit('add-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 12px; height: 12px;\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M5.99961 10.5V1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1.5 5.99961H10.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface CardComponentsProps {\n // Image section\n showImage?: boolean\n imageSrc?: string\n imageAlt?: string\n imageClasses?: string\n \n // Labels/Pills\n showLabels?: boolean\n label1?: string\n label2?: string\n \n // Menu\n showMenu?: boolean\n \n // Content\n showContent?: boolean\n title?: string\n description?: string\n \n // Footer\n showFooter?: boolean\n showMembers?: boolean\n members?: string[]\n showAddButton?: boolean\n \n // Card styling\n cardClasses?: string\n}\n\nconst props = withDefaults(defineProps<CardComponentsProps>(), {\n showImage: true,\n imageSrc: 'https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630',\n imageAlt: 'Product image',\n imageClasses: '',\n\n showLabels: true,\n label1: 'CREATIVE BRIEF',\n label2: 'NIKE RUNNING',\n\n showMenu: true,\n\n showContent: true,\n title: 'Interactive Ad Formats: Performance Trends',\n description: 'Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends',\n \n showFooter: true,\n showMembers: true,\n members: () => ['DS', 'DS', 'DS', 'DS', '10'],\n showAddButton: true,\n \n cardClasses: '',\n})\n\ndefineEmits<{\n 'menu-click': []\n 'add-click': []\n}>()\n</script>\n","<template>\n <div\n v-if=\"isOpen\"\n class=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4\"\n @click.self=\"closeModal\"\n >\n <div class=\"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl\">\n <!-- Header -->\n <h2 class=\"text-2xl font-bold text-black mb-8\">Invite Collaborators</h2>\n\n <!-- Users Label -->\n <label class=\"block font-normal text-gray-500 mb-3\" style=\"font-size: 12px;\">Users</label>\n\n <!-- Multi-select Input -->\n <div class=\"relative mb-6\">\n <div\n class=\"flex items-center gap-2 w-full px-4 py-2 border border-gray-300 rounded-xl bg-white focus-within:border-gray-400 focus-within:outline-none transition-colors cursor-text min-h-[40px]\"\n @click=\"focusInput\"\n >\n <!-- Plus Icon -->\n <button\n type=\"button\"\n class=\"flex-shrink-0 text-gray-800 text-xl font-light\"\n @click=\"toggleDropdown\"\n >\n +\n </button>\n\n <!-- Selected User Pills -->\n <div class=\"flex flex-wrap gap-2 flex-1\">\n <span\n v-for=\"user in selectedUsers\"\n :key=\"user.email\"\n class=\"inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 rounded-lg text-sm font-normal text-black\"\n >\n {{ user.display }}\n <button\n @click.stop=\"removeUser(user)\"\n class=\"text-gray-600 hover:text-black transition-colors\"\n >\n ×\n </button>\n </span>\n\n <!-- Hidden Input for Focus -->\n <input\n ref=\"hiddenInput\"\n type=\"text\"\n class=\"flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400\"\n placeholder=\"\"\n @focus=\"showDropdown = true\"\n @blur=\"handleBlur\"\n v-model=\"searchQuery\"\n />\n </div>\n </div>\n\n <!-- Dropdown -->\n <div\n v-if=\"showDropdown\"\n class=\"absolute top-full left-0 right-0 mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10\"\n >\n <button\n v-for=\"user in availableUsers\"\n :key=\"user.email\"\n type=\"button\"\n class=\"w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group\"\n @mousedown.prevent=\"toggleUser(user)\"\n >\n <div class=\"flex-1\">\n <div class=\"text-sm font-semibold text-black\">{{ user.name }}</div>\n <div class=\"text-sm text-gray-600\">{{ user.email }}</div>\n </div>\n <div\n v-if=\"isUserSelected(user)\"\n class=\"w-5 h-5 flex items-center justify-center text-black\"\n >\n ✓\n </div>\n </button>\n </div>\n </div>\n\n <!-- Collaborators List -->\n <div class=\"collaborators-list mb-8 max-h-96 overflow-y-auto\">\n <div\n v-for=\"user in collaborators\"\n :key=\"user.email\"\n class=\"grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-200\"\n >\n <div class=\"font-semibold text-black\" style=\"font-size: 14px;\">{{ user.name }}</div>\n <div class=\"text-black\" style=\"font-size: 14px;\">{{ user.email }}</div>\n <button\n @click=\"removeCollaborator(user)\"\n class=\"text-gray-800 hover:text-black transition-colors text-2xl leading-none\"\n >\n ×\n </button>\n </div>\n </div>\n\n <!-- Action Buttons -->\n <div class=\"flex gap-4 pt-6\">\n <button\n @click=\"closeModal\"\n class=\"flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 4L4 12M4 4L12 12\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n />\n </svg>\n Cancel\n </button>\n\n <button\n @click=\"addCollaborators\"\n class=\"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n Add Collaborators\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\nexport interface User {\n name: string\n email: string\n display: string\n}\n\ninterface InviteCollaboratorsModalV2Props {\n isOpen?: boolean\n availableUsersList?: User[]\n initialCollaborators?: User[]\n}\n\nconst props = withDefaults(defineProps<InviteCollaboratorsModalV2Props>(), {\n isOpen: false,\n availableUsersList: () => [],\n initialCollaborators: () => [],\n})\n\nconst emit = defineEmits<{\n 'close': []\n 'add': [users: User[], allCollaborators: User[]]\n}>()\n\nconst hiddenInput = ref<HTMLInputElement | null>(null)\nconst showDropdown = ref(false)\nconst searchQuery = ref('')\nconst selectedUsers = ref<User[]>([])\n\n// Initialize collaborators from props\nconst collaborators = ref<User[]>([...props.initialCollaborators])\n\n// Filter available users - exclude already added collaborators\nconst availableUsers = computed(() => {\n return props.availableUsersList.filter(user => {\n const isNotCollaborator = !collaborators.value.some(c => c.email === user.email)\n if (!searchQuery.value) return isNotCollaborator\n const query = searchQuery.value.toLowerCase()\n return isNotCollaborator && (\n user.name.toLowerCase().includes(query) ||\n user.email.toLowerCase().includes(query)\n )\n })\n})\n\nconst isUserSelected = (user: User) => {\n return selectedUsers.value.some(u => u.email === user.email)\n}\n\nconst toggleUser = (user: User) => {\n const index = selectedUsers.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n selectedUsers.value.splice(index, 1)\n } else {\n selectedUsers.value.push(user)\n }\n // Clear the search query after selection\n searchQuery.value = ''\n}\n\nconst removeUser = (user: User) => {\n const index = selectedUsers.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n selectedUsers.value.splice(index, 1)\n }\n}\n\nconst removeCollaborator = (user: User) => {\n const index = collaborators.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n collaborators.value.splice(index, 1)\n }\n}\n\nconst focusInput = () => {\n hiddenInput.value?.focus()\n}\n\nconst toggleDropdown = () => {\n showDropdown.value = !showDropdown.value\n if (showDropdown.value) {\n focusInput()\n }\n}\n\nconst handleBlur = () => {\n // Delay to allow click events to fire\n setTimeout(() => {\n showDropdown.value = false\n }, 200)\n}\n\nconst closeModal = () => {\n emit('close')\n selectedUsers.value = []\n searchQuery.value = ''\n showDropdown.value = false\n}\n\nconst addCollaborators = () => {\n if (selectedUsers.value.length > 0) {\n // Add selected users to collaborators list\n selectedUsers.value.forEach(user => {\n if (!collaborators.value.some(c => c.email === user.email)) {\n collaborators.value.push(user)\n }\n })\n // Emit with both selected users and all collaborators\n emit('add', selectedUsers.value, collaborators.value)\n selectedUsers.value = []\n searchQuery.value = ''\n showDropdown.value = false\n }\n // Close the modal after adding collaborators\n emit('close')\n}\n</script>\n\n<style scoped>\n.collaborators-list::-webkit-scrollbar {\n width: 8px;\n}\n\n.collaborators-list::-webkit-scrollbar-track {\n background: white;\n}\n\n.collaborators-list::-webkit-scrollbar-thumb {\n background: #d1d5db;\n border-radius: 4px;\n}\n\n.collaborators-list::-webkit-scrollbar-thumb:hover {\n background: #9ca3af;\n}\n\n/* Firefox scrollbar styling */\n.collaborators-list {\n scrollbar-color: #d1d5db white;\n scrollbar-width: thin;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Home, MessageSquare, ToyBrick } from 'lucide-vue-next'\n\nexport interface NavItem {\n name: string\n icon: 'dashboard' | 'conversations' | 'templates'\n}\n\nexport interface Props {\n items?: NavItem[]\n userName?: string\n userVersion?: string\n activeItem?: number\n}\n\nwithDefaults(defineProps<Props>(), {\n items: () => [\n { name: 'Dashboard', icon: 'dashboard' },\n { name: 'Conversations', icon: 'conversations' },\n { name: 'Templates', icon: 'templates' }\n ],\n userName: 'Geoffrey Thomas',\n userVersion: '1.0.0.0',\n activeItem: 0\n})\n\nconst emit = defineEmits<{\n 'item-click': [index: number]\n}>()\n\nconst handleItemClick = (index: number) => {\n emit('item-click', index)\n}\n\nconst getIconColor = (isActive: boolean) => {\n return isActive ? '#C3FF00' : 'white'\n}\n</script>\n\n<template>\n <!-- Expandable Sidebar Navigation -->\n <aside class=\"sidebar-nav group bg-black flex flex-col justify-between shadow-md\">\n <!-- Top Section -->\n <div class=\"pt-10 px-2 flex flex-col gap-8\">\n <!-- Logo -->\n <div class=\"px-2\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0 11.8333V0L11.8333 11.8333H0Z\" fill=\"white\"/>\n <path d=\"M11.8333 12.166V23.9994L0 12.166H11.8333Z\" fill=\"white\"/>\n <path d=\"M24 11.8333V0L12.1667 11.8333H24Z\" fill=\"white\"/>\n <path d=\"M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z\" fill=\"white\"/>\n </svg>\n </div>\n\n <!-- Navigation Items -->\n <div class=\"flex flex-col gap-4\">\n <div\n v-for=\"(item, index) in items\"\n :key=\"index\"\n @click=\"handleItemClick(index)\"\n :class=\"['nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200', activeItem === index ? 'bg-[#232323]' : 'hover:bg-[#232323]']\"\n >\n <!-- Dashboard Icon -->\n <Home\n v-if=\"item.icon === 'dashboard'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <!-- Conversations Icon -->\n <MessageSquare\n v-else-if=\"item.icon === 'conversations'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <!-- Templates Icon -->\n <ToyBrick\n v-else-if=\"item.icon === 'templates'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <span class=\"nav-label text-sm text-gray-300 whitespace-nowrap\">{{ item.name }}</span>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section - Profile -->\n <div class=\"flex flex-col items-start px-4 pb-8 gap-4\">\n <!-- User Profile -->\n <div class=\"profile-section flex items-center gap-3 w-full\">\n <div class=\"relative flex-shrink-0\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"#5D5D5D\"/>\n </svg>\n <svg class=\"absolute top-2 left-2\" width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <div class=\"profile-text flex-1 min-w-0\">\n <div class=\"text-sm text-white font-medium whitespace-nowrap\">{{ userName }}</div>\n <div class=\"text-[10px] text-gray-400 whitespace-nowrap\">{{ userVersion }}</div>\n </div>\n <button class=\"profile-menu flex-shrink-0\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n </aside>\n</template>\n\n<style scoped>\n/* Sidebar with smooth expand/collapse animation */\n.sidebar-nav {\n width: 56px;\n min-height: 600px;\n transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n position: relative;\n z-index: 51;\n}\n\n.sidebar-nav:hover {\n width: 240px;\n}\n\n/* Hide labels by default */\n.nav-label,\n.profile-text,\n.profile-menu {\n opacity: 0;\n transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n}\n\n/* Show labels on hover */\n.sidebar-nav:hover .nav-label,\n.sidebar-nav:hover .profile-text,\n.sidebar-nav:hover .profile-menu {\n opacity: 1;\n pointer-events: auto;\n transition-delay: 50ms;\n}\n\n/* Profile section adjustments */\n.profile-section {\n transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Ensure navigation items don't wrap */\n.nav-item {\n min-width: fit-content;\n}\n</style>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"17\" fill=\"currentColor\">\n <path\n d=\"M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z\"\n />\n </svg>\n</template>\n","<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->\n<template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n role=\"img\"\n class=\"iconify iconify--mdi\"\n width=\"24\"\n height=\"24\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n</template>\n"],"names":["props","__props","emit","__emit","_hoisted_1","_hoisted_3","$props","_openBlock","_createElementBlock","_withModifiers","$setup","_createElementVNode","_createCommentVNode","_hoisted_2","_toDisplayString","_renderSlot","_ctx","_normalizeClass","_normalizeStyle","_createBlock","_cache","_createTextVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_Fragment","_renderList","member","index","_hoisted_14","_hoisted_15","hiddenInput","ref","showDropdown","searchQuery","selectedUsers","collaborators","availableUsers","computed","user","isNotCollaborator","c","query","isUserSelected","u","toggleUser","removeUser","removeCollaborator","focusInput","$event","_withDirectives","isActive","_createStaticVNode","item","_createVNode"],"mappings":"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"}
1
+ {"version":3,"file":"fusion-component-library.es.js","sources":["../src/components/BaseModal.vue","../src/components/ButtonComponent.vue","../src/components/CampaignCard.vue","../src/components/CardComponents.vue","../src/components/InviteCollaboratorsModalV2.vue","../src/components/NavigationSidebar.vue","../src/components/TextStyles.vue","../src/components/icons/IconCommunity.vue","../src/components/icons/IconDocumentation.vue","../src/components/icons/IconEcosystem.vue","../src/components/icons/IconSupport.vue","../src/components/icons/IconTooling.vue"],"sourcesContent":["<template>\n <div\n v-if=\"isOpen\"\n class=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4\"\n @click.self=\"handleClose\"\n >\n <div class=\"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl\">\n <!-- Header -->\n <h2 class=\"text-2xl font-bold text-black mb-8\" style=\"letter-spacing: 0;\">{{ title }}</h2>\n\n <!-- Content Slot -->\n <slot />\n\n <!-- Action Buttons -->\n <div class=\"flex gap-4 pt-6\">\n <button\n @click=\"handleSecondary\"\n class=\"flex-1 h-8 flex items-center justify-center px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n {{ secondaryButtonText }}\n </button>\n\n <button\n @click=\"handlePrimary\"\n class=\"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n {{ primaryButtonText }}\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\ninterface BaseModalProps {\n isOpen?: boolean\n title?: string\n primaryButtonText?: string\n secondaryButtonText?: string\n}\n\nconst props = withDefaults(defineProps<BaseModalProps>(), {\n isOpen: false,\n title: 'Modal',\n primaryButtonText: 'Confirm',\n secondaryButtonText: 'Cancel',\n})\n\nconst emit = defineEmits<{\n 'close': []\n 'primary': []\n 'secondary': []\n}>()\n\nconst handleClose = () => {\n emit('close')\n}\n\nconst handlePrimary = () => {\n emit('primary')\n}\n\nconst handleSecondary = () => {\n emit('secondary')\n}\n</script>\n","<script setup lang=\"ts\">\nimport { ArrowLeft, ArrowRight, Share2, ChevronDown } from 'lucide-vue-next'\n\nexport interface ButtonProps {\n variant?: 'primary' | 'outlined' | 'text' | 'disabled'\n leftIcon?: 'arrow' | 'share' | 'none'\n rightIcon?: 'arrow' | 'share' | 'dropdown' | 'none'\n disabled?: boolean\n}\n\nwithDefaults(defineProps<ButtonProps>(), {\n variant: 'primary',\n leftIcon: 'none',\n rightIcon: 'none',\n disabled: false\n})\n\nconst emit = defineEmits<{\n 'click': []\n}>()\n\nconst handleClick = () => {\n emit('click')\n}\n</script>\n\n<template>\n <button\n @click=\"handleClick\"\n :disabled=\"disabled || variant === 'disabled'\"\n :class=\"[\n 'flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200',\n {\n 'bg-black text-white hover:bg-gray-800': variant === 'primary' && !disabled,\n 'bg-white text-black hover:bg-gray-50': variant === 'outlined' && !disabled,\n 'bg-transparent text-black': variant === 'text' && !disabled,\n 'cursor-not-allowed': variant === 'disabled' || disabled\n }\n ]\"\n :style=\"{\n paddingLeft: rightIcon === 'dropdown' ? '16px' : '24px',\n paddingRight: rightIcon === 'dropdown' ? '8px' : '24px',\n ...(variant === 'outlined' && !disabled && rightIcon === 'dropdown' ? { borderWidth: '1px', borderColor: '#C8C8C8' } : variant === 'outlined' && !disabled ? { borderWidth: '1px', borderColor: 'black' } : {}),\n ...(variant === 'disabled' || disabled ? { backgroundColor: '#E8E8E8', color: '#8F8F8F' } : {})\n }\"\n >\n <!-- Left Icon -->\n <ArrowLeft\n v-if=\"leftIcon === 'arrow'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <Share2\n v-else-if=\"leftIcon === 'share'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n\n <!-- Text Slot -->\n <slot>Button</slot>\n\n <!-- Right Icon -->\n <ArrowRight\n v-if=\"rightIcon === 'arrow'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <Share2\n v-else-if=\"rightIcon === 'share'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n <ChevronDown\n v-else-if=\"rightIcon === 'dropdown'\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n />\n </button>\n</template>\n","<template>\n <div\n class=\"flex flex-col bg-white rounded-2xl shadow-card w-full\"\n style=\"gap: 16px; padding: 16px 0 24px 0;\"\n :class=\"cardClasses\"\n >\n <!-- Card Image Section -->\n <div\n v-if=\"showImage\"\n class=\"relative flex-shrink-0 overflow-hidden rounded-t-2xl\"\n style=\"height: 126px; margin: -16px 0 0 0; padding: 16px 16px 0 16px; display: flex; justify-content: space-between; align-items: flex-start; width: 100%;\"\n :class=\"imageClasses\"\n >\n <!-- Background Image -->\n <div class=\"absolute inset-0\">\n <img\n :src=\"imageSrc\"\n :alt=\"imageAlt\"\n class=\"w-full h-full object-cover\"\n />\n </div>\n\n <!-- Card Header Overlay -->\n <div class=\"relative flex justify-between items-start w-full\">\n <!-- Labels/Pills -->\n <div v-if=\"showLabels\" class=\"flex items-center gap-2\">\n <div\n v-if=\"label1\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label1 }}\n </div>\n <div\n v-if=\"label2\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label2 }}\n </div>\n </div>\n\n <!-- Menu Button -->\n <button\n v-if=\"showMenu\"\n @click=\"$emit('menu-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 18px; height: 18px;\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n\n <!-- Content Section -->\n <div v-if=\"showContent\" class=\"flex flex-col\" style=\"padding: 0 16px; gap: 8px; margin: 0;\">\n <h3\n v-if=\"title\"\n class=\"text-black\"\n style=\"font-size: 16px; font-weight: 600; line-height: 20px;\"\n >\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"text-black\"\n style=\"font-size: 12px; font-weight: 400; line-height: 18px;\"\n >\n {{ description }}\n </p>\n </div>\n\n <!-- Footer Section -->\n <div v-if=\"showFooter\" class=\"flex items-end\" style=\"padding: 0 16px; gap: 4px;\">\n <div class=\"flex justify-between items-end flex-1\" style=\"height: 24px;\">\n <!-- Member Avatars -->\n <div v-if=\"showMembers\" class=\"flex items-center\" style=\"gap: 4px;\">\n <div\n v-for=\"(member, index) in members\"\n :key=\"index\"\n class=\"relative\"\n style=\"width: 24px; height: 24px;\"\n >\n <svg\n class=\"absolute left-0 top-0\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#5D5D5D\"/>\n </svg>\n <div class=\"absolute left-0 top-0 flex items-center justify-center text-white\" style=\"width: 24px; height: 24px; font-size: 8px; font-weight: 500; line-height: 24px; letter-spacing: -0.08px;\">\n {{ member }}\n </div>\n </div>\n </div>\n\n <!-- Add Button -->\n <button\n v-if=\"showAddButton\"\n @click=\"$emit('add-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors\"\n style=\"width: 32px; height: 32px;\"\n >\n <svg\n style=\"width: 12px; height: 12px;\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M5.99961 10.5V1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1.5 5.99961H10.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface CampaignCardProps {\n // Image section\n showImage?: boolean\n imageSrc?: string\n imageAlt?: string\n imageClasses?: string\n \n // Labels/Pills\n showLabels?: boolean\n label1?: string\n label2?: string\n \n // Menu\n showMenu?: boolean\n \n // Content\n showContent?: boolean\n title?: string\n description?: string\n \n // Footer\n showFooter?: boolean\n showMembers?: boolean\n members?: string[]\n showAddButton?: boolean\n \n // Card styling\n cardClasses?: string\n}\n\nconst props = withDefaults(defineProps<CampaignCardProps>(), {\n showImage: true,\n imageSrc: 'https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630',\n imageAlt: 'Product image',\n imageClasses: '',\n\n showLabels: true,\n label1: 'CREATIVE BRIEF',\n label2: 'NIKE RUNNING',\n\n showMenu: true,\n\n showContent: true,\n title: 'Interactive Ad Formats: Performance Trends',\n description: 'Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends',\n \n showFooter: true,\n showMembers: true,\n members: () => ['DS', 'DS', 'DS', 'DS', '10'],\n showAddButton: true,\n \n cardClasses: '',\n})\n\ndefineEmits<{\n 'menu-click': []\n 'add-click': []\n}>()\n</script>\n","<template>\n <div\n class=\"flex flex-col bg-white rounded-2xl shadow-card w-full\"\n style=\"gap: 16px; padding: 16px 0 24px 0;\"\n :class=\"cardClasses\"\n >\n <!-- Card Image Section -->\n <div\n v-if=\"showImage\"\n class=\"relative flex-shrink-0 overflow-hidden rounded-t-2xl\"\n style=\"height: 126px; margin: -16px 0 0 0; padding: 16px 16px 0 16px; display: flex; justify-content: space-between; align-items: flex-start; width: 100%;\"\n :class=\"imageClasses\"\n >\n <!-- Background Image -->\n <div class=\"absolute inset-0\">\n <img\n :src=\"imageSrc\"\n :alt=\"imageAlt\"\n class=\"w-full h-full object-cover\"\n />\n </div>\n\n <!-- Card Header Overlay -->\n <div class=\"relative flex justify-between items-start w-full\">\n <!-- Labels/Pills -->\n <div v-if=\"showLabels\" class=\"flex items-center gap-2\">\n <div\n v-if=\"label1\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label1 }}\n </div>\n <div\n v-if=\"label2\"\n class=\"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium\"\n style=\"gap: 10px; line-height: 24px; font-size: 10px;\"\n >\n {{ label2 }}\n </div>\n </div>\n\n <!-- Menu Button -->\n <button\n v-if=\"showMenu\"\n @click=\"$emit('menu-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors\"\n style=\"width: 24px; height: 24px;\"\n >\n <MoreHorizontal :size=\"16\" color=\"black\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n <!-- Content Section -->\n <div v-if=\"showContent\" class=\"flex flex-col\" style=\"padding: 0 16px; gap: 8px; margin: 0;\">\n <h3\n v-if=\"title\"\n class=\"text-black\"\n style=\"font-size: 16px; font-weight: 600; line-height: 20px;\"\n >\n {{ title }}\n </h3>\n <p\n v-if=\"description\"\n class=\"text-black\"\n style=\"font-size: 12px; font-weight: 400; line-height: 18px;\"\n >\n {{ description }}\n </p>\n </div>\n\n <!-- Footer Section -->\n <div v-if=\"showFooter\" class=\"flex items-end mt-auto\" style=\"padding: 0 16px; gap: 4px;\">\n <div class=\"flex justify-between items-end flex-1\" style=\"height: 24px;\">\n <!-- Member Avatars -->\n <div v-if=\"showMembers\" class=\"flex items-center\" style=\"gap: 4px;\">\n <div\n v-for=\"(member, index) in members\"\n :key=\"index\"\n class=\"relative\"\n style=\"width: 24px; height: 24px;\"\n >\n <svg\n class=\"absolute left-0 top-0\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#5D5D5D\"/>\n </svg>\n <div class=\"absolute left-0 top-0 flex items-center justify-center text-white\" style=\"width: 24px; height: 24px; font-size: 8px; font-weight: 500; line-height: 24px; letter-spacing: -0.08px;\">\n {{ member }}\n </div>\n </div>\n </div>\n\n <!-- Add Button -->\n <button\n v-if=\"showAddButton\"\n @click=\"$emit('add-click')\"\n class=\"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors\"\n style=\"width: 24px; height: 24px;\"\n >\n <svg\n style=\"width: 12px; height: 12px;\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M5.99961 10.5V1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1.5 5.99961H10.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MoreHorizontal } from 'lucide-vue-next'\n\nexport interface CardComponentsProps {\n // Image section\n showImage?: boolean\n imageSrc?: string\n imageAlt?: string\n imageClasses?: string\n \n // Labels/Pills\n showLabels?: boolean\n label1?: string\n label2?: string\n \n // Menu\n showMenu?: boolean\n \n // Content\n showContent?: boolean\n title?: string\n description?: string\n \n // Footer\n showFooter?: boolean\n showMembers?: boolean\n members?: string[]\n showAddButton?: boolean\n \n // Card styling\n cardClasses?: string\n}\n\nconst props = withDefaults(defineProps<CardComponentsProps>(), {\n showImage: true,\n imageSrc: 'https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630',\n imageAlt: 'Product image',\n imageClasses: '',\n\n showLabels: true,\n label1: 'CREATIVE BRIEF',\n label2: 'NIKE RUNNING',\n\n showMenu: true,\n\n showContent: true,\n title: 'Interactive Ad Formats: Performance Trends',\n description: 'Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends',\n \n showFooter: true,\n showMembers: true,\n members: () => ['DS', 'DS', 'DS', 'DS', '10'],\n showAddButton: true,\n \n cardClasses: '',\n})\n\ndefineEmits<{\n 'menu-click': []\n 'add-click': []\n}>()\n</script>\n","<template>\n <div\n v-if=\"isOpen\"\n class=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4\"\n @click.self=\"closeModal\"\n >\n <div class=\"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl\">\n <!-- Header -->\n <h2 class=\"text-2xl font-bold text-black mb-8\">Invite Collaborators</h2>\n\n <!-- Users Label -->\n <label class=\"block font-normal text-gray-500 mb-3\" style=\"font-size: 12px;\">Users</label>\n\n <!-- Multi-select Input -->\n <div class=\"relative mb-6\">\n <div\n class=\"flex items-center gap-2 w-full px-4 py-2 border border-gray-300 rounded-xl bg-white focus-within:border-gray-400 focus-within:outline-none transition-colors cursor-text min-h-[40px]\"\n @click=\"focusInput\"\n >\n <!-- Plus Icon -->\n <button\n type=\"button\"\n class=\"flex-shrink-0 text-gray-800 text-xl font-light\"\n @click=\"toggleDropdown\"\n >\n +\n </button>\n\n <!-- Selected User Pills -->\n <div class=\"flex flex-wrap gap-2 flex-1\">\n <span\n v-for=\"user in selectedUsers\"\n :key=\"user.email\"\n class=\"inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 rounded-lg text-sm font-normal text-black\"\n >\n {{ user.display }}\n <button\n @click.stop=\"removeUser(user)\"\n class=\"text-gray-600 hover:text-black transition-colors\"\n >\n ×\n </button>\n </span>\n\n <!-- Hidden Input for Focus -->\n <input\n ref=\"hiddenInput\"\n type=\"text\"\n class=\"flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400\"\n placeholder=\"\"\n @focus=\"showDropdown = true\"\n @blur=\"handleBlur\"\n v-model=\"searchQuery\"\n />\n </div>\n </div>\n\n <!-- Dropdown -->\n <div\n v-if=\"showDropdown\"\n class=\"absolute top-full left-0 right-0 mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10\"\n >\n <button\n v-for=\"user in availableUsers\"\n :key=\"user.email\"\n type=\"button\"\n class=\"w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group\"\n @mousedown.prevent=\"toggleUser(user)\"\n >\n <div class=\"flex-1\">\n <div class=\"text-sm font-semibold text-black\">{{ user.name }}</div>\n <div class=\"text-sm text-gray-600\">{{ user.email }}</div>\n </div>\n <div\n v-if=\"isUserSelected(user)\"\n class=\"w-5 h-5 flex items-center justify-center text-black\"\n >\n ✓\n </div>\n </button>\n </div>\n </div>\n\n <!-- Collaborators List -->\n <div class=\"collaborators-list mb-8 max-h-96 overflow-y-auto\">\n <div\n v-for=\"user in collaborators\"\n :key=\"user.email\"\n class=\"grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-200\"\n >\n <div class=\"font-semibold text-black\" style=\"font-size: 14px;\">{{ user.name }}</div>\n <div class=\"text-black\" style=\"font-size: 14px;\">{{ user.email }}</div>\n <button\n @click=\"removeCollaborator(user)\"\n class=\"text-gray-800 hover:text-black transition-colors text-2xl leading-none\"\n >\n ×\n </button>\n </div>\n </div>\n\n <!-- Action Buttons -->\n <div class=\"flex gap-4 pt-6\">\n <button\n @click=\"closeModal\"\n class=\"flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 4L4 12M4 4L12 12\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n />\n </svg>\n Cancel\n </button>\n\n <button\n @click=\"addCollaborators\"\n class=\"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium\"\n style=\"font-size: 12px;\"\n >\n Add Collaborators\n </button>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\nexport interface User {\n name: string\n email: string\n display: string\n}\n\ninterface InviteCollaboratorsModalV2Props {\n isOpen?: boolean\n availableUsersList?: User[]\n initialCollaborators?: User[]\n}\n\nconst props = withDefaults(defineProps<InviteCollaboratorsModalV2Props>(), {\n isOpen: false,\n availableUsersList: () => [],\n initialCollaborators: () => [],\n})\n\nconst emit = defineEmits<{\n 'close': []\n 'add': [users: User[], allCollaborators: User[]]\n}>()\n\nconst hiddenInput = ref<HTMLInputElement | null>(null)\nconst showDropdown = ref(false)\nconst searchQuery = ref('')\nconst selectedUsers = ref<User[]>([])\n\n// Initialize collaborators from props\nconst collaborators = ref<User[]>([...props.initialCollaborators])\n\n// Filter available users - exclude already added collaborators\nconst availableUsers = computed(() => {\n return props.availableUsersList.filter(user => {\n const isNotCollaborator = !collaborators.value.some(c => c.email === user.email)\n if (!searchQuery.value) return isNotCollaborator\n const query = searchQuery.value.toLowerCase()\n return isNotCollaborator && (\n user.name.toLowerCase().includes(query) ||\n user.email.toLowerCase().includes(query)\n )\n })\n})\n\nconst isUserSelected = (user: User) => {\n return selectedUsers.value.some(u => u.email === user.email)\n}\n\nconst toggleUser = (user: User) => {\n const index = selectedUsers.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n selectedUsers.value.splice(index, 1)\n } else {\n selectedUsers.value.push(user)\n }\n // Clear the search query after selection\n searchQuery.value = ''\n}\n\nconst removeUser = (user: User) => {\n const index = selectedUsers.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n selectedUsers.value.splice(index, 1)\n }\n}\n\nconst removeCollaborator = (user: User) => {\n const index = collaborators.value.findIndex(u => u.email === user.email)\n if (index > -1) {\n collaborators.value.splice(index, 1)\n }\n}\n\nconst focusInput = () => {\n hiddenInput.value?.focus()\n}\n\nconst toggleDropdown = () => {\n showDropdown.value = !showDropdown.value\n if (showDropdown.value) {\n focusInput()\n }\n}\n\nconst handleBlur = () => {\n // Delay to allow click events to fire\n setTimeout(() => {\n showDropdown.value = false\n }, 200)\n}\n\nconst closeModal = () => {\n emit('close')\n selectedUsers.value = []\n searchQuery.value = ''\n showDropdown.value = false\n}\n\nconst addCollaborators = () => {\n if (selectedUsers.value.length > 0) {\n // Add selected users to collaborators list\n selectedUsers.value.forEach(user => {\n if (!collaborators.value.some(c => c.email === user.email)) {\n collaborators.value.push(user)\n }\n })\n // Emit with both selected users and all collaborators\n emit('add', selectedUsers.value, collaborators.value)\n selectedUsers.value = []\n searchQuery.value = ''\n showDropdown.value = false\n }\n // Close the modal after adding collaborators\n emit('close')\n}\n</script>\n\n<style scoped>\n.collaborators-list::-webkit-scrollbar {\n width: 8px;\n}\n\n.collaborators-list::-webkit-scrollbar-track {\n background: white;\n}\n\n.collaborators-list::-webkit-scrollbar-thumb {\n background: #d1d5db;\n border-radius: 4px;\n}\n\n.collaborators-list::-webkit-scrollbar-thumb:hover {\n background: #9ca3af;\n}\n\n/* Firefox scrollbar styling */\n.collaborators-list {\n scrollbar-color: #d1d5db white;\n scrollbar-width: thin;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Home, MessageSquare, ToyBrick } from 'lucide-vue-next'\n\nexport interface NavItem {\n name: string\n icon: 'dashboard' | 'conversations' | 'templates'\n}\n\nexport interface Props {\n items?: NavItem[]\n userName?: string\n userVersion?: string\n activeItem?: number\n}\n\nwithDefaults(defineProps<Props>(), {\n items: () => [\n { name: 'Dashboard', icon: 'dashboard' },\n { name: 'Conversations', icon: 'conversations' },\n { name: 'Templates', icon: 'templates' }\n ],\n userName: 'Geoffrey Thomas',\n userVersion: '1.0.0.0',\n activeItem: 0\n})\n\nconst emit = defineEmits<{\n 'item-click': [index: number]\n}>()\n\nconst handleItemClick = (index: number) => {\n emit('item-click', index)\n}\n\nconst getIconColor = (isActive: boolean) => {\n return isActive ? '#C3FF00' : 'white'\n}\n</script>\n\n<template>\n <!-- Expandable Sidebar Navigation -->\n <aside class=\"sidebar-nav group bg-black flex flex-col justify-between shadow-md\">\n <!-- Top Section -->\n <div class=\"pt-10 px-2 flex flex-col gap-8\">\n <!-- Logo -->\n <div class=\"px-2\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0 11.8333V0L11.8333 11.8333H0Z\" fill=\"white\"/>\n <path d=\"M11.8333 12.166V23.9994L0 12.166H11.8333Z\" fill=\"white\"/>\n <path d=\"M24 11.8333V0L12.1667 11.8333H24Z\" fill=\"white\"/>\n <path d=\"M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z\" fill=\"white\"/>\n </svg>\n </div>\n\n <!-- Navigation Items -->\n <div class=\"flex flex-col gap-4\">\n <div\n v-for=\"(item, index) in items\"\n :key=\"index\"\n @click=\"handleItemClick(index)\"\n :class=\"['nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200', activeItem === index ? 'bg-[#232323]' : 'hover:bg-[#232323]']\"\n >\n <!-- Dashboard Icon -->\n <Home\n v-if=\"item.icon === 'dashboard'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <!-- Conversations Icon -->\n <MessageSquare\n v-else-if=\"item.icon === 'conversations'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <!-- Templates Icon -->\n <ToyBrick\n v-else-if=\"item.icon === 'templates'\"\n class=\"flex-shrink-0\"\n :size=\"20\"\n :stroke-width=\"1.5\"\n :color=\"getIconColor(activeItem === index)\"\n />\n\n <span class=\"nav-label text-sm text-gray-300 whitespace-nowrap\">{{ item.name }}</span>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section - Profile -->\n <div class=\"flex flex-col items-start px-4 pb-8 gap-4\">\n <!-- User Profile -->\n <div class=\"profile-section flex items-center gap-3 w-full\">\n <div class=\"relative flex-shrink-0\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"#5D5D5D\"/>\n </svg>\n <svg class=\"absolute top-2 left-2\" width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <div class=\"profile-text flex-1 min-w-0\">\n <div class=\"text-sm text-white font-medium whitespace-nowrap\">{{ userName }}</div>\n <div class=\"text-[10px] text-gray-400 whitespace-nowrap\">{{ userVersion }}</div>\n </div>\n <button class=\"profile-menu flex-shrink-0\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z\" fill=\"white\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n </aside>\n</template>\n\n<style scoped>\n/* Sidebar with smooth expand/collapse animation */\n.sidebar-nav {\n width: 56px;\n min-height: 600px;\n transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n position: relative;\n z-index: 51;\n}\n\n.sidebar-nav:hover {\n width: 240px;\n}\n\n/* Hide labels by default */\n.nav-label,\n.profile-text,\n.profile-menu {\n opacity: 0;\n transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n}\n\n/* Show labels on hover */\n.sidebar-nav:hover .nav-label,\n.sidebar-nav:hover .profile-text,\n.sidebar-nav:hover .profile-menu {\n opacity: 1;\n pointer-events: auto;\n transition-delay: 50ms;\n}\n\n/* Profile section adjustments */\n.profile-section {\n transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Ensure navigation items don't wrap */\n.nav-item {\n min-width: fit-content;\n}\n</style>\n","<script setup lang=\"ts\">\n// Text Styles Component - showcases all typography styles from Figma design\n</script>\n\n<template>\n <div class=\"flex flex-col gap-12 w-full\">\n <!-- Deliverable Header -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Deliverable Header</p>\n <h1 class=\"deliverable-header\">Deliverable Header</h1>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">32px / 600 / 38px line-height</code>\n </div>\n\n <!-- Page and Subheaders (Large) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Page and Subheaders (Large)</p>\n <h2 class=\"page-subheader-large\">Page and Subheaders</h2>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">24px / 600 / 28px line-height</code>\n </div>\n\n <!-- Page and Subheaders (Medium) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Page and Subheaders (Medium)</p>\n <h3 class=\"page-subheader-medium\">Page and Subheaders</h3>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">20px / 600 / 28px line-height</code>\n </div>\n\n <!-- Card Headline Copy -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Card Headline Copy</p>\n <h4 class=\"card-headline\">Card Headline Copy</h4>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">16px / 600 / 20px line-height / capitalize</code>\n </div>\n\n <!-- Body Text (Large) - Header -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Body Text (Large) - Header</p>\n <p class=\"body-text-large-header\">Header of body text content.</p>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">14px / 700 / 20px line-height</code>\n </div>\n\n <!-- Body Text (Large) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Body Text (Large)</p>\n <p class=\"body-text-large\">Body text content. Lorem ipsum dolere sit amet nonummy consectuter adspecit. Lorem ipsum dolere sit amet nonummy consectuter adspecit.</p>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">14px / 400 / 20px line-height</code>\n </div>\n\n <!-- Body Text (Small) - Header -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Body Text (Small) - Header</p>\n <p class=\"body-text-small-header\">Header of body text content.</p>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">12px / 700 / 20px line-height</code>\n </div>\n\n <!-- Body Text (Small) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Body Text (Small)</p>\n <p class=\"body-text-small\">Body text content. Lorem ipsum dolere sit amet nonummy consectuter adspecit. Lorem ipsum dolere sit amet nonummy consectuter adspecit.</p>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">12px / 400 / 18px line-height</code>\n </div>\n\n <!-- Text Links (Default) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Text Links (Default)</p>\n <a href=\"#\" class=\"text-link\">Text Links, Navigation or Actions</a>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">14px / 500 / 20px line-height</code>\n </div>\n\n <!-- Text Links (Active/ON) -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Text Links (Active/ON)</p>\n <a href=\"#\" class=\"text-link-active\">Text Links, Navigation or Actions - ON</a>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">14px / 600 / 20px line-height</code>\n </div>\n\n <!-- Labels -->\n <div class=\"flex flex-col gap-3\">\n <p class=\"text-xs font-semibold text-gray-500 uppercase tracking-wide\">Labels</p>\n <p class=\"label\">Labels</p>\n <code class=\"text-xs bg-gray-100 px-2 py-1 rounded\">10px / 600 / 20px line-height / 0.5px letter-spacing / uppercase</code>\n </div>\n </div>\n</template>\n\n<style scoped>\n/* Deliverable Header */\n.deliverable-header {\n color: #1C1C1C;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; /* 118.75% */\n}\n\n/* Page and Subheaders (Large) */\n.page-subheader-large {\n color: #1C1C1C;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n}\n\n/* Page and Subheaders (Medium) */\n.page-subheader-medium {\n color: #1C1C1C;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 140% */\n}\n\n/* Card Headline Copy */\n.card-headline {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 125% */\n text-transform: capitalize;\n}\n\n/* Body Text (Large) - Header */\n.body-text-large-header {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body Text (Large) */\n.body-text-large {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body Text (Small) - Header */\n.body-text-small-header {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 20px; /* 166.667% */\n}\n\n/* Body Text (Small) */\n.body-text-small {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 150% */\n}\n\n/* Text Links (Default) */\n.text-link {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n text-decoration: none;\n}\n\n.text-link:hover {\n text-decoration: underline;\n}\n\n/* Text Links (Active/ON) */\n.text-link-active {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 142.857% */\n text-decoration: none;\n}\n\n.text-link-active:hover {\n text-decoration: underline;\n}\n\n/* Labels */\n.label {\n color: #000;\n font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 200% */\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n</style>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"17\" fill=\"currentColor\">\n <path\n d=\"M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z\"\n />\n </svg>\n</template>\n","<template>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\">\n <path\n d=\"M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z\"\n />\n </svg>\n</template>\n","<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->\n<template>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n role=\"img\"\n class=\"iconify iconify--mdi\"\n width=\"24\"\n height=\"24\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n</template>\n"],"names":["props","__props","emit","__emit","_hoisted_1","_hoisted_3","$props","_openBlock","_createElementBlock","_withModifiers","$setup","_createElementVNode","_createCommentVNode","_hoisted_2","_toDisplayString","_renderSlot","_ctx","_normalizeClass","_normalizeStyle","_createBlock","_cache","_createTextVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_Fragment","_renderList","member","index","_hoisted_14","_hoisted_15","_createVNode","hiddenInput","ref","showDropdown","searchQuery","selectedUsers","collaborators","availableUsers","computed","user","isNotCollaborator","c","query","isUserSelected","u","toggleUser","removeUser","removeCollaborator","focusInput","$event","_withDirectives","isActive","_createStaticVNode","item"],"mappings":"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"}
package/dist/fusion-component-library.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lucide-vue-next")):typeof define=="function"&&define.amd?define(["exports","vue","lucide-vue-next"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.FusionComponentLibrary={},s.Vue,s.LucideVueNext))})(this,function(s,e,g){"use strict";const w=e.defineComponent({__name:"BaseModal",props:{isOpen:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Modal"},primaryButtonText:{type:String,required:!1,default:"Confirm"},secondaryButtonText:{type:String,required:!1,default:"Cancel"}},emits:["close","primary","secondary"],setup(r,{expose:o,emit:t}){o();const l=r,i=t,c={props:l,emit:i,handleClose:()=>{i("close")},handlePrimary:()=>{i("primary")},handleSecondary:()=>{i("secondary")}};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}}),h=(r,o)=>{const t=r.__vccOpts||r;for(const[l,i]of o)t[l]=i;return t},y={class:"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl"},b={class:"text-2xl font-bold text-black mb-8",style:{"letter-spacing":"0"}},_={class:"flex gap-4 pt-6"};function u(r,o,t,l,i,f){return t.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",onClick:e.withModifiers(l.handleClose,["self"])},[e.createElementVNode("div",y,[e.createCommentVNode(" Header "),e.createElementVNode("h2",b,e.toDisplayString(t.title),1),e.createCommentVNode(" Content Slot "),e.renderSlot(r.$slots,"default"),e.createCommentVNode(" Action Buttons "),e.createElementVNode("div",_,[e.createElementVNode("button",{onClick:l.handleSecondary,class:"flex-1 h-8 flex items-center justify-center px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",style:{"font-size":"12px"}},e.toDisplayString(t.secondaryButtonText),1),e.createElementVNode("button",{onClick:l.handlePrimary,class:"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",style:{"font-size":"12px"}},e.toDisplayString(t.primaryButtonText),1)])])])):e.createCommentVNode("v-if",!0)}const B=h(w,[["render",u],["__file","/root/app/code/src/components/BaseModal.vue"]]),V=e.defineComponent({__name:"ButtonComponent",props:{variant:{type:String,required:!1,default:"primary"},leftIcon:{type:String,required:!1,default:"none"},rightIcon:{type:String,required:!1,default:"none"},disabled:{type:Boolean,required:!1,default:!1}},emits:["click"],setup(r,{expose:o,emit:t}){o();const l=t,f={emit:l,handleClick:()=>{l("click")},get ArrowLeft(){return g.ArrowLeft},get ArrowRight(){return g.ArrowRight},get Share2(){return g.Share2},get ChevronDown(){return g.ChevronDown}};return Object.defineProperty(f,"__isScriptSetup",{enumerable:!1,value:!0}),f}}),N=["disabled"];function z(r,o,t,l,i,f){return e.openBlock(),e.createElementBlock("button",{onClick:l.handleClick,disabled:t.disabled||t.variant==="disabled",class:e.normalizeClass(["flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",{"bg-black text-white hover:bg-gray-800":t.variant==="primary"&&!t.disabled,"bg-white text-black hover:bg-gray-50":t.variant==="outlined"&&!t.disabled,"bg-transparent text-black":t.variant==="text"&&!t.disabled,"cursor-not-allowed":t.variant==="disabled"||t.disabled}]),style:e.normalizeStyle({paddingLeft:t.rightIcon==="dropdown"?"16px":"24px",paddingRight:t.rightIcon==="dropdown"?"8px":"24px",...t.variant==="outlined"&&!t.disabled&&t.rightIcon==="dropdown"?{borderWidth:"1px",borderColor:"#C8C8C8"}:t.variant==="outlined"&&!t.disabled?{borderWidth:"1px",borderColor:"black"}:{},...t.variant==="disabled"||t.disabled?{backgroundColor:"#E8E8E8",color:"#8F8F8F"}:{}})},[e.createCommentVNode(" Left Icon "),t.leftIcon==="arrow"?(e.openBlock(),e.createBlock(l.ArrowLeft,{key:0,size:20,"stroke-width":1.5})):t.leftIcon==="share"?(e.openBlock(),e.createBlock(l.Share2,{key:1,size:20,"stroke-width":1.5})):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Text Slot "),e.renderSlot(r.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("Button",-1))]),e.createCommentVNode(" Right Icon "),t.rightIcon==="arrow"?(e.openBlock(),e.createBlock(l.ArrowRight,{key:2,size:20,"stroke-width":1.5})):t.rightIcon==="share"?(e.openBlock(),e.createBlock(l.Share2,{key:3,size:20,"stroke-width":1.5})):t.rightIcon==="dropdown"?(e.openBlock(),e.createBlock(l.ChevronDown,{key:4,size:20,"stroke-width":1.5})):e.createCommentVNode("v-if",!0)],14,N)}const E=h(V,[["render",z],["__file","/root/app/code/src/components/ButtonComponent.vue"]]),S=e.defineComponent({__name:"CampaignCard",props:{showImage:{type:Boolean,required:!1,default:!0},imageSrc:{type:String,required:!1,default:"https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630"},imageAlt:{type:String,required:!1,default:"Product image"},imageClasses:{type:String,required:!1,default:""},showLabels:{type:Boolean,required:!1,default:!0},label1:{type:String,required:!1,default:"CREATIVE BRIEF"},label2:{type:String,required:!1,default:"NIKE RUNNING"},showMenu:{type:Boolean,required:!1,default:!0},showContent:{type:Boolean,required:!1,default:!0},title:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends"},description:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends"},showFooter:{type:Boolean,required:!1,default:!0},showMembers:{type:Boolean,required:!1,default:!0},members:{type:Array,required:!1,default:()=>["DS","DS","DS","DS","10"]},showAddButton:{type:Boolean,required:!1,default:!0},cardClasses:{type:String,required:!1,default:""}},emits:["menu-click","add-click"],setup(r,{expose:o}){o();const l={props:r};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),M={class:"absolute inset-0"},I=["src","alt"],D={class:"relative flex justify-between items-start w-full"},q={key:0,class:"flex items-center gap-2"},L={key:0,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},j={key:1,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},H={style:{width:"18px",height:"18px"},viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v={key:1,class:"flex flex-col",style:{padding:"0 16px",gap:"8px",margin:"0"}},A={key:0,class:"text-black",style:{"font-size":"16px","font-weight":"600","line-height":"20px"}},T={key:1,class:"text-black",style:{"font-size":"12px","font-weight":"400","line-height":"18px"}},F={key:2,class:"flex items-end",style:{padding:"0 16px",gap:"4px"}},P={class:"flex justify-between items-end flex-1",style:{height:"24px"}},U={key:0,class:"flex items-center",style:{gap:"4px"}},O={class:"absolute left-0 top-0 flex items-center justify-center text-white",style:{width:"24px",height:"24px","font-size":"8px","font-weight":"500","line-height":"24px","letter-spacing":"-0.08px"}},Z={style:{width:"12px",height:"12px"},viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function R(r,o,t,l,i,f){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col bg-white rounded-2xl shadow-card w-full",t.cardClasses]),style:{gap:"16px",padding:"16px 0 24px 0"}},[e.createCommentVNode(" Card Image Section "),t.showImage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative flex-shrink-0 overflow-hidden rounded-t-2xl",t.imageClasses]),style:{height:"126px",margin:"-16px 0 0 0",padding:"16px 16px 0 16px",display:"flex","justify-content":"space-between","align-items":"flex-start",width:"100%"}},[e.createCommentVNode(" Background Image "),e.createElementVNode("div",M,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt,class:"w-full h-full object-cover"},null,8,I)]),e.createCommentVNode(" Card Header Overlay "),e.createElementVNode("div",D,[e.createCommentVNode(" Labels/Pills "),t.showLabels?(e.openBlock(),e.createElementBlock("div",q,[t.label1?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(t.label1),1)):e.createCommentVNode("v-if",!0),t.label2?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(t.label2),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Menu Button "),t.showMenu?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[0]||(o[0]=n=>r.$emit("menu-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",H,o[2]||(o[2]=[e.createElementVNode("path",{d:"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Content Section "),t.showContent?(e.openBlock(),e.createElementBlock("div",v,[t.title?(e.openBlock(),e.createElementBlock("h3",A,e.toDisplayString(t.title),1)):e.createCommentVNode("v-if",!0),t.description?(e.openBlock(),e.createElementBlock("p",T,e.toDisplayString(t.description),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Footer Section "),t.showFooter?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",P,[e.createCommentVNode(" Member Avatars "),t.showMembers?(e.openBlock(),e.createElementBlock("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.members,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"relative",style:{width:"24px",height:"24px"}},[o[3]||(o[3]=e.createElementVNode("svg",{class:"absolute left-0 top-0",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"12",fill:"#5D5D5D"})],-1)),e.createElementVNode("div",O,e.toDisplayString(n),1)]))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Add Button "),t.showAddButton?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=n=>r.$emit("add-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",Z,o[4]||(o[4]=[e.createElementVNode("path",{d:"M5.99961 10.5V1.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M1.5 5.99961H10.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)],2)}const G=h(S,[["render",R],["__file","/root/app/code/src/components/CampaignCard.vue"]]),Q=e.defineComponent({__name:"CardComponents",props:{showImage:{type:Boolean,required:!1,default:!0},imageSrc:{type:String,required:!1,default:"https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630"},imageAlt:{type:String,required:!1,default:"Product image"},imageClasses:{type:String,required:!1,default:""},showLabels:{type:Boolean,required:!1,default:!0},label1:{type:String,required:!1,default:"CREATIVE BRIEF"},label2:{type:String,required:!1,default:"NIKE RUNNING"},showMenu:{type:Boolean,required:!1,default:!0},showContent:{type:Boolean,required:!1,default:!0},title:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends"},description:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends"},showFooter:{type:Boolean,required:!1,default:!0},showMembers:{type:Boolean,required:!1,default:!0},members:{type:Array,required:!1,default:()=>["DS","DS","DS","DS","10"]},showAddButton:{type:Boolean,required:!1,default:!0},cardClasses:{type:String,required:!1,default:""}},emits:["menu-click","add-click"],setup(r,{expose:o}){o();const l={props:r};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),K={class:"absolute inset-0"},W=["src","alt"],Y={class:"relative flex justify-between items-start w-full"},J={key:0,class:"flex items-center gap-2"},X={key:0,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},$={key:1,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},ee={style:{width:"18px",height:"18px"},viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},te={key:1,class:"flex flex-col",style:{padding:"0 16px",gap:"8px",margin:"0"}},oe={key:0,class:"text-black",style:{"font-size":"16px","font-weight":"600","line-height":"20px"}},le={key:1,class:"text-black",style:{"font-size":"12px","font-weight":"400","line-height":"18px"}},ne={key:2,class:"flex items-end",style:{padding:"0 16px",gap:"4px"}},re={class:"flex justify-between items-end flex-1",style:{height:"24px"}},ae={key:0,class:"flex items-center",style:{gap:"4px"}},ie={class:"absolute left-0 top-0 flex items-center justify-center text-white",style:{width:"24px",height:"24px","font-size":"8px","font-weight":"500","line-height":"24px","letter-spacing":"-0.08px"}},se={style:{width:"12px",height:"12px"},viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function ce(r,o,t,l,i,f){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col bg-white rounded-2xl shadow-card w-full",t.cardClasses]),style:{gap:"16px",padding:"16px 0 24px 0"}},[e.createCommentVNode(" Card Image Section "),t.showImage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative flex-shrink-0 overflow-hidden rounded-t-2xl",t.imageClasses]),style:{height:"126px",margin:"-16px 0 0 0",padding:"16px 16px 0 16px",display:"flex","justify-content":"space-between","align-items":"flex-start",width:"100%"}},[e.createCommentVNode(" Background Image "),e.createElementVNode("div",K,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt,class:"w-full h-full object-cover"},null,8,W)]),e.createCommentVNode(" Card Header Overlay "),e.createElementVNode("div",Y,[e.createCommentVNode(" Labels/Pills "),t.showLabels?(e.openBlock(),e.createElementBlock("div",J,[t.label1?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(t.label1),1)):e.createCommentVNode("v-if",!0),t.label2?(e.openBlock(),e.createElementBlock("div",$,e.toDisplayString(t.label2),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Menu Button "),t.showMenu?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[0]||(o[0]=n=>r.$emit("menu-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",ee,o[2]||(o[2]=[e.createElementVNode("path",{d:"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z",stroke:"#C8C8C8","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z",stroke:"#C8C8C8","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z",stroke:"#C8C8C8","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Content Section "),t.showContent?(e.openBlock(),e.createElementBlock("div",te,[t.title?(e.openBlock(),e.createElementBlock("h3",oe,e.toDisplayString(t.title),1)):e.createCommentVNode("v-if",!0),t.description?(e.openBlock(),e.createElementBlock("p",le,e.toDisplayString(t.description),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Footer Section "),t.showFooter?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",re,[e.createCommentVNode(" Member Avatars "),t.showMembers?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.members,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"relative",style:{width:"24px",height:"24px"}},[o[3]||(o[3]=e.createElementVNode("svg",{class:"absolute left-0 top-0",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"12",fill:"#5D5D5D"})],-1)),e.createElementVNode("div",ie,e.toDisplayString(n),1)]))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Add Button "),t.showAddButton?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=n=>r.$emit("add-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",se,o[4]||(o[4]=[e.createElementVNode("path",{d:"M5.99961 10.5V1.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M1.5 5.99961H10.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)],2)}const de=h(Q,[["render",ce],["__file","/root/app/code/src/components/CardComponents.vue"]]),me=e.defineComponent({__name:"InviteCollaboratorsModalV2",props:{isOpen:{type:Boolean,required:!1,default:!1},availableUsersList:{type:Array,required:!1,default:()=>[]},initialCollaborators:{type:Array,required:!1,default:()=>[]}},emits:["close","add"],setup(r,{expose:o,emit:t}){o();const l=r,i=t,f=e.ref(null),n=e.ref(!1),a=e.ref(""),c=e.ref([]),x=e.ref([...l.initialCollaborators]),it=e.computed(()=>l.availableUsersList.filter(d=>{const m=!x.value.some(ft=>ft.email===d.email);if(!a.value)return m;const p=a.value.toLowerCase();return m&&(d.name.toLowerCase().includes(p)||d.email.toLowerCase().includes(p))})),st=d=>c.value.some(m=>m.email===d.email),ct=d=>{const m=c.value.findIndex(p=>p.email===d.email);m>-1?c.value.splice(m,1):c.value.push(d),a.value=""},dt=d=>{const m=c.value.findIndex(p=>p.email===d.email);m>-1&&c.value.splice(m,1)},mt=d=>{const m=x.value.findIndex(p=>p.email===d.email);m>-1&&x.value.splice(m,1)},k=()=>{f.value?.focus()},C={props:l,emit:i,hiddenInput:f,showDropdown:n,searchQuery:a,selectedUsers:c,collaborators:x,availableUsers:it,isUserSelected:st,toggleUser:ct,removeUser:dt,removeCollaborator:mt,focusInput:k,toggleDropdown:()=>{n.value=!n.value,n.value&&k()},handleBlur:()=>{setTimeout(()=>{n.value=!1},200)},closeModal:()=>{i("close"),c.value=[],a.value="",n.value=!1},addCollaborators:()=>{c.value.length>0&&(c.value.forEach(d=>{x.value.some(m=>m.email===d.email)||x.value.push(d)}),i("add",c.value,x.value),c.value=[],a.value="",n.value=!1),i("close")}};return Object.defineProperty(C,"__isScriptSetup",{enumerable:!1,value:!0}),C}}),fe={class:"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl"},he={class:"relative mb-6"},pe={class:"flex flex-wrap gap-2 flex-1"},ge=["onClick"],xe={key:0,class:"absolute top-full left-0 right-0 mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10"},ke=["onMousedown"],Ce={class:"flex-1"},we={class:"text-sm font-semibold text-black"},ye={class:"text-sm text-gray-600"},be={key:0,class:"w-5 h-5 flex items-center justify-center text-black"},_e={class:"collaborators-list mb-8 max-h-96 overflow-y-auto"},ue={class:"font-semibold text-black",style:{"font-size":"14px"}},Be={class:"text-black",style:{"font-size":"14px"}},Ve=["onClick"];function Ne(r,o,t,l,i,f){return t.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",onClick:e.withModifiers(l.closeModal,["self"])},[e.createElementVNode("div",fe,[e.createCommentVNode(" Header "),o[3]||(o[3]=e.createElementVNode("h2",{class:"text-2xl font-bold text-black mb-8"},"Invite Collaborators",-1)),e.createCommentVNode(" Users Label "),o[4]||(o[4]=e.createElementVNode("label",{class:"block font-normal text-gray-500 mb-3",style:{"font-size":"12px"}},"Users",-1)),e.createCommentVNode(" Multi-select Input "),e.createElementVNode("div",he,[e.createElementVNode("div",{class:"flex items-center gap-2 w-full px-4 py-2 border border-gray-300 rounded-xl bg-white focus-within:border-gray-400 focus-within:outline-none transition-colors cursor-text min-h-[40px]",onClick:l.focusInput},[e.createCommentVNode(" Plus Icon "),e.createElementVNode("button",{type:"button",class:"flex-shrink-0 text-gray-800 text-xl font-light",onClick:l.toggleDropdown}," + "),e.createCommentVNode(" Selected User Pills "),e.createElementVNode("div",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.selectedUsers,n=>(e.openBlock(),e.createElementBlock("span",{key:n.email,class:"inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 rounded-lg text-sm font-normal text-black"},[e.createTextVNode(e.toDisplayString(n.display)+" ",1),e.createElementVNode("button",{onClick:e.withModifiers(a=>l.removeUser(n),["stop"]),class:"text-gray-600 hover:text-black transition-colors"}," × ",8,ge)]))),128)),e.createCommentVNode(" Hidden Input for Focus "),e.withDirectives(e.createElementVNode("input",{ref:"hiddenInput",type:"text",class:"flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400",placeholder:"",onFocus:o[0]||(o[0]=n=>l.showDropdown=!0),onBlur:l.handleBlur,"onUpdate:modelValue":o[1]||(o[1]=n=>l.searchQuery=n)},null,544),[[e.vModelText,l.searchQuery]])])]),e.createCommentVNode(" Dropdown "),l.showDropdown?(e.openBlock(),e.createElementBlock("div",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.availableUsers,n=>(e.openBlock(),e.createElementBlock("button",{key:n.email,type:"button",class:"w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",onMousedown:e.withModifiers(a=>l.toggleUser(n),["prevent"])},[e.createElementVNode("div",Ce,[e.createElementVNode("div",we,e.toDisplayString(n.name),1),e.createElementVNode("div",ye,e.toDisplayString(n.email),1)]),l.isUserSelected(n)?(e.openBlock(),e.createElementBlock("div",be," ✓ ")):e.createCommentVNode("v-if",!0)],40,ke))),128))])):e.createCommentVNode("v-if",!0)]),e.createCommentVNode(" Collaborators List "),e.createElementVNode("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.collaborators,n=>(e.openBlock(),e.createElementBlock("div",{key:n.email,class:"grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-200"},[e.createElementVNode("div",ue,e.toDisplayString(n.name),1),e.createElementVNode("div",Be,e.toDisplayString(n.email),1),e.createElementVNode("button",{onClick:a=>l.removeCollaborator(n),class:"text-gray-800 hover:text-black transition-colors text-2xl leading-none"}," × ",8,Ve)]))),128))]),e.createCommentVNode(" Action Buttons "),e.createElementVNode("div",{class:"flex gap-4 pt-6"},[e.createElementVNode("button",{onClick:l.closeModal,class:"flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",style:{"font-size":"12px"}},o[2]||(o[2]=[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1),e.createTextVNode(" Cancel ",-1)])),e.createElementVNode("button",{onClick:l.addCollaborators,class:"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",style:{"font-size":"12px"}}," Add Collaborators ")])])])):e.createCommentVNode("v-if",!0)}const ze=h(me,[["render",Ne],["__scopeId","data-v-f6014a35"],["__file","/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]),Ee=e.defineComponent({__name:"NavigationSidebar",props:{items:{type:Array,required:!1,default:()=>[{name:"Dashboard",icon:"dashboard"},{name:"Conversations",icon:"conversations"},{name:"Templates",icon:"templates"}]},userName:{type:String,required:!1,default:"Geoffrey Thomas"},userVersion:{type:String,required:!1,default:"1.0.0.0"},activeItem:{type:Number,required:!1,default:0}},emits:["item-click"],setup(r,{expose:o,emit:t}){o();const l=t,n={emit:l,handleItemClick:a=>{l("item-click",a)},getIconColor:a=>a?"#C3FF00":"white",get Home(){return g.Home},get MessageSquare(){return g.MessageSquare},get ToyBrick(){return g.ToyBrick}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),Se={class:"sidebar-nav group bg-black flex flex-col justify-between shadow-md"},Me={class:"pt-10 px-2 flex flex-col gap-8"},Ie={class:"flex flex-col gap-4"},De=["onClick"],qe={class:"nav-label text-sm text-gray-300 whitespace-nowrap"},Le={class:"flex flex-col items-start px-4 pb-8 gap-4"},je={class:"profile-section flex items-center gap-3 w-full"},He={class:"profile-text flex-1 min-w-0"},ve={class:"text-sm text-white font-medium whitespace-nowrap"},Ae={class:"text-[10px] text-gray-400 whitespace-nowrap"};function Te(r,o,t,l,i,f){return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Expandable Sidebar Navigation "),e.createElementVNode("aside",Se,[e.createCommentVNode(" Top Section "),e.createElementVNode("div",Me,[e.createCommentVNode(" Logo "),o[0]||(o[0]=e.createStaticVNode('<div class="px-2" data-v-4c3eb68c><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M0 11.8333V0L11.8333 11.8333H0Z" fill="white" data-v-4c3eb68c></path><path d="M11.8333 12.166V23.9994L0 12.166H11.8333Z" fill="white" data-v-4c3eb68c></path><path d="M24 11.8333V0L12.1667 11.8333H24Z" fill="white" data-v-4c3eb68c></path><path d="M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z" fill="white" data-v-4c3eb68c></path></svg></div>',1)),e.createCommentVNode(" Navigation Items "),e.createElementVNode("div",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,onClick:c=>l.handleItemClick(a),class:e.normalizeClass(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200",t.activeItem===a?"bg-[#232323]":"hover:bg-[#232323]"])},[e.createCommentVNode(" Dashboard Icon "),n.icon==="dashboard"?(e.openBlock(),e.createBlock(l.Home,{key:0,class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===a)},null,8,["color"])):n.icon==="conversations"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Conversations Icon "),e.createVNode(l.MessageSquare,{class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===a)},null,8,["color"])],2112)):n.icon==="templates"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createCommentVNode(" Templates Icon "),e.createVNode(l.ToyBrick,{class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===a)},null,8,["color"])],2112)):e.createCommentVNode("v-if",!0),e.createElementVNode("span",qe,e.toDisplayString(n.name),1)],10,De))),128))])]),e.createCommentVNode(" Bottom Section - Profile "),e.createElementVNode("div",Le,[e.createCommentVNode(" User Profile "),e.createElementVNode("div",je,[o[1]||(o[1]=e.createStaticVNode('<div class="relative flex-shrink-0" data-v-4c3eb68c><svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><circle cx="20" cy="20" r="20" fill="#5D5D5D" data-v-4c3eb68c></circle></svg><svg class="absolute top-2 left-2" width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-4c3eb68c></path></svg></div>',1)),e.createElementVNode("div",He,[e.createElementVNode("div",ve,e.toDisplayString(t.userName),1),e.createElementVNode("div",Ae,e.toDisplayString(t.userVersion),1)]),o[2]||(o[2]=e.createStaticVNode('<button class="profile-menu flex-shrink-0" data-v-4c3eb68c><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z" fill="white" data-v-4c3eb68c></path></svg></button>',1))])])])],2112)}const Fe=h(Ee,[["render",Te],["__scopeId","data-v-4c3eb68c"],["__file","/root/app/code/src/components/NavigationSidebar.vue"]]),Pe={},Ue={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function Oe(r,o){return e.openBlock(),e.createElementBlock("svg",Ue,o[0]||(o[0]=[e.createElementVNode("path",{d:"M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"},null,-1)]))}const Ze=h(Pe,[["render",Oe],["__file","/root/app/code/src/components/icons/IconCommunity.vue"]]),Re={},Ge={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"17",fill:"currentColor"};function Qe(r,o){return e.openBlock(),e.createElementBlock("svg",Ge,o[0]||(o[0]=[e.createElementVNode("path",{d:"M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"},null,-1)]))}const Ke=h(Re,[["render",Qe],["__file","/root/app/code/src/components/icons/IconDocumentation.vue"]]),We={},Ye={xmlns:"http://www.w3.org/2000/svg",width:"18",height:"20",fill:"currentColor"};function Je(r,o){return e.openBlock(),e.createElementBlock("svg",Ye,o[0]||(o[0]=[e.createElementVNode("path",{d:"M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"},null,-1)]))}const Xe=h(We,[["render",Je],["__file","/root/app/code/src/components/icons/IconEcosystem.vue"]]),$e={},et={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function tt(r,o){return e.openBlock(),e.createElementBlock("svg",et,o[0]||(o[0]=[e.createElementVNode("path",{d:"M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"},null,-1)]))}const ot=h($e,[["render",tt],["__file","/root/app/code/src/components/icons/IconSupport.vue"]]),lt={},nt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":"true",role:"img",class:"iconify iconify--mdi",width:"24",height:"24",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24"};function rt(r,o){return e.openBlock(),e.createElementBlock("svg",nt,o[0]||(o[0]=[e.createElementVNode("path",{d:"M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",fill:"currentColor"},null,-1)]))}const at=h(lt,[["render",rt],["__file","/root/app/code/src/components/icons/IconTooling.vue"]]);s.BaseModal=B,s.ButtonComponent=E,s.CampaignCard=G,s.CardComponents=de,s.IconCommunity=Ze,s.IconDocumentation=Ke,s.IconEcosystem=Xe,s.IconSupport=ot,s.IconTooling=at,s.InviteCollaboratorsModalV2=ze,s.NavigationSidebar=Fe,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
1
+ (function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lucide-vue-next")):typeof define=="function"&&define.amd?define(["exports","vue","lucide-vue-next"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.FusionComponentLibrary={},i.Vue,i.LucideVueNext))})(this,function(i,e,h){"use strict";const b=e.defineComponent({__name:"BaseModal",props:{isOpen:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1,default:"Modal"},primaryButtonText:{type:String,required:!1,default:"Confirm"},secondaryButtonText:{type:String,required:!1,default:"Cancel"}},emits:["close","primary","secondary"],setup(a,{expose:o,emit:t}){o();const l=a,s=t,c={props:l,emit:s,handleClose:()=>{s("close")},handlePrimary:()=>{s("primary")},handleSecondary:()=>{s("secondary")}};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}}),f=(a,o)=>{const t=a.__vccOpts||a;for(const[l,s]of o)t[l]=s;return t},w={class:"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl"},C={class:"text-2xl font-bold text-black mb-8",style:{"letter-spacing":"0"}},V={class:"flex gap-4 pt-6"};function _(a,o,t,l,s,p){return t.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",onClick:e.withModifiers(l.handleClose,["self"])},[e.createElementVNode("div",w,[e.createCommentVNode(" Header "),e.createElementVNode("h2",C,e.toDisplayString(t.title),1),e.createCommentVNode(" Content Slot "),e.renderSlot(a.$slots,"default"),e.createCommentVNode(" Action Buttons "),e.createElementVNode("div",V,[e.createElementVNode("button",{onClick:l.handleSecondary,class:"flex-1 h-8 flex items-center justify-center px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",style:{"font-size":"12px"}},e.toDisplayString(t.secondaryButtonText),1),e.createElementVNode("button",{onClick:l.handlePrimary,class:"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",style:{"font-size":"12px"}},e.toDisplayString(t.primaryButtonText),1)])])])):e.createCommentVNode("v-if",!0)}const N=f(b,[["render",_],["__file","/root/app/code/src/components/BaseModal.vue"]]),B=e.defineComponent({__name:"ButtonComponent",props:{variant:{type:String,required:!1,default:"primary"},leftIcon:{type:String,required:!1,default:"none"},rightIcon:{type:String,required:!1,default:"none"},disabled:{type:Boolean,required:!1,default:!1}},emits:["click"],setup(a,{expose:o,emit:t}){o();const l=t,p={emit:l,handleClick:()=>{l("click")},get ArrowLeft(){return h.ArrowLeft},get ArrowRight(){return h.ArrowRight},get Share2(){return h.Share2},get ChevronDown(){return h.ChevronDown}};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}}),u=["disabled"];function E(a,o,t,l,s,p){return e.openBlock(),e.createElementBlock("button",{onClick:l.handleClick,disabled:t.disabled||t.variant==="disabled",class:e.normalizeClass(["flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",{"bg-black text-white hover:bg-gray-800":t.variant==="primary"&&!t.disabled,"bg-white text-black hover:bg-gray-50":t.variant==="outlined"&&!t.disabled,"bg-transparent text-black":t.variant==="text"&&!t.disabled,"cursor-not-allowed":t.variant==="disabled"||t.disabled}]),style:e.normalizeStyle({paddingLeft:t.rightIcon==="dropdown"?"16px":"24px",paddingRight:t.rightIcon==="dropdown"?"8px":"24px",...t.variant==="outlined"&&!t.disabled&&t.rightIcon==="dropdown"?{borderWidth:"1px",borderColor:"#C8C8C8"}:t.variant==="outlined"&&!t.disabled?{borderWidth:"1px",borderColor:"black"}:{},...t.variant==="disabled"||t.disabled?{backgroundColor:"#E8E8E8",color:"#8F8F8F"}:{}})},[e.createCommentVNode(" Left Icon "),t.leftIcon==="arrow"?(e.openBlock(),e.createBlock(l.ArrowLeft,{key:0,size:20,"stroke-width":1.5})):t.leftIcon==="share"?(e.openBlock(),e.createBlock(l.Share2,{key:1,size:20,"stroke-width":1.5})):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Text Slot "),e.renderSlot(a.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("Button",-1))]),e.createCommentVNode(" Right Icon "),t.rightIcon==="arrow"?(e.openBlock(),e.createBlock(l.ArrowRight,{key:2,size:20,"stroke-width":1.5})):t.rightIcon==="share"?(e.openBlock(),e.createBlock(l.Share2,{key:3,size:20,"stroke-width":1.5})):t.rightIcon==="dropdown"?(e.openBlock(),e.createBlock(l.ChevronDown,{key:4,size:20,"stroke-width":1.5})):e.createCommentVNode("v-if",!0)],14,u)}const z=f(B,[["render",E],["__file","/root/app/code/src/components/ButtonComponent.vue"]]),S=e.defineComponent({__name:"CampaignCard",props:{showImage:{type:Boolean,required:!1,default:!0},imageSrc:{type:String,required:!1,default:"https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630"},imageAlt:{type:String,required:!1,default:"Product image"},imageClasses:{type:String,required:!1,default:""},showLabels:{type:Boolean,required:!1,default:!0},label1:{type:String,required:!1,default:"CREATIVE BRIEF"},label2:{type:String,required:!1,default:"NIKE RUNNING"},showMenu:{type:Boolean,required:!1,default:!0},showContent:{type:Boolean,required:!1,default:!0},title:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends"},description:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends"},showFooter:{type:Boolean,required:!1,default:!0},showMembers:{type:Boolean,required:!1,default:!0},members:{type:Array,required:!1,default:()=>["DS","DS","DS","DS","10"]},showAddButton:{type:Boolean,required:!1,default:!0},cardClasses:{type:String,required:!1,default:""}},emits:["menu-click","add-click"],setup(a,{expose:o}){o();const l={props:a};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),M={class:"absolute inset-0"},I=["src","alt"],L={class:"relative flex justify-between items-start w-full"},D={key:0,class:"flex items-center gap-2"},H={key:0,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},q={key:1,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},T={style:{width:"18px",height:"18px"},viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A={key:1,class:"flex flex-col",style:{padding:"0 16px",gap:"8px",margin:"0"}},j={key:0,class:"text-black",style:{"font-size":"16px","font-weight":"600","line-height":"20px"}},P={key:1,class:"text-black",style:{"font-size":"12px","font-weight":"400","line-height":"18px"}},F={key:2,class:"flex items-end",style:{padding:"0 16px",gap:"4px"}},U={class:"flex justify-between items-end flex-1",style:{height:"24px"}},O={key:0,class:"flex items-center",style:{gap:"4px"}},R={class:"absolute left-0 top-0 flex items-center justify-center text-white",style:{width:"24px",height:"24px","font-size":"8px","font-weight":"500","line-height":"24px","letter-spacing":"-0.08px"}},Z={style:{width:"12px",height:"12px"},viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function v(a,o,t,l,s,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col bg-white rounded-2xl shadow-card w-full",t.cardClasses]),style:{gap:"16px",padding:"16px 0 24px 0"}},[e.createCommentVNode(" Card Image Section "),t.showImage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative flex-shrink-0 overflow-hidden rounded-t-2xl",t.imageClasses]),style:{height:"126px",margin:"-16px 0 0 0",padding:"16px 16px 0 16px",display:"flex","justify-content":"space-between","align-items":"flex-start",width:"100%"}},[e.createCommentVNode(" Background Image "),e.createElementVNode("div",M,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt,class:"w-full h-full object-cover"},null,8,I)]),e.createCommentVNode(" Card Header Overlay "),e.createElementVNode("div",L,[e.createCommentVNode(" Labels/Pills "),t.showLabels?(e.openBlock(),e.createElementBlock("div",D,[t.label1?(e.openBlock(),e.createElementBlock("div",H,e.toDisplayString(t.label1),1)):e.createCommentVNode("v-if",!0),t.label2?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(t.label2),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Menu Button "),t.showMenu?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[0]||(o[0]=n=>a.$emit("menu-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",T,o[2]||(o[2]=[e.createElementVNode("path",{d:"M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Content Section "),t.showContent?(e.openBlock(),e.createElementBlock("div",A,[t.title?(e.openBlock(),e.createElementBlock("h3",j,e.toDisplayString(t.title),1)):e.createCommentVNode("v-if",!0),t.description?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(t.description),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Footer Section "),t.showFooter?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",U,[e.createCommentVNode(" Member Avatars "),t.showMembers?(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.members,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"relative",style:{width:"24px",height:"24px"}},[o[3]||(o[3]=e.createElementVNode("svg",{class:"absolute left-0 top-0",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"12",fill:"#5D5D5D"})],-1)),e.createElementVNode("div",R,e.toDisplayString(n),1)]))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Add Button "),t.showAddButton?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=n=>a.$emit("add-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",style:{width:"32px",height:"32px"}},[(e.openBlock(),e.createElementBlock("svg",Z,o[4]||(o[4]=[e.createElementVNode("path",{d:"M5.99961 10.5V1.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M1.5 5.99961H10.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)],2)}const G=f(S,[["render",v],["__file","/root/app/code/src/components/CampaignCard.vue"]]),Q=e.defineComponent({__name:"CardComponents",props:{showImage:{type:Boolean,required:!1,default:!0},imageSrc:{type:String,required:!1,default:"https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630"},imageAlt:{type:String,required:!1,default:"Product image"},imageClasses:{type:String,required:!1,default:""},showLabels:{type:Boolean,required:!1,default:!0},label1:{type:String,required:!1,default:"CREATIVE BRIEF"},label2:{type:String,required:!1,default:"NIKE RUNNING"},showMenu:{type:Boolean,required:!1,default:!0},showContent:{type:Boolean,required:!1,default:!0},title:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends"},description:{type:String,required:!1,default:"Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends"},showFooter:{type:Boolean,required:!1,default:!0},showMembers:{type:Boolean,required:!1,default:!0},members:{type:Array,required:!1,default:()=>["DS","DS","DS","DS","10"]},showAddButton:{type:Boolean,required:!1,default:!0},cardClasses:{type:String,required:!1,default:""}},emits:["menu-click","add-click"],setup(a,{expose:o}){o();const l={props:a,get MoreHorizontal(){return h.MoreHorizontal}};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),$={class:"absolute inset-0"},K=["src","alt"],W={class:"relative flex justify-between items-start w-full"},Y={key:0,class:"flex items-center gap-2"},J={key:0,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},X={key:1,class:"flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",style:{gap:"10px","line-height":"24px","font-size":"10px"}},ee={key:1,class:"flex flex-col",style:{padding:"0 16px",gap:"8px",margin:"0"}},te={key:0,class:"text-black",style:{"font-size":"16px","font-weight":"600","line-height":"20px"}},oe={key:1,class:"text-black",style:{"font-size":"12px","font-weight":"400","line-height":"18px"}},le={key:2,class:"flex items-end mt-auto",style:{padding:"0 16px",gap:"4px"}},ne={class:"flex justify-between items-end flex-1",style:{height:"24px"}},ae={key:0,class:"flex items-center",style:{gap:"4px"}},re={class:"absolute left-0 top-0 flex items-center justify-center text-white",style:{width:"24px",height:"24px","font-size":"8px","font-weight":"500","line-height":"24px","letter-spacing":"-0.08px"}},se={style:{width:"12px",height:"12px"},viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function ie(a,o,t,l,s,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col bg-white rounded-2xl shadow-card w-full",t.cardClasses]),style:{gap:"16px",padding:"16px 0 24px 0"}},[e.createCommentVNode(" Card Image Section "),t.showImage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative flex-shrink-0 overflow-hidden rounded-t-2xl",t.imageClasses]),style:{height:"126px",margin:"-16px 0 0 0",padding:"16px 16px 0 16px",display:"flex","justify-content":"space-between","align-items":"flex-start",width:"100%"}},[e.createCommentVNode(" Background Image "),e.createElementVNode("div",$,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt,class:"w-full h-full object-cover"},null,8,K)]),e.createCommentVNode(" Card Header Overlay "),e.createElementVNode("div",W,[e.createCommentVNode(" Labels/Pills "),t.showLabels?(e.openBlock(),e.createElementBlock("div",Y,[t.label1?(e.openBlock(),e.createElementBlock("div",J,e.toDisplayString(t.label1),1)):e.createCommentVNode("v-if",!0),t.label2?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(t.label2),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Menu Button "),t.showMenu?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[0]||(o[0]=n=>a.$emit("menu-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",style:{width:"24px",height:"24px"}},[e.createVNode(l.MoreHorizontal,{size:16,color:"black","stroke-width":2})])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Content Section "),t.showContent?(e.openBlock(),e.createElementBlock("div",ee,[t.title?(e.openBlock(),e.createElementBlock("h3",te,e.toDisplayString(t.title),1)):e.createCommentVNode("v-if",!0),t.description?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(t.description),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Footer Section "),t.showFooter?(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",ne,[e.createCommentVNode(" Member Avatars "),t.showMembers?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.members,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"relative",style:{width:"24px",height:"24px"}},[o[2]||(o[2]=e.createElementVNode("svg",{class:"absolute left-0 top-0",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"12",fill:"#5D5D5D"})],-1)),e.createElementVNode("div",re,e.toDisplayString(n),1)]))),128))])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Add Button "),t.showAddButton?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o[1]||(o[1]=n=>a.$emit("add-click")),class:"flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",style:{width:"24px",height:"24px"}},[(e.openBlock(),e.createElementBlock("svg",se,o[3]||(o[3]=[e.createElementVNode("path",{d:"M5.99961 10.5V1.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),e.createElementVNode("path",{d:"M1.5 5.99961H10.5",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)],2)}const ce=f(Q,[["render",ie],["__file","/root/app/code/src/components/CardComponents.vue"]]),de=e.defineComponent({__name:"InviteCollaboratorsModalV2",props:{isOpen:{type:Boolean,required:!1,default:!1},availableUsersList:{type:Array,required:!1,default:()=>[]},initialCollaborators:{type:Array,required:!1,default:()=>[]}},emits:["close","add"],setup(a,{expose:o,emit:t}){o();const l=a,s=t,p=e.ref(null),n=e.ref(!1),r=e.ref(""),c=e.ref([]),g=e.ref([...l.initialCollaborators]),dt=e.computed(()=>l.availableUsersList.filter(d=>{const m=!g.value.some(xt=>xt.email===d.email);if(!r.value)return m;const x=r.value.toLowerCase();return m&&(d.name.toLowerCase().includes(x)||d.email.toLowerCase().includes(x))})),mt=d=>c.value.some(m=>m.email===d.email),pt=d=>{const m=c.value.findIndex(x=>x.email===d.email);m>-1?c.value.splice(m,1):c.value.push(d),r.value=""},ft=d=>{const m=c.value.findIndex(x=>x.email===d.email);m>-1&&c.value.splice(m,1)},ht=d=>{const m=g.value.findIndex(x=>x.email===d.email);m>-1&&g.value.splice(m,1)},y=()=>{p.value?.focus()},k={props:l,emit:s,hiddenInput:p,showDropdown:n,searchQuery:r,selectedUsers:c,collaborators:g,availableUsers:dt,isUserSelected:mt,toggleUser:pt,removeUser:ft,removeCollaborator:ht,focusInput:y,toggleDropdown:()=>{n.value=!n.value,n.value&&y()},handleBlur:()=>{setTimeout(()=>{n.value=!1},200)},closeModal:()=>{s("close"),c.value=[],r.value="",n.value=!1},addCollaborators:()=>{c.value.length>0&&(c.value.forEach(d=>{g.value.some(m=>m.email===d.email)||g.value.push(d)}),s("add",c.value,g.value),c.value=[],r.value="",n.value=!1),s("close")}};return Object.defineProperty(k,"__isScriptSetup",{enumerable:!1,value:!0}),k}}),me={class:"bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl"},pe={class:"relative mb-6"},fe={class:"flex flex-wrap gap-2 flex-1"},he=["onClick"],xe={key:0,class:"absolute top-full left-0 right-0 mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10"},ge=["onMousedown"],ye={class:"flex-1"},ke={class:"text-sm font-semibold text-black"},be={class:"text-sm text-gray-600"},we={key:0,class:"w-5 h-5 flex items-center justify-center text-black"},Ce={class:"collaborators-list mb-8 max-h-96 overflow-y-auto"},Ve={class:"font-semibold text-black",style:{"font-size":"14px"}},_e={class:"text-black",style:{"font-size":"14px"}},Ne=["onClick"];function Be(a,o,t,l,s,p){return t.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",onClick:e.withModifiers(l.closeModal,["self"])},[e.createElementVNode("div",me,[e.createCommentVNode(" Header "),o[3]||(o[3]=e.createElementVNode("h2",{class:"text-2xl font-bold text-black mb-8"},"Invite Collaborators",-1)),e.createCommentVNode(" Users Label "),o[4]||(o[4]=e.createElementVNode("label",{class:"block font-normal text-gray-500 mb-3",style:{"font-size":"12px"}},"Users",-1)),e.createCommentVNode(" Multi-select Input "),e.createElementVNode("div",pe,[e.createElementVNode("div",{class:"flex items-center gap-2 w-full px-4 py-2 border border-gray-300 rounded-xl bg-white focus-within:border-gray-400 focus-within:outline-none transition-colors cursor-text min-h-[40px]",onClick:l.focusInput},[e.createCommentVNode(" Plus Icon "),e.createElementVNode("button",{type:"button",class:"flex-shrink-0 text-gray-800 text-xl font-light",onClick:l.toggleDropdown}," + "),e.createCommentVNode(" Selected User Pills "),e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.selectedUsers,n=>(e.openBlock(),e.createElementBlock("span",{key:n.email,class:"inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 rounded-lg text-sm font-normal text-black"},[e.createTextVNode(e.toDisplayString(n.display)+" ",1),e.createElementVNode("button",{onClick:e.withModifiers(r=>l.removeUser(n),["stop"]),class:"text-gray-600 hover:text-black transition-colors"}," × ",8,he)]))),128)),e.createCommentVNode(" Hidden Input for Focus "),e.withDirectives(e.createElementVNode("input",{ref:"hiddenInput",type:"text",class:"flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400",placeholder:"",onFocus:o[0]||(o[0]=n=>l.showDropdown=!0),onBlur:l.handleBlur,"onUpdate:modelValue":o[1]||(o[1]=n=>l.searchQuery=n)},null,544),[[e.vModelText,l.searchQuery]])])]),e.createCommentVNode(" Dropdown "),l.showDropdown?(e.openBlock(),e.createElementBlock("div",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.availableUsers,n=>(e.openBlock(),e.createElementBlock("button",{key:n.email,type:"button",class:"w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",onMousedown:e.withModifiers(r=>l.toggleUser(n),["prevent"])},[e.createElementVNode("div",ye,[e.createElementVNode("div",ke,e.toDisplayString(n.name),1),e.createElementVNode("div",be,e.toDisplayString(n.email),1)]),l.isUserSelected(n)?(e.openBlock(),e.createElementBlock("div",we," ✓ ")):e.createCommentVNode("v-if",!0)],40,ge))),128))])):e.createCommentVNode("v-if",!0)]),e.createCommentVNode(" Collaborators List "),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.collaborators,n=>(e.openBlock(),e.createElementBlock("div",{key:n.email,class:"grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-200"},[e.createElementVNode("div",Ve,e.toDisplayString(n.name),1),e.createElementVNode("div",_e,e.toDisplayString(n.email),1),e.createElementVNode("button",{onClick:r=>l.removeCollaborator(n),class:"text-gray-800 hover:text-black transition-colors text-2xl leading-none"}," × ",8,Ne)]))),128))]),e.createCommentVNode(" Action Buttons "),e.createElementVNode("div",{class:"flex gap-4 pt-6"},[e.createElementVNode("button",{onClick:l.closeModal,class:"flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",style:{"font-size":"12px"}},o[2]||(o[2]=[e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1),e.createTextVNode(" Cancel ",-1)])),e.createElementVNode("button",{onClick:l.addCollaborators,class:"flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",style:{"font-size":"12px"}}," Add Collaborators ")])])])):e.createCommentVNode("v-if",!0)}const ue=f(de,[["render",Be],["__scopeId","data-v-f6014a35"],["__file","/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]),Ee=e.defineComponent({__name:"NavigationSidebar",props:{items:{type:Array,required:!1,default:()=>[{name:"Dashboard",icon:"dashboard"},{name:"Conversations",icon:"conversations"},{name:"Templates",icon:"templates"}]},userName:{type:String,required:!1,default:"Geoffrey Thomas"},userVersion:{type:String,required:!1,default:"1.0.0.0"},activeItem:{type:Number,required:!1,default:0}},emits:["item-click"],setup(a,{expose:o,emit:t}){o();const l=t,n={emit:l,handleItemClick:r=>{l("item-click",r)},getIconColor:r=>r?"#C3FF00":"white",get Home(){return h.Home},get MessageSquare(){return h.MessageSquare},get ToyBrick(){return h.ToyBrick}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),ze={class:"sidebar-nav group bg-black flex flex-col justify-between shadow-md"},Se={class:"pt-10 px-2 flex flex-col gap-8"},Me={class:"flex flex-col gap-4"},Ie=["onClick"],Le={class:"nav-label text-sm text-gray-300 whitespace-nowrap"},De={class:"flex flex-col items-start px-4 pb-8 gap-4"},He={class:"profile-section flex items-center gap-3 w-full"},qe={class:"profile-text flex-1 min-w-0"},Te={class:"text-sm text-white font-medium whitespace-nowrap"},Ae={class:"text-[10px] text-gray-400 whitespace-nowrap"};function je(a,o,t,l,s,p){return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Expandable Sidebar Navigation "),e.createElementVNode("aside",ze,[e.createCommentVNode(" Top Section "),e.createElementVNode("div",Se,[e.createCommentVNode(" Logo "),o[0]||(o[0]=e.createStaticVNode('<div class="px-2" data-v-4c3eb68c><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M0 11.8333V0L11.8333 11.8333H0Z" fill="white" data-v-4c3eb68c></path><path d="M11.8333 12.166V23.9994L0 12.166H11.8333Z" fill="white" data-v-4c3eb68c></path><path d="M24 11.8333V0L12.1667 11.8333H24Z" fill="white" data-v-4c3eb68c></path><path d="M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z" fill="white" data-v-4c3eb68c></path></svg></div>',1)),e.createCommentVNode(" Navigation Items "),e.createElementVNode("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,onClick:c=>l.handleItemClick(r),class:e.normalizeClass(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200",t.activeItem===r?"bg-[#232323]":"hover:bg-[#232323]"])},[e.createCommentVNode(" Dashboard Icon "),n.icon==="dashboard"?(e.openBlock(),e.createBlock(l.Home,{key:0,class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===r)},null,8,["color"])):n.icon==="conversations"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Conversations Icon "),e.createVNode(l.MessageSquare,{class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===r)},null,8,["color"])],2112)):n.icon==="templates"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createCommentVNode(" Templates Icon "),e.createVNode(l.ToyBrick,{class:"flex-shrink-0",size:20,"stroke-width":1.5,color:l.getIconColor(t.activeItem===r)},null,8,["color"])],2112)):e.createCommentVNode("v-if",!0),e.createElementVNode("span",Le,e.toDisplayString(n.name),1)],10,Ie))),128))])]),e.createCommentVNode(" Bottom Section - Profile "),e.createElementVNode("div",De,[e.createCommentVNode(" User Profile "),e.createElementVNode("div",He,[o[1]||(o[1]=e.createStaticVNode('<div class="relative flex-shrink-0" data-v-4c3eb68c><svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><circle cx="20" cy="20" r="20" fill="#5D5D5D" data-v-4c3eb68c></circle></svg><svg class="absolute top-2 left-2" width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-4c3eb68c></path></svg></div>',1)),e.createElementVNode("div",qe,[e.createElementVNode("div",Te,e.toDisplayString(t.userName),1),e.createElementVNode("div",Ae,e.toDisplayString(t.userVersion),1)]),o[2]||(o[2]=e.createStaticVNode('<button class="profile-menu flex-shrink-0" data-v-4c3eb68c><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z" fill="white" data-v-4c3eb68c></path></svg></button>',1))])])])],2112)}const Pe=f(Ee,[["render",je],["__scopeId","data-v-4c3eb68c"],["__file","/root/app/code/src/components/NavigationSidebar.vue"]]),Fe=e.defineComponent({__name:"TextStyles",setup(a,{expose:o}){o();const t={};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}}),Ue={class:"flex flex-col gap-12 w-full"};function Oe(a,o,t,l,s,p){return e.openBlock(),e.createElementBlock("div",Ue,[e.createCommentVNode(" Deliverable Header "),o[0]||(o[0]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Deliverable Header"),e.createElementVNode("h1",{class:"deliverable-header"},"Deliverable Header"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"32px / 600 / 38px line-height")],-1)),e.createCommentVNode(" Page and Subheaders (Large) "),o[1]||(o[1]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Page and Subheaders (Large)"),e.createElementVNode("h2",{class:"page-subheader-large"},"Page and Subheaders"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"24px / 600 / 28px line-height")],-1)),e.createCommentVNode(" Page and Subheaders (Medium) "),o[2]||(o[2]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Page and Subheaders (Medium)"),e.createElementVNode("h3",{class:"page-subheader-medium"},"Page and Subheaders"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"20px / 600 / 28px line-height")],-1)),e.createCommentVNode(" Card Headline Copy "),o[3]||(o[3]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Card Headline Copy"),e.createElementVNode("h4",{class:"card-headline"},"Card Headline Copy"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"16px / 600 / 20px line-height / capitalize")],-1)),e.createCommentVNode(" Body Text (Large) - Header "),o[4]||(o[4]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Body Text (Large) - Header"),e.createElementVNode("p",{class:"body-text-large-header"},"Header of body text content."),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"14px / 700 / 20px line-height")],-1)),e.createCommentVNode(" Body Text (Large) "),o[5]||(o[5]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Body Text (Large)"),e.createElementVNode("p",{class:"body-text-large"},"Body text content. Lorem ipsum dolere sit amet nonummy consectuter adspecit. Lorem ipsum dolere sit amet nonummy consectuter adspecit."),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"14px / 400 / 20px line-height")],-1)),e.createCommentVNode(" Body Text (Small) - Header "),o[6]||(o[6]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Body Text (Small) - Header"),e.createElementVNode("p",{class:"body-text-small-header"},"Header of body text content."),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"12px / 700 / 20px line-height")],-1)),e.createCommentVNode(" Body Text (Small) "),o[7]||(o[7]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Body Text (Small)"),e.createElementVNode("p",{class:"body-text-small"},"Body text content. Lorem ipsum dolere sit amet nonummy consectuter adspecit. Lorem ipsum dolere sit amet nonummy consectuter adspecit."),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"12px / 400 / 18px line-height")],-1)),e.createCommentVNode(" Text Links (Default) "),o[8]||(o[8]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Text Links (Default)"),e.createElementVNode("a",{href:"#",class:"text-link"},"Text Links, Navigation or Actions"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"14px / 500 / 20px line-height")],-1)),e.createCommentVNode(" Text Links (Active/ON) "),o[9]||(o[9]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Text Links (Active/ON)"),e.createElementVNode("a",{href:"#",class:"text-link-active"},"Text Links, Navigation or Actions - ON"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"14px / 600 / 20px line-height")],-1)),e.createCommentVNode(" Labels "),o[10]||(o[10]=e.createElementVNode("div",{class:"flex flex-col gap-3"},[e.createElementVNode("p",{class:"text-xs font-semibold text-gray-500 uppercase tracking-wide"},"Labels"),e.createElementVNode("p",{class:"label"},"Labels"),e.createElementVNode("code",{class:"text-xs bg-gray-100 px-2 py-1 rounded"},"10px / 600 / 20px line-height / 0.5px letter-spacing / uppercase")],-1))])}const Re=f(Fe,[["render",Oe],["__scopeId","data-v-716d7101"],["__file","/root/app/code/src/components/TextStyles.vue"]]),Ze={},ve={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function Ge(a,o){return e.openBlock(),e.createElementBlock("svg",ve,o[0]||(o[0]=[e.createElementVNode("path",{d:"M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"},null,-1)]))}const Qe=f(Ze,[["render",Ge],["__file","/root/app/code/src/components/icons/IconCommunity.vue"]]),$e={},Ke={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"17",fill:"currentColor"};function We(a,o){return e.openBlock(),e.createElementBlock("svg",Ke,o[0]||(o[0]=[e.createElementVNode("path",{d:"M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"},null,-1)]))}const Ye=f($e,[["render",We],["__file","/root/app/code/src/components/icons/IconDocumentation.vue"]]),Je={},Xe={xmlns:"http://www.w3.org/2000/svg",width:"18",height:"20",fill:"currentColor"};function et(a,o){return e.openBlock(),e.createElementBlock("svg",Xe,o[0]||(o[0]=[e.createElementVNode("path",{d:"M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"},null,-1)]))}const tt=f(Je,[["render",et],["__file","/root/app/code/src/components/icons/IconEcosystem.vue"]]),ot={},lt={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function nt(a,o){return e.openBlock(),e.createElementBlock("svg",lt,o[0]||(o[0]=[e.createElementVNode("path",{d:"M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"},null,-1)]))}const at=f(ot,[["render",nt],["__file","/root/app/code/src/components/icons/IconSupport.vue"]]),rt={},st={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":"true",role:"img",class:"iconify iconify--mdi",width:"24",height:"24",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24"};function it(a,o){return e.openBlock(),e.createElementBlock("svg",st,o[0]||(o[0]=[e.createElementVNode("path",{d:"M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",fill:"currentColor"},null,-1)]))}const ct=f(rt,[["render",it],["__file","/root/app/code/src/components/icons/IconTooling.vue"]]);i.BaseModal=N,i.ButtonComponent=z,i.CampaignCard=G,i.CardComponents=ce,i.IconCommunity=Qe,i.IconDocumentation=Ye,i.IconEcosystem=tt,i.IconSupport=at,i.IconTooling=ct,i.InviteCollaboratorsModalV2=ue,i.NavigationSidebar=Pe,i.TextStyles=Re,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=fusion-component-library.umd.js.map