3052 lines
157 KiB
JavaScript
3052 lines
157 KiB
JavaScript
/// <reference types="../../node_modules/.vue-global-types/vue_3.5_0_0_0.d.ts" />
|
||
import { computed, onMounted, reactive, ref } from 'vue';
|
||
import axios from 'axios';
|
||
import { usePlantsStore } from '@/stores/plants';
|
||
import { useToast } from '@/composables/useToast';
|
||
const plantsStore = usePlantsStore();
|
||
const toast = useToast();
|
||
const showForm = ref(false);
|
||
const submitting = ref(false);
|
||
const editPlant = ref(null);
|
||
const selectedCat = ref('');
|
||
const searchQuery = ref('');
|
||
const plantPhotos = ref([]);
|
||
const loadingPhotos = ref(false);
|
||
const lightbox = ref(null);
|
||
const fileInput = ref(null);
|
||
const uploadTarget = ref(null);
|
||
// Navigation variétés (groupe de Plant par nom_commun)
|
||
const detailPlantGroup = ref([]);
|
||
const detailVarietyIdx = ref(0);
|
||
const detailPlant = computed(() => detailPlantGroup.value[detailVarietyIdx.value] ?? null);
|
||
// detailPlantObj : ref sur la plante ouverte en détail (Plant complet)
|
||
const detailPlantObj = ref(null);
|
||
// detailVarieties : variétés (PlantVariety) de la plante affichée
|
||
const detailVarieties = computed(() => {
|
||
if (!detailPlantObj.value)
|
||
return [];
|
||
return detailPlantObj.value.varieties ?? [];
|
||
});
|
||
// Associations au niveau nom_commun (première variété ayant des données)
|
||
const detailAssociations = computed(() => detailPlantGroup.value.find(v => v.associations_favorables?.length || v.associations_defavorables?.length)
|
||
?? detailPlant.value);
|
||
// Refs pour le formulaire variété
|
||
const showFormVariety = ref(false);
|
||
const editVariety = ref(null);
|
||
const formVariety = reactive({
|
||
variete: '', tags: '', notes_variete: '',
|
||
boutique_nom: '', boutique_url: '', prix_achat: undefined,
|
||
date_achat: '', poids: '', dluo: '',
|
||
});
|
||
const categories = [
|
||
{ val: '', label: 'TOUTES' },
|
||
{ val: 'potager', label: '🥕 POTAGER' },
|
||
{ val: 'fleur', label: '🌸 FLEUR' },
|
||
{ val: 'arbre', label: '🌳 ARBRE' },
|
||
{ val: 'arbuste', label: '🌿 ARBUSTE' },
|
||
{ val: 'adventice', label: '🌾 ADVENTICES' },
|
||
];
|
||
const BOUTIQUES = [
|
||
'Gamm Vert', 'Lidl', 'Super U', 'Intermarché', 'Truffaut', 'Botanic',
|
||
'Amazon', 'Graines Baumaux', 'Vilmorin', 'Germinance', 'Direct producteur',
|
||
'Marché local', 'Autre',
|
||
];
|
||
const form = reactive({
|
||
nom_commun: '', variete: '', famille: '',
|
||
categorie: 'potager', besoin_eau: 'moyen', besoin_soleil: 'plein soleil',
|
||
plantation_mois: '', notes: '',
|
||
associations_favorables: [],
|
||
associations_defavorables: [],
|
||
boutique_nom: '', boutique_url: '', prix_achat: null,
|
||
date_achat: '', poids: '', dluo: '',
|
||
});
|
||
const showAssocModal = ref(false);
|
||
const assocFilter = ref('');
|
||
const confirmRemove = ref(null);
|
||
// Grouper toutes les plantes par nom_commun (insensible à la casse)
|
||
const plantGroups = computed(() => {
|
||
const groups = new Map();
|
||
for (const p of plantsStore.plants) {
|
||
const key = (p.nom_commun || '').toLowerCase();
|
||
if (!groups.has(key))
|
||
groups.set(key, []);
|
||
groups.get(key).push(p);
|
||
}
|
||
return groups;
|
||
});
|
||
function groupSize(nom) {
|
||
return plantGroups.value.get(nom.toLowerCase())?.length ?? 1;
|
||
}
|
||
function groupPrimaryCategory(nom) {
|
||
const group = plantGroups.value.get(nom.toLowerCase()) || [];
|
||
return group[0]?.categorie || '';
|
||
}
|
||
// Une carte par nom_commun unique dans la liste
|
||
const filteredPlants = computed(() => {
|
||
const uniqueByName = new Map();
|
||
for (const p of [...plantsStore.plants].sort((a, b) => (a.id || 0) - (b.id || 0))) {
|
||
const key = (p.nom_commun || '').toLowerCase();
|
||
if (!uniqueByName.has(key))
|
||
uniqueByName.set(key, p);
|
||
}
|
||
let result = [...uniqueByName.values()];
|
||
if (selectedCat.value) {
|
||
result = result.filter(p => {
|
||
const group = plantGroups.value.get((p.nom_commun || '').toLowerCase()) || [];
|
||
return group.some(v => v.categorie === selectedCat.value);
|
||
});
|
||
}
|
||
if (searchQuery.value) {
|
||
const q = searchQuery.value.toLowerCase();
|
||
result = result.filter(p => {
|
||
const group = plantGroups.value.get((p.nom_commun || '').toLowerCase()) || [];
|
||
return group.some(v => v.nom_commun?.toLowerCase().includes(q) || v.varieties?.[0]?.variete?.toLowerCase().includes(q));
|
||
});
|
||
}
|
||
return result.sort((a, b) => (a.nom_commun || '').localeCompare(b.nom_commun || '', 'fr'));
|
||
});
|
||
// Plantes disponibles pour les associations (nom_commun uniques, hors plante courante)
|
||
const filteredAssocPlants = computed(() => {
|
||
const q = assocFilter.value.toLowerCase();
|
||
const uniqueNames = [...plantGroups.value.keys()];
|
||
return uniqueNames
|
||
.filter(n => n !== form.nom_commun.toLowerCase() && (!q || n.includes(q)))
|
||
.sort();
|
||
});
|
||
function getAssocState(name) {
|
||
const lower = name.toLowerCase();
|
||
if (form.associations_favorables.some(n => n.toLowerCase() === lower))
|
||
return 'fav';
|
||
if (form.associations_defavorables.some(n => n.toLowerCase() === lower))
|
||
return 'def';
|
||
return null;
|
||
}
|
||
function setAssocState(name, state) {
|
||
const lower = name.toLowerCase();
|
||
form.associations_favorables = form.associations_favorables.filter(n => n.toLowerCase() !== lower);
|
||
form.associations_defavorables = form.associations_defavorables.filter(n => n.toLowerCase() !== lower);
|
||
if (state === 'fav')
|
||
form.associations_favorables.push(lower);
|
||
else if (state === 'def')
|
||
form.associations_defavorables.push(lower);
|
||
}
|
||
function askRemoveAssoc(type, name) {
|
||
confirmRemove.value = { type, name };
|
||
}
|
||
function confirmRemoveAssoc() {
|
||
if (!confirmRemove.value)
|
||
return;
|
||
const { type, name } = confirmRemove.value;
|
||
const list = type === 'fav' ? form.associations_favorables : form.associations_defavorables;
|
||
const lower = name.toLowerCase();
|
||
const idx = list.findIndex(n => n.toLowerCase() === lower);
|
||
if (idx !== -1)
|
||
list.splice(idx, 1);
|
||
confirmRemove.value = null;
|
||
}
|
||
function isDluoExpired(dluo) {
|
||
return !!dluo && new Date(dluo) < new Date();
|
||
}
|
||
function getCatColor(cat) {
|
||
return {
|
||
potager: '#b8bb26', fleur: '#fabd2f', arbre: '#83a598',
|
||
arbuste: '#d3869b', adventice: '#fb4934',
|
||
}[cat] || '#928374';
|
||
}
|
||
function catTextClass(cat) {
|
||
return {
|
||
potager: 'text-green', fleur: 'text-yellow', arbre: 'text-blue',
|
||
arbuste: 'text-purple', adventice: 'text-red',
|
||
}[cat] || 'text-text-muted';
|
||
}
|
||
function closeDetail() {
|
||
detailPlantGroup.value = [];
|
||
detailPlantObj.value = null;
|
||
detailVarietyIdx.value = 0;
|
||
plantPhotos.value = [];
|
||
}
|
||
async function openDetails(p) {
|
||
const key = (p.nom_commun || '').toLowerCase();
|
||
const group = plantGroups.value.get(key) || [p];
|
||
detailPlantGroup.value = [...group].sort((a, b) => (a.id || 0) - (b.id || 0));
|
||
detailVarietyIdx.value = 0;
|
||
detailPlantObj.value = detailPlantGroup.value[0];
|
||
await fetchPhotos(detailPlantGroup.value[0].id);
|
||
}
|
||
async function prevVariety() {
|
||
if (detailVarietyIdx.value > 0) {
|
||
detailVarietyIdx.value--;
|
||
detailPlantObj.value = detailPlant.value;
|
||
await fetchPhotos(detailPlant.value.id);
|
||
}
|
||
}
|
||
async function nextVariety() {
|
||
if (detailVarietyIdx.value < detailPlantGroup.value.length - 1) {
|
||
detailVarietyIdx.value++;
|
||
detailPlantObj.value = detailPlant.value;
|
||
await fetchPhotos(detailPlant.value.id);
|
||
}
|
||
}
|
||
async function fetchPhotos(plantId) {
|
||
loadingPhotos.value = true;
|
||
try {
|
||
const { data } = await axios.get('/api/media', {
|
||
params: { entity_type: 'plante', entity_id: plantId }
|
||
});
|
||
plantPhotos.value = data;
|
||
}
|
||
finally {
|
||
loadingPhotos.value = false;
|
||
}
|
||
}
|
||
function startEdit(p) {
|
||
// Chercher les associations dans le groupe (première variété qui en a)
|
||
const key = (p.nom_commun || '').toLowerCase();
|
||
const group = plantGroups.value.get(key) || [p];
|
||
const withAssoc = group.find(v => v.associations_favorables?.length || v.associations_defavorables?.length) ?? p;
|
||
closeDetail();
|
||
editPlant.value = p;
|
||
const v0 = p.varieties?.[0];
|
||
Object.assign(form, {
|
||
nom_commun: p.nom_commun || '', variete: v0?.variete || '', famille: p.famille || '',
|
||
categorie: p.categorie || 'potager', besoin_eau: p.besoin_eau || 'moyen', besoin_soleil: p.besoin_soleil || 'plein soleil',
|
||
plantation_mois: p.plantation_mois || '', notes: p.notes || '',
|
||
associations_favorables: [...(withAssoc.associations_favorables ?? [])],
|
||
associations_defavorables: [...(withAssoc.associations_defavorables ?? [])],
|
||
boutique_nom: v0?.boutique_nom || '', boutique_url: v0?.boutique_url || '',
|
||
prix_achat: v0?.prix_achat ?? null, date_achat: v0?.date_achat || '',
|
||
poids: v0?.poids || '', dluo: v0?.dluo || '',
|
||
});
|
||
assocFilter.value = '';
|
||
showAssocModal.value = false;
|
||
showForm.value = true;
|
||
}
|
||
function closeForm() {
|
||
showForm.value = false;
|
||
editPlant.value = null;
|
||
showAssocModal.value = false;
|
||
assocFilter.value = '';
|
||
confirmRemove.value = null;
|
||
Object.assign(form, {
|
||
boutique_nom: '', boutique_url: '', prix_achat: null,
|
||
date_achat: '', poids: '', dluo: '',
|
||
});
|
||
}
|
||
function openAddVariety() {
|
||
if (!detailPlantObj.value)
|
||
return;
|
||
editVariety.value = null;
|
||
Object.assign(formVariety, {
|
||
variete: '', tags: '', notes_variete: '',
|
||
boutique_nom: '', boutique_url: '', prix_achat: undefined,
|
||
date_achat: '', poids: '', dluo: '',
|
||
});
|
||
showFormVariety.value = true;
|
||
}
|
||
function openEditVariety(v) {
|
||
editVariety.value = v;
|
||
Object.assign(formVariety, { ...v });
|
||
showFormVariety.value = true;
|
||
}
|
||
function closeFormVariety() {
|
||
showFormVariety.value = false;
|
||
editVariety.value = null;
|
||
}
|
||
async function submitVariety() {
|
||
if (!detailPlantObj.value?.id)
|
||
return;
|
||
const payload = { ...formVariety, prix_achat: formVariety.prix_achat ?? undefined };
|
||
try {
|
||
if (editVariety.value?.id) {
|
||
await plantsStore.updateVariety(detailPlantObj.value.id, editVariety.value.id, payload);
|
||
toast.success('Variété modifiée');
|
||
}
|
||
else {
|
||
await plantsStore.createVariety(detailPlantObj.value.id, payload);
|
||
toast.success('Variété ajoutée');
|
||
}
|
||
// Refresh plant data so detailPlantObj reflects updated varieties
|
||
await plantsStore.fetchAll();
|
||
const updatedPlant = plantsStore.plants.find(p => p.id === detailPlantObj.value?.id);
|
||
if (updatedPlant)
|
||
detailPlantObj.value = updatedPlant;
|
||
closeFormVariety();
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message d'erreur
|
||
}
|
||
}
|
||
async function deleteVariety(vid) {
|
||
if (!detailPlantObj.value?.id)
|
||
return;
|
||
if (!confirm('Supprimer cette variété ?'))
|
||
return;
|
||
try {
|
||
await plantsStore.removeVariety(detailPlantObj.value.id, vid);
|
||
await plantsStore.fetchAll();
|
||
const updatedPlant = plantsStore.plants.find(p => p.id === detailPlantObj.value?.id);
|
||
if (updatedPlant)
|
||
detailPlantObj.value = updatedPlant;
|
||
toast.success('Variété supprimée');
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message d'erreur
|
||
}
|
||
}
|
||
async function submitPlant() {
|
||
if (submitting.value)
|
||
return;
|
||
submitting.value = true;
|
||
try {
|
||
// Extraire les champs variété du form (non envoyés dans Plant)
|
||
const varietyPayload = {
|
||
variete: form.variete || undefined,
|
||
boutique_nom: form.boutique_nom || undefined,
|
||
boutique_url: form.boutique_url || undefined,
|
||
prix_achat: form.prix_achat ?? undefined,
|
||
date_achat: form.date_achat || undefined,
|
||
poids: form.poids || undefined,
|
||
dluo: form.dluo || undefined,
|
||
};
|
||
// Payload Plant pur (sans champs variété)
|
||
const { variete: _v, boutique_nom: _bn, boutique_url: _bu, prix_achat: _pa, date_achat: _da, poids: _po, dluo: _d, ...plantPayload } = { ...form };
|
||
if (editPlant.value) {
|
||
await axios.put(`/api/plants/${editPlant.value.id}`, plantPayload);
|
||
// Synchroniser associations aux plantes du même nom commun
|
||
const nomKey = form.nom_commun.toLowerCase();
|
||
const siblings = plantsStore.plants.filter(p => p.id !== editPlant.value.id && (p.nom_commun || '').toLowerCase() === nomKey);
|
||
for (const sibling of siblings) {
|
||
await axios.put(`/api/plants/${sibling.id}`, {
|
||
associations_favorables: form.associations_favorables,
|
||
associations_defavorables: form.associations_defavorables,
|
||
});
|
||
}
|
||
// Mettre à jour ou créer la variété
|
||
const existingVariety = editPlant.value.varieties?.[0];
|
||
const hasVarietyData = Object.values(varietyPayload).some(v => v !== undefined);
|
||
const plantId = editPlant.value.id;
|
||
if (existingVariety?.id) {
|
||
await plantsStore.updateVariety(plantId, existingVariety.id, varietyPayload);
|
||
}
|
||
else if (hasVarietyData) {
|
||
await plantsStore.createVariety(plantId, varietyPayload);
|
||
}
|
||
await plantsStore.fetchAll();
|
||
toast.success('Plante modifiée');
|
||
}
|
||
else {
|
||
const created = await plantsStore.create(plantPayload);
|
||
// Créer la variété si des données variété sont présentes
|
||
const hasVarietyData = Object.values(varietyPayload).some(v => v !== undefined);
|
||
if (created.id && hasVarietyData) {
|
||
await plantsStore.createVariety(created.id, varietyPayload);
|
||
}
|
||
await plantsStore.fetchAll();
|
||
toast.success('Plante créée');
|
||
}
|
||
closeForm();
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message
|
||
}
|
||
finally {
|
||
submitting.value = false;
|
||
}
|
||
}
|
||
async function removePlant(id) {
|
||
if (!confirm('Supprimer définitivement cette plante ?'))
|
||
return;
|
||
try {
|
||
await plantsStore.remove(id);
|
||
closeDetail();
|
||
toast.success('Plante supprimée');
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message
|
||
}
|
||
}
|
||
function openUpload(p) {
|
||
uploadTarget.value = p;
|
||
fileInput.value?.click();
|
||
}
|
||
async function handleFileUpload(e) {
|
||
const file = e.target.files?.[0];
|
||
if (!file || !uploadTarget.value)
|
||
return;
|
||
const fd = new FormData();
|
||
fd.append('file', file);
|
||
try {
|
||
const { data: uploaded } = await axios.post('/api/upload', fd);
|
||
await axios.post('/api/media', {
|
||
entity_type: 'plante', entity_id: uploadTarget.value.id,
|
||
url: uploaded.url, thumbnail_url: uploaded.thumbnail_url,
|
||
});
|
||
await fetchPhotos(uploadTarget.value.id);
|
||
toast.success('Photo ajoutée');
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message
|
||
}
|
||
finally {
|
||
uploadTarget.value = null;
|
||
if (fileInput.value)
|
||
fileInput.value.value = '';
|
||
}
|
||
}
|
||
async function deletePhoto(m) {
|
||
if (!confirm('Supprimer cette photo ?'))
|
||
return;
|
||
try {
|
||
await axios.delete(`/api/media/${m.id}`);
|
||
if (detailPlant.value)
|
||
await fetchPhotos(detailPlant.value.id);
|
||
toast.success('Photo supprimée');
|
||
}
|
||
catch {
|
||
// L'intercepteur Axios affiche le message
|
||
}
|
||
}
|
||
function autoResize(event) {
|
||
const el = event.target;
|
||
el.style.height = 'auto';
|
||
el.style.height = el.scrollHeight + 'px';
|
||
}
|
||
onMounted(async () => {
|
||
try {
|
||
await plantsStore.fetchAll();
|
||
}
|
||
catch {
|
||
toast.error('Impossible de charger les plantes');
|
||
}
|
||
});
|
||
debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
|
||
const __VLS_ctx = {};
|
||
let __VLS_components;
|
||
let __VLS_directives;
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-4 max-w-[1800px] mx-auto space-y-6" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex flex-col md:flex-row md:items-center justify-between gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({
|
||
...{ class: "text-3xl font-bold text-yellow tracking-tight" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex gap-2" },
|
||
});
|
||
for (const [cat] of __VLS_getVForSourceType((__VLS_ctx.categories))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
__VLS_ctx.selectedCat = cat.val;
|
||
} },
|
||
key: (cat.val),
|
||
...{ class: (['px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-widest transition-all border',
|
||
__VLS_ctx.selectedCat === cat.val ? 'bg-yellow text-bg border-yellow' : 'bg-bg-hard text-text-muted border-bg-soft hover:text-text']) },
|
||
});
|
||
(cat.label);
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-3" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "relative min-w-[300px]" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "absolute left-3 top-1/2 -translate-y-1/2 opacity-40" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
placeholder: "Rechercher une plante, variété...",
|
||
...{ class: "w-full bg-bg-hard border border-bg-soft rounded-full pl-9 pr-4 py-2 text-text text-sm focus:border-yellow transition-all outline-none shadow-inner" },
|
||
});
|
||
(__VLS_ctx.searchQuery);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
__VLS_ctx.showForm = true;
|
||
} },
|
||
...{ class: "btn-primary !bg-yellow !text-bg flex items-center gap-2 rounded-lg py-2 px-4 shadow-lg hover:scale-105 transition-all font-bold" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-lg" },
|
||
});
|
||
if (__VLS_ctx.plantsStore.loading) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4" },
|
||
});
|
||
for (const [i] of __VLS_getVForSourceType((10))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
key: (i),
|
||
...{ class: "card-jardin h-40 animate-pulse opacity-20" },
|
||
});
|
||
}
|
||
}
|
||
else {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4" },
|
||
});
|
||
for (const [p] of __VLS_getVForSourceType((__VLS_ctx.filteredPlants))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!!(__VLS_ctx.plantsStore.loading))
|
||
return;
|
||
__VLS_ctx.openDetails(p);
|
||
} },
|
||
key: ((p.nom_commun || '').toLowerCase()),
|
||
...{ class: "card-jardin !p-0 group overflow-hidden flex flex-col hover:border-yellow/40 transition-all border-l-[6px] relative min-h-[160px] cursor-pointer" },
|
||
...{ style: ({ borderLeftColor: __VLS_ctx.getCatColor(__VLS_ctx.groupPrimaryCategory(p.nom_commun || '')) }) },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "absolute top-2 left-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: (['text-[7px] font-black uppercase tracking-[0.2em] px-2 py-0.5 rounded bg-bg/60 backdrop-blur-sm', __VLS_ctx.catTextClass(__VLS_ctx.groupPrimaryCategory(p.nom_commun || ''))]) },
|
||
});
|
||
(__VLS_ctx.groupPrimaryCategory(p.nom_commun || ''));
|
||
if (__VLS_ctx.groupSize(p.nom_commun || '') > 1) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "absolute top-2 right-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black px-2 py-0.5 rounded-full bg-yellow/20 text-yellow border border-yellow/30" },
|
||
});
|
||
(__VLS_ctx.groupSize(p.nom_commun || ''));
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-5 flex-1 flex flex-col justify-center" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({
|
||
...{ class: "text-text font-bold text-2xl leading-tight group-hover:text-yellow transition-colors capitalize" },
|
||
});
|
||
(p.nom_commun);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "mt-4 flex flex-wrap gap-2" },
|
||
});
|
||
if (p.plantation_mois) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 bg-bg/40 px-2 py-1 rounded border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px]" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted" },
|
||
});
|
||
(p.plantation_mois);
|
||
}
|
||
if (p.besoin_eau) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 bg-bg/40 px-2 py-1 rounded border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] text-blue" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted" },
|
||
});
|
||
(p.besoin_eau);
|
||
}
|
||
}
|
||
}
|
||
if (__VLS_ctx.detailPlant) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (__VLS_ctx.closeDetail) },
|
||
...{ class: "fixed inset-0 bg-black/80 backdrop-blur-sm z-50 flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg-hard rounded-3xl w-full max-w-2xl border border-bg-soft shadow-2xl overflow-hidden flex flex-col max-h-[90vh]" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-6 border-b border-bg-soft" },
|
||
...{ style: ({ borderLeft: `8px solid ${__VLS_ctx.getCatColor(__VLS_ctx.detailPlant.categorie || '')}` }) },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex justify-between items-start" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex-1 min-w-0" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: (['text-[10px] font-black uppercase tracking-widest px-2 py-1 rounded mb-2 inline-block bg-bg/50', __VLS_ctx.catTextClass(__VLS_ctx.detailPlant.categorie || '')]) },
|
||
});
|
||
(__VLS_ctx.detailPlant.categorie);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({
|
||
...{ class: "text-text font-black text-4xl leading-none capitalize" },
|
||
});
|
||
(__VLS_ctx.detailPlant.nom_commun);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-3 mt-3" },
|
||
});
|
||
if (__VLS_ctx.detailPlantGroup.length > 1) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.prevVariety) },
|
||
disabled: (__VLS_ctx.detailVarietyIdx === 0),
|
||
...{ class: (['w-7 h-7 rounded-full border flex items-center justify-center text-sm font-bold transition-all',
|
||
__VLS_ctx.detailVarietyIdx === 0 ? 'border-bg-soft text-text-muted/30 cursor-not-allowed' : 'border-yellow/50 text-yellow hover:bg-yellow/10']) },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text-muted text-xs font-bold" },
|
||
});
|
||
(__VLS_ctx.detailVarietyIdx + 1);
|
||
(__VLS_ctx.detailPlantGroup.length);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.nextVariety) },
|
||
disabled: (__VLS_ctx.detailVarietyIdx === __VLS_ctx.detailPlantGroup.length - 1),
|
||
...{ class: (['w-7 h-7 rounded-full border flex items-center justify-center text-sm font-bold transition-all',
|
||
__VLS_ctx.detailVarietyIdx === __VLS_ctx.detailPlantGroup.length - 1 ? 'border-bg-soft text-text-muted/30 cursor-not-allowed' : 'border-yellow/50 text-yellow hover:bg-yellow/10']) },
|
||
});
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.variete) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({
|
||
...{ class: "text-yellow font-bold uppercase tracking-widest text-sm" },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.variete);
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.closeDetail) },
|
||
...{ class: "text-text-muted hover:text-red transition-colors text-2xl ml-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-6 overflow-y-auto space-y-6" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-3 gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 text-blue" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "font-bold capitalize" },
|
||
});
|
||
(__VLS_ctx.detailPlant.besoin_eau);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 text-yellow" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "font-bold capitalize" },
|
||
});
|
||
(__VLS_ctx.detailPlant.besoin_soleil);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 text-green" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "font-bold" },
|
||
});
|
||
(__VLS_ctx.detailPlant.plantation_mois);
|
||
if (__VLS_ctx.detailPlantObj?.temp_germination) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm" },
|
||
});
|
||
(__VLS_ctx.detailPlantObj.temp_germination);
|
||
}
|
||
if (__VLS_ctx.detailPlantObj?.temps_levee_j) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm" },
|
||
});
|
||
(__VLS_ctx.detailPlantObj.temps_levee_j);
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.boutique_nom || __VLS_ctx.detailPlant.varieties?.[0]?.prix_achat || __VLS_ctx.detailPlant.varieties?.[0]?.poids || __VLS_ctx.detailPlant.varieties?.[0]?.dluo) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-2 sm:grid-cols-3 gap-3" },
|
||
});
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.boutique_nom) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm font-bold" },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.boutique_nom);
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.prix_achat) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-yellow font-bold" },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.prix_achat?.toFixed(2));
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.date_achat) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm" },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.date_achat);
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.poids) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm font-bold" },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.poids);
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.dluo) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: (['text-sm font-bold', __VLS_ctx.isDluoExpired(__VLS_ctx.detailPlant.varieties?.[0]?.dluo ?? '') ? 'text-red' : 'text-green']) },
|
||
});
|
||
(__VLS_ctx.detailPlant.varieties?.[0]?.dluo);
|
||
(__VLS_ctx.isDluoExpired(__VLS_ctx.detailPlant.varieties?.[0]?.dluo ?? '') ? ' ⚠️' : '');
|
||
}
|
||
if (__VLS_ctx.detailPlant.varieties?.[0]?.boutique_url) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/30 p-3 rounded-xl border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase block mb-0.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({
|
||
href: (__VLS_ctx.detailPlant.varieties?.[0]?.boutique_url),
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
...{ class: "text-blue text-xs hover:underline truncate block" },
|
||
});
|
||
}
|
||
}
|
||
if (__VLS_ctx.detailPlant.notes) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg/40 p-4 rounded-2xl border-l-4 border-yellow/30 text-text/90 leading-relaxed italic text-sm whitespace-pre-line" },
|
||
});
|
||
(__VLS_ctx.detailPlant.notes);
|
||
}
|
||
if (__VLS_ctx.detailAssociations?.associations_favorables?.length || __VLS_ctx.detailAssociations?.associations_defavorables?.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-3" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-2 gap-4" },
|
||
});
|
||
if (__VLS_ctx.detailAssociations?.associations_favorables?.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-[10px] font-black text-green uppercase mb-1.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex flex-wrap gap-1.5" },
|
||
});
|
||
for (const [n] of __VLS_getVForSourceType((__VLS_ctx.detailAssociations.associations_favorables))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
key: (n),
|
||
...{ class: "bg-green/10 border border-green/40 text-green text-[11px] px-2 py-0.5 rounded-full capitalize" },
|
||
});
|
||
(n);
|
||
}
|
||
}
|
||
if (__VLS_ctx.detailAssociations?.associations_defavorables?.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-[10px] font-black text-red uppercase mb-1.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex flex-wrap gap-1.5" },
|
||
});
|
||
for (const [n] of __VLS_getVForSourceType((__VLS_ctx.detailAssociations.associations_defavorables))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
key: (n),
|
||
...{ class: "bg-red/10 border border-red/40 text-red text-[11px] px-2 py-0.5 rounded-full capitalize" },
|
||
});
|
||
(n);
|
||
}
|
||
}
|
||
}
|
||
if (__VLS_ctx.detailVarieties.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-2 mt-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-[9px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
(__VLS_ctx.detailVarieties.length);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-1" },
|
||
});
|
||
for (const [v] of __VLS_getVForSourceType((__VLS_ctx.detailVarieties))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
key: (v.id),
|
||
...{ class: "flex items-center justify-between bg-bg/30 px-3 py-2 rounded-lg border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm font-bold" },
|
||
});
|
||
(v.variete || '(sans nom)');
|
||
if (v.boutique_nom) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text-muted text-xs ml-2" },
|
||
});
|
||
(v.boutique_nom);
|
||
}
|
||
if (v.prix_achat) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-yellow text-xs ml-2" },
|
||
});
|
||
(v.prix_achat.toFixed(2));
|
||
}
|
||
if (v.dluo && __VLS_ctx.isDluoExpired(v.dluo)) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-red text-xs ml-1" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex gap-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
if (!(__VLS_ctx.detailVarieties.length))
|
||
return;
|
||
__VLS_ctx.openEditVariety(v);
|
||
} },
|
||
...{ class: "text-text-muted hover:text-yellow text-xs px-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
if (!(__VLS_ctx.detailVarieties.length))
|
||
return;
|
||
__VLS_ctx.deleteVariety(v.id);
|
||
} },
|
||
...{ class: "text-text-muted hover:text-red text-xs px-2" },
|
||
});
|
||
}
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-3" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex justify-between items-center" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
__VLS_ctx.openUpload(__VLS_ctx.detailPlant);
|
||
} },
|
||
...{ class: "text-[10px] font-black text-yellow hover:underline uppercase" },
|
||
});
|
||
if (__VLS_ctx.loadingPhotos) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-4 gap-2 animate-pulse" },
|
||
});
|
||
for (const [i] of __VLS_getVForSourceType((4))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
key: (i),
|
||
...{ class: "aspect-square bg-bg-soft rounded-lg" },
|
||
});
|
||
}
|
||
}
|
||
else if (__VLS_ctx.plantPhotos.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-4 gap-2" },
|
||
});
|
||
for (const [m] of __VLS_getVForSourceType((__VLS_ctx.plantPhotos))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
if (!!(__VLS_ctx.loadingPhotos))
|
||
return;
|
||
if (!(__VLS_ctx.plantPhotos.length))
|
||
return;
|
||
__VLS_ctx.lightbox = m;
|
||
} },
|
||
key: (m.id),
|
||
...{ class: "aspect-square rounded-lg overflow-hidden bg-bg relative group cursor-pointer border border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.img)({
|
||
src: (m.thumbnail_url || m.url),
|
||
...{ class: "w-full h-full object-cover group-hover:scale-110 transition-transform" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
if (!!(__VLS_ctx.loadingPhotos))
|
||
return;
|
||
if (!(__VLS_ctx.plantPhotos.length))
|
||
return;
|
||
__VLS_ctx.deletePhoto(m);
|
||
} },
|
||
...{ class: "absolute top-1 right-1 w-6 h-6 bg-red/80 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity" },
|
||
});
|
||
}
|
||
}
|
||
else {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-center py-8 bg-bg/20 rounded-2xl border border-dashed border-bg-soft opacity-40" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-xs italic" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-4 bg-bg-hard border-t border-bg-soft flex gap-3" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.openAddVariety) },
|
||
...{ class: "btn-primary !bg-green !text-bg py-2 px-4 font-black uppercase text-xs flex items-center gap-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
__VLS_ctx.startEdit(__VLS_ctx.detailPlant);
|
||
} },
|
||
...{ class: "btn-primary !bg-yellow !text-bg flex-1 py-3 font-black uppercase text-xs tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.detailPlant))
|
||
return;
|
||
__VLS_ctx.removePlant(__VLS_ctx.detailPlant.id);
|
||
} },
|
||
...{ class: "btn-outline !border-red/20 !text-red hover:bg-red/10 px-6 py-3 font-black uppercase text-xs tracking-widest" },
|
||
});
|
||
}
|
||
if (__VLS_ctx.showForm || __VLS_ctx.editPlant) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (__VLS_ctx.closeForm) },
|
||
...{ class: "fixed inset-0 bg-black/80 backdrop-blur-sm z-50 flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg-hard rounded-3xl p-8 w-full max-w-4xl border border-bg-soft shadow-2xl max-h-[90vh] overflow-y-auto" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center justify-between mb-8 border-b border-bg-soft pb-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({
|
||
...{ class: "text-text font-black text-2xl uppercase tracking-tighter" },
|
||
});
|
||
(__VLS_ctx.editPlant ? 'Modifier la plante' : 'Nouvelle plante');
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.closeForm) },
|
||
...{ class: "text-text-muted hover:text-red transition-colors text-2xl" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.form, __VLS_intrinsicElements.form)({
|
||
...{ onSubmit: (__VLS_ctx.submitPlant) },
|
||
...{ class: "grid grid-cols-1 md:grid-cols-2 gap-6" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
required: true,
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.nom_commun);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.variete);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-2 gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
||
value: (__VLS_ctx.form.categorie),
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm outline-none focus:border-yellow appearance-none" },
|
||
});
|
||
for (const [c] of __VLS_getVForSourceType((__VLS_ctx.categories.slice(1)))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
key: (c.val),
|
||
value: (c.val),
|
||
});
|
||
(c.label.split(' ')[1]);
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.famille);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "space-y-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-2 gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
||
value: (__VLS_ctx.form.besoin_eau),
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm outline-none focus:border-yellow appearance-none" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "faible",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "moyen",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "élevé",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
||
value: (__VLS_ctx.form.besoin_soleil),
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm outline-none focus:border-yellow appearance-none" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "ombre",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "mi-ombre",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "plein soleil",
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.plantation_mois);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.textarea)({
|
||
...{ onInput: (__VLS_ctx.autoResize) },
|
||
value: (__VLS_ctx.form.notes),
|
||
rows: "1",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none resize-none overflow-hidden" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2 bg-bg/40 border border-bg-soft rounded-2xl p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center gap-2 mb-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] text-text-muted/50 italic" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "grid grid-cols-1 md:grid-cols-3 gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
||
value: (__VLS_ctx.form.boutique_nom),
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm outline-none focus:border-yellow appearance-none" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "",
|
||
});
|
||
for (const [b] of __VLS_getVForSourceType((__VLS_ctx.BOUTIQUES))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
key: (b),
|
||
value: (b),
|
||
});
|
||
(b);
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "number",
|
||
step: "0.01",
|
||
min: "0",
|
||
placeholder: "0.00",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.prix_achat);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "date",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.date_achat);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
placeholder: "ex: 5g, 50 graines, 1kg",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.poids);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "date",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.dluo);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "url",
|
||
placeholder: "https://...",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.form.boutique_url);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2 bg-bg/40 border border-bg-soft rounded-2xl p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center justify-between mb-3" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] font-black text-text-muted uppercase tracking-widest" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[9px] text-text-muted/50 ml-2 italic" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showForm || __VLS_ctx.editPlant))
|
||
return;
|
||
__VLS_ctx.showAssocModal = true;
|
||
} },
|
||
type: "button",
|
||
...{ class: "px-3 py-1 rounded-full text-xs font-bold border border-bg-soft text-text-muted hover:border-yellow hover:text-yellow transition-all" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "mb-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-[9px] font-black text-green uppercase tracking-widest mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex flex-wrap gap-1.5 min-h-[22px]" },
|
||
});
|
||
if (!__VLS_ctx.form.associations_favorables.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] text-text-muted/40 italic" },
|
||
});
|
||
}
|
||
for (const [n] of __VLS_getVForSourceType((__VLS_ctx.form.associations_favorables))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
key: (n),
|
||
...{ class: "flex items-center gap-1 bg-green/10 border border-green/40 text-green text-[11px] px-2 py-0.5 rounded-full capitalize" },
|
||
});
|
||
(n);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showForm || __VLS_ctx.editPlant))
|
||
return;
|
||
__VLS_ctx.askRemoveAssoc('fav', n);
|
||
} },
|
||
type: "button",
|
||
...{ class: "hover:text-red leading-none ml-0.5" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-[9px] font-black text-red uppercase tracking-widest mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex flex-wrap gap-1.5 min-h-[22px]" },
|
||
});
|
||
if (!__VLS_ctx.form.associations_defavorables.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-[10px] text-text-muted/40 italic" },
|
||
});
|
||
}
|
||
for (const [n] of __VLS_getVForSourceType((__VLS_ctx.form.associations_defavorables))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
key: (n),
|
||
...{ class: "flex items-center gap-1 bg-red/10 border border-red/40 text-red text-[11px] px-2 py-0.5 rounded-full capitalize" },
|
||
});
|
||
(n);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showForm || __VLS_ctx.editPlant))
|
||
return;
|
||
__VLS_ctx.askRemoveAssoc('def', n);
|
||
} },
|
||
type: "button",
|
||
...{ class: "hover:text-red/60 leading-none ml-0.5" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2 flex justify-between items-center pt-6 border-t border-bg-soft mt-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.closeForm) },
|
||
type: "button",
|
||
...{ class: "btn-outline border-transparent text-text-muted hover:text-red uppercase text-xs font-bold px-6" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
type: "submit",
|
||
...{ class: "btn-primary px-12 py-4 text-base shadow-xl !bg-yellow !text-bg" },
|
||
});
|
||
(__VLS_ctx.editPlant ? 'Sauvegarder' : 'Enregistrer');
|
||
}
|
||
if (__VLS_ctx.lightbox) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.lightbox))
|
||
return;
|
||
__VLS_ctx.lightbox = null;
|
||
} },
|
||
...{ class: "fixed inset-0 bg-black/95 z-[100] flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.img)({
|
||
src: (__VLS_ctx.lightbox.url),
|
||
...{ class: "max-w-full max-h-full object-contain rounded-lg shadow-2xl animate-fade-in" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ class: "absolute top-6 right-6 text-white text-4xl hover:text-yellow" },
|
||
});
|
||
}
|
||
if (__VLS_ctx.showAssocModal) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.showAssocModal = false;
|
||
} },
|
||
...{ class: "fixed inset-0 bg-black/80 backdrop-blur-sm z-[60] flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg-hard rounded-2xl w-full max-w-lg border border-bg-soft shadow-2xl flex flex-col max-h-[80vh]" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center justify-between p-4 border-b border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({
|
||
...{ class: "text-text font-black uppercase tracking-tight" },
|
||
});
|
||
(__VLS_ctx.form.nom_commun || 'plante');
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.showAssocModal = false;
|
||
} },
|
||
...{ class: "text-text-muted hover:text-red text-xl transition-colors" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "px-4 pt-3 pb-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
placeholder: "🔍 Filtrer les plantes...",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-3 py-2 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.assocFilter);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "overflow-y-auto flex-1 px-4 pb-4 space-y-1" },
|
||
});
|
||
for (const [name] of __VLS_getVForSourceType((__VLS_ctx.filteredAssocPlants))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
key: (name),
|
||
...{ class: "flex items-center justify-between py-2 px-3 rounded-xl hover:bg-bg/40 transition-colors" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-text text-sm font-medium flex-1 capitalize" },
|
||
});
|
||
(name);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex gap-1.5" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.setAssocState(name, 'fav');
|
||
} },
|
||
type: "button",
|
||
...{ class: (['px-2 py-1 rounded-lg text-[10px] font-black uppercase transition-all border',
|
||
__VLS_ctx.getAssocState(name) === 'fav'
|
||
? 'bg-green text-bg border-green'
|
||
: 'border-green/30 text-green/60 hover:border-green hover:text-green']) },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.setAssocState(name, 'def');
|
||
} },
|
||
type: "button",
|
||
...{ class: (['px-2 py-1 rounded-lg text-[10px] font-black uppercase transition-all border',
|
||
__VLS_ctx.getAssocState(name) === 'def'
|
||
? 'bg-red text-bg border-red'
|
||
: 'border-red/30 text-red/60 hover:border-red hover:text-red']) },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.setAssocState(name, null);
|
||
} },
|
||
type: "button",
|
||
...{ class: (['px-2 py-1 rounded-lg text-[10px] font-black uppercase transition-all border',
|
||
__VLS_ctx.getAssocState(name) === null
|
||
? 'bg-bg-soft text-text-muted border-bg-soft'
|
||
: 'border-bg-soft/40 text-text-muted/40 hover:border-bg-soft hover:text-text-muted']) },
|
||
});
|
||
}
|
||
if (!__VLS_ctx.filteredAssocPlants.length) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "text-center py-8 text-text-muted/40 text-xs italic" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "p-4 border-t border-bg-soft text-center" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.showAssocModal))
|
||
return;
|
||
__VLS_ctx.showAssocModal = false;
|
||
} },
|
||
...{ class: "px-6 py-2 rounded-xl bg-yellow text-bg font-black text-xs uppercase tracking-widest hover:opacity-90 transition-opacity" },
|
||
});
|
||
}
|
||
if (__VLS_ctx.confirmRemove) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "fixed inset-0 bg-black/60 z-[70] flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg-hard rounded-2xl p-6 w-full max-w-sm border border-bg-soft shadow-2xl text-center" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({
|
||
...{ class: "text-text mb-1 font-bold" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-yellow capitalize" },
|
||
});
|
||
(__VLS_ctx.confirmRemove.name);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({
|
||
...{ class: "text-text-muted text-xs mb-5" },
|
||
});
|
||
(__VLS_ctx.confirmRemove.type === 'fav' ? 'Retirer des associations favorables' : 'Retirer des associations défavorables');
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex gap-3 justify-center" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (...[$event]) => {
|
||
if (!(__VLS_ctx.confirmRemove))
|
||
return;
|
||
__VLS_ctx.confirmRemove = null;
|
||
} },
|
||
...{ class: "px-4 py-2 rounded-xl border border-bg-soft text-text-muted text-xs font-bold hover:text-text transition-colors" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.confirmRemoveAssoc) },
|
||
...{ class: "px-4 py-2 rounded-xl bg-red text-bg text-xs font-black uppercase hover:opacity-90 transition-opacity" },
|
||
});
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
...{ onChange: (__VLS_ctx.handleFileUpload) },
|
||
type: "file",
|
||
ref: "fileInput",
|
||
accept: "image/*",
|
||
...{ class: "hidden" },
|
||
});
|
||
/** @type {typeof __VLS_ctx.fileInput} */ ;
|
||
if (__VLS_ctx.showFormVariety) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ onClick: (__VLS_ctx.closeFormVariety) },
|
||
...{ class: "fixed inset-0 bg-black/80 backdrop-blur-sm z-[70] flex items-center justify-center p-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "bg-bg-hard rounded-3xl p-6 w-full max-w-xl border border-bg-soft shadow-2xl max-h-[90vh] overflow-y-auto" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "flex items-center justify-between mb-5 border-b border-bg-soft pb-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({
|
||
...{ class: "text-text font-black text-xl uppercase" },
|
||
});
|
||
(__VLS_ctx.editVariety ? 'Modifier la variété' : '➕ Nouvelle variété');
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.closeFormVariety) },
|
||
...{ class: "text-text-muted hover:text-red text-2xl" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({
|
||
...{ class: "text-text-muted text-xs mb-4 italic" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
||
...{ class: "text-yellow font-bold" },
|
||
});
|
||
(__VLS_ctx.detailPlantObj?.nom_commun);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.form, __VLS_intrinsicElements.form)({
|
||
...{ onSubmit: (__VLS_ctx.submitVariety) },
|
||
...{ class: "grid grid-cols-1 md:grid-cols-2 gap-4" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
required: true,
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
placeholder: "Ex: Nantaise, Cornue des Andes, Moneymaker…",
|
||
});
|
||
(__VLS_ctx.formVariety.variete);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
placeholder: "bio, f1, ancien, résistant…",
|
||
});
|
||
(__VLS_ctx.formVariety.tags);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
||
value: (__VLS_ctx.formVariety.boutique_nom),
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm outline-none focus:border-yellow appearance-none" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
value: "",
|
||
});
|
||
for (const [b] of __VLS_getVForSourceType((__VLS_ctx.BOUTIQUES))) {
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
||
key: (b),
|
||
value: (b),
|
||
});
|
||
(b);
|
||
}
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "number",
|
||
step: "0.01",
|
||
min: "0",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.formVariety.prix_achat);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
placeholder: "ex: 5g, 100 graines",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.formVariety.poids);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "date",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.formVariety.date_achat);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "date",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.formVariety.dluo);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.input)({
|
||
type: "url",
|
||
placeholder: "https://…",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none" },
|
||
});
|
||
(__VLS_ctx.formVariety.boutique_url);
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({
|
||
...{ class: "text-text-muted text-[10px] font-black uppercase tracking-widest block mb-1" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.textarea)({
|
||
value: (__VLS_ctx.formVariety.notes_variete),
|
||
rows: "3",
|
||
...{ class: "w-full bg-bg border border-bg-soft rounded-xl px-4 py-3 text-text text-sm focus:border-yellow outline-none resize-none" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
||
...{ class: "md:col-span-2 flex justify-between pt-4 border-t border-bg-soft" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
...{ onClick: (__VLS_ctx.closeFormVariety) },
|
||
type: "button",
|
||
...{ class: "text-text-muted hover:text-red uppercase text-xs font-bold px-6" },
|
||
});
|
||
__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
||
type: "submit",
|
||
...{ class: "btn-primary px-8 py-3 !bg-green !text-bg font-black" },
|
||
});
|
||
(__VLS_ctx.editVariety ? 'Sauvegarder' : 'Ajouter');
|
||
}
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-[1800px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:flex-row']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-tight']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['relative']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['min-w-[300px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['left-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['top-1/2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['-translate-y-1/2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['opacity-40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pl-9']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pr-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-inner']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!bg-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:scale-105']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['sm:grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['lg:grid-cols-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['xl:grid-cols-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['2xl:grid-cols-5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['card-jardin']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['h-40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['animate-pulse']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['opacity-20']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['sm:grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['lg:grid-cols-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['xl:grid-cols-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['2xl:grid-cols-5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['card-jardin']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!p-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['group']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:border-yellow/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-l-[6px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['relative']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['min-h-[160px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['top-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['left-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['top-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['right-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-yellow/20']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-yellow/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['leading-tight']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['group-hover:text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-wrap']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-blue']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/80']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['backdrop-blur-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-50']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-3xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-h-[90vh]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-start']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['min-w-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-4xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['leading-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mt-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-y-auto']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-blue']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['sm:grid-cols-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-blue']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:underline']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-l-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-yellow/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text/90']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['leading-relaxed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['whitespace-pre-line']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-wrap']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-green/10']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-green/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[11px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-wrap']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-red/10']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-red/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[11px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/30']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:underline']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['animate-pulse']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['aspect-square']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['aspect-square']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['relative']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['group']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['object-cover']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['group-hover:scale-110']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-transform']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['top-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['right-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['h-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-red/80']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['group-hover:opacity-100']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-opacity']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-8']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/20']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-dashed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['opacity-40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!bg-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!bg-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-outline']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!border-red/20']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:bg-red/10']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/80']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['backdrop-blur-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-50']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-3xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-8']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-4xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-h-[90vh]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-y-auto']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-8']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pb-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-tighter']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['appearance-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['appearance-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['appearance-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['resize-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted/50']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:grid-cols-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['appearance-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted/50']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-wrap']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['min-h-[22px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-green/10']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-green/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[11px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['leading-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[9px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-wrap']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['min-h-[22px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-red/10']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-red/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[11px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red/60']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['leading-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['ml-0.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pt-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-outline']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-transparent']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-12']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!bg-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/95']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-[100]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-h-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['object-contain']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['animate-fade-in']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['top-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['right-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-4xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/80']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['backdrop-blur-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-[60]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-lg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-h-[80vh]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-tight']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pt-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pb-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-y-auto']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pb-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['space-y-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:bg-bg/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-8']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted/40']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:opacity-90']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-opacity']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/60']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-[70]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['capitalize']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:opacity-90']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['transition-opacity']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hidden']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-black/80']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['backdrop-blur-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['z-[70]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg-hard']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-3xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['p-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-w-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['shadow-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['max-h-[90vh]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['overflow-y-auto']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-5']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pb-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['italic']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['grid-cols-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:grid-cols-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['appearance-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-[10px]']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['tracking-widest']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['block']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['bg-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['focus:border-yellow']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['outline-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['resize-none']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['md:col-span-2']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['pt-4']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['border-bg-soft']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-text-muted']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['hover:text-red']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['uppercase']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['px-8']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!bg-green']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['!text-bg']} */ ;
|
||
/** @type {__VLS_StyleScopedClasses['font-black']} */ ;
|
||
var __VLS_dollars;
|
||
const __VLS_self = (await import('vue')).defineComponent({
|
||
setup() {
|
||
return {
|
||
plantsStore: plantsStore,
|
||
showForm: showForm,
|
||
editPlant: editPlant,
|
||
selectedCat: selectedCat,
|
||
searchQuery: searchQuery,
|
||
plantPhotos: plantPhotos,
|
||
loadingPhotos: loadingPhotos,
|
||
lightbox: lightbox,
|
||
fileInput: fileInput,
|
||
detailPlantGroup: detailPlantGroup,
|
||
detailVarietyIdx: detailVarietyIdx,
|
||
detailPlant: detailPlant,
|
||
detailPlantObj: detailPlantObj,
|
||
detailVarieties: detailVarieties,
|
||
detailAssociations: detailAssociations,
|
||
showFormVariety: showFormVariety,
|
||
editVariety: editVariety,
|
||
formVariety: formVariety,
|
||
categories: categories,
|
||
BOUTIQUES: BOUTIQUES,
|
||
form: form,
|
||
showAssocModal: showAssocModal,
|
||
assocFilter: assocFilter,
|
||
confirmRemove: confirmRemove,
|
||
groupSize: groupSize,
|
||
groupPrimaryCategory: groupPrimaryCategory,
|
||
filteredPlants: filteredPlants,
|
||
filteredAssocPlants: filteredAssocPlants,
|
||
getAssocState: getAssocState,
|
||
setAssocState: setAssocState,
|
||
askRemoveAssoc: askRemoveAssoc,
|
||
confirmRemoveAssoc: confirmRemoveAssoc,
|
||
isDluoExpired: isDluoExpired,
|
||
getCatColor: getCatColor,
|
||
catTextClass: catTextClass,
|
||
closeDetail: closeDetail,
|
||
openDetails: openDetails,
|
||
prevVariety: prevVariety,
|
||
nextVariety: nextVariety,
|
||
startEdit: startEdit,
|
||
closeForm: closeForm,
|
||
openAddVariety: openAddVariety,
|
||
openEditVariety: openEditVariety,
|
||
closeFormVariety: closeFormVariety,
|
||
submitVariety: submitVariety,
|
||
deleteVariety: deleteVariety,
|
||
submitPlant: submitPlant,
|
||
removePlant: removePlant,
|
||
openUpload: openUpload,
|
||
handleFileUpload: handleFileUpload,
|
||
deletePhoto: deletePhoto,
|
||
autoResize: autoResize,
|
||
};
|
||
},
|
||
});
|
||
export default (await import('vue')).defineComponent({
|
||
setup() {
|
||
return {};
|
||
},
|
||
});
|
||
; /* PartiallyEnd: #4569/main.vue */
|