rook-cli 1.3.7 → 1.3.9

package/rook-framework/blocks/rk-icon-or-image.liquid

@@ -0,0 +1,704 @@
+{% comment %}
+  Block: RK Ícone ou Imagem
+  Renders an icon (from rk-icon-list) or an uploaded image.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+  Follows the same pattern as Horizon's icon.liquid block.
+{% endcomment %}
+
+<rk-icon-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+    {% if block.settings.alignment == 'center' %}text-align: center;{% elsif block.settings.alignment == 'right' %}text-align: right;{% endif %}
+  "
+>
+  {%- capture icon_content -%}
+    {% render 'rk-icon-or-image',
+      icon: block.settings.icon,
+      image: block.settings.image_upload,
+      size: block.settings.size,
+      custom_width: block.settings.custom_width,
+      color: block.settings.color
+    %}
+  {%- endcapture -%}
+
+  {%- if block.settings.link != blank -%}
+    <a
+      href="{{ block.settings.link }}"
+      class="rk-icon-block__link"
+      {% if block.settings.open_in_new_tab %}target="_blank" rel="noopener"{% endif %}
+    >
+      {{ icon_content }}
+    </a>
+  {%- else -%}
+    {{ icon_content }}
+  {%- endif -%}
+</rk-icon-block>
+
+{% schema %}
+{
+  "name": "RK | Ícone ou Imagem",
+  "tag": null,
+  "settings": [
+    {
+      "type": "header",
+      "content": "Ícone"
+    },
+    {
+      "type": "select",
+      "id": "icon",
+      "label": "Ícone",
+      "info": "Ignorado se uma imagem for enviada abaixo.",
+      "options": [
+        { "value": "none", "label": "Nenhum" },
+        {
+          "group": "Navegação",
+          "value": "menu", "label": "Menu"
+        },
+        {
+          "group": "Navegação",
+          "value": "search", "label": "Busca"
+        },
+        {
+          "group": "Navegação",
+          "value": "user", "label": "Usuário"
+        },
+        {
+          "group": "Navegação",
+          "value": "cart", "label": "Carrinho"
+        },
+        {
+          "group": "Navegação",
+          "value": "wishlist", "label": "Favoritos"
+        },
+        {
+          "group": "Navegação",
+          "value": "heart", "label": "Coração"
+        },
+        {
+          "group": "Navegação",
+          "value": "globe", "label": "Globo"
+        },
+        {
+          "group": "Navegação",
+          "value": "home", "label": "Início"
+        },
+        {
+          "group": "Navegação",
+          "value": "trash", "label": "Lixeira"
+        },
+        {
+          "group": "Navegação",
+          "value": "arrow", "label": "Seta"
+        },
+        {
+          "group": "Navegação",
+          "value": "arrow-right", "label": "Seta Direita"
+        },
+        {
+          "group": "Navegação",
+          "value": "chevron-down", "label": "Chevron Baixo"
+        },
+        {
+          "group": "Navegação",
+          "value": "chevron-up", "label": "Chevron Cima"
+        },
+        {
+          "group": "Navegação",
+          "value": "chevron-left", "label": "Chevron Esquerda"
+        },
+        {
+          "group": "Navegação",
+          "value": "chevron-right", "label": "Chevron Direita"
+        },
+        {
+          "group": "Navegação",
+          "value": "close", "label": "Fechar"
+        },
+        {
+          "group": "Navegação",
+          "value": "check", "label": "Confirmação"
+        },
+        {
+          "group": "Produto",
+          "value": "plus", "label": "Mais"
+        },
+        {
+          "group": "Produto",
+          "value": "minus", "label": "Menos"
+        },
+        {
+          "group": "Produto",
+          "value": "share", "label": "Compartilhar"
+        },
+        {
+          "group": "Produto",
+          "value": "star", "label": "Estrela"
+        },
+        {
+          "group": "Produto",
+          "value": "star-outline", "label": "Estrela (contorno)"
+        },
+        {
+          "group": "Produto",
+          "value": "zoom", "label": "Zoom"
+        },
+        {
+          "group": "Produto",
+          "value": "play", "label": "Play"
+        },
+        {
+          "group": "Produto",
+          "value": "info", "label": "Informação"
+        },
+        {
+          "group": "Produto",
+          "value": "filter", "label": "Filtro"
+        },
+        {
+          "group": "Produto",
+          "value": "eye", "label": "Olho"
+        },
+        {
+          "group": "Produto",
+          "value": "compare", "label": "Comparar"
+        },
+        {
+          "group": "Produto",
+          "value": "sort", "label": "Ordenar"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "ruler", "label": "Régua"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "scissors", "label": "Tesoura"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "expand", "label": "Expandir"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "layers", "label": "Camadas"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "iron", "label": "Ferro"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "hanger", "label": "Cabide"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "tape-measure", "label": "Fita Métrica"
+        },
+        {
+          "group": "Medidas e Técnico",
+          "value": "size-guide", "label": "Guia de Tamanhos"
+        },
+        {
+          "group": "Benefícios",
+          "value": "leaf", "label": "Folha / Sustentável"
+        },
+        {
+          "group": "Benefícios",
+          "value": "plant", "label": "Planta"
+        },
+        {
+          "group": "Benefícios",
+          "value": "sparkles", "label": "Brilhos / Novidade"
+        },
+        {
+          "group": "Benefícios",
+          "value": "zap", "label": "Raio / Rápido"
+        },
+        {
+          "group": "Benefícios",
+          "value": "lightning_bolt", "label": "Raio"
+        },
+        {
+          "group": "Benefícios",
+          "value": "shield-check", "label": "Escudo / Segurança"
+        },
+        {
+          "group": "Benefícios",
+          "value": "gem", "label": "Gema / Premium"
+        },
+        {
+          "group": "Benefícios",
+          "value": "hand-heart", "label": "Artesanal"
+        },
+        {
+          "group": "Benefícios",
+          "value": "recycle", "label": "Reciclável"
+        },
+        {
+          "group": "Benefícios",
+          "value": "fire", "label": "Fogo / Destaque"
+        },
+        {
+          "group": "Benefícios",
+          "value": "crown", "label": "Coroa / VIP"
+        },
+        {
+          "group": "Benefícios",
+          "value": "medal", "label": "Medalha"
+        },
+        {
+          "group": "Benefícios",
+          "value": "thumbs-up", "label": "Joinha"
+        },
+        {
+          "group": "Benefícios",
+          "value": "verified", "label": "Verificado"
+        },
+        {
+          "group": "Benefícios",
+          "value": "eco", "label": "Eco-friendly"
+        },
+        {
+          "group": "Benefícios",
+          "value": "organic", "label": "Orgânico"
+        },
+        {
+          "group": "Logística",
+          "value": "truck", "label": "Caminhão"
+        },
+        {
+          "group": "Logística",
+          "value": "lock", "label": "Cadeado"
+        },
+        {
+          "group": "Logística",
+          "value": "return", "label": "Devolução"
+        },
+        {
+          "group": "Logística",
+          "value": "package", "label": "Pacote"
+        },
+        {
+          "group": "Logística",
+          "value": "gift", "label": "Presente"
+        },
+        {
+          "group": "Logística",
+          "value": "credit-card", "label": "Cartão de Crédito"
+        },
+        {
+          "group": "Logística",
+          "value": "percent", "label": "Porcentagem"
+        },
+        {
+          "group": "Logística",
+          "value": "coupon", "label": "Cupom"
+        },
+        {
+          "group": "Logística",
+          "value": "wallet", "label": "Carteira"
+        },
+        {
+          "group": "Logística",
+          "value": "receipt", "label": "Recibo"
+        },
+        {
+          "group": "Logística",
+          "value": "barcode", "label": "Código de Barras"
+        },
+        {
+          "group": "Logística",
+          "value": "price_tag", "label": "Etiqueta de Preço"
+        },
+        {
+          "group": "Logística",
+          "value": "store", "label": "Loja"
+        },
+        {
+          "group": "Logística",
+          "value": "delivery", "label": "Entrega"
+        },
+        {
+          "group": "Logística",
+          "value": "exchange", "label": "Troca"
+        },
+        {
+          "group": "Logística",
+          "value": "warranty", "label": "Garantia"
+        },
+        {
+          "group": "Logística",
+          "value": "plane", "label": "Avião"
+        },
+        {
+          "group": "Comunicação",
+          "value": "chat_bubble", "label": "Chat"
+        },
+        {
+          "group": "Comunicação",
+          "value": "phone", "label": "Telefone"
+        },
+        {
+          "group": "Comunicação",
+          "value": "email", "label": "E-mail"
+        },
+        {
+          "group": "Comunicação",
+          "value": "bell", "label": "Sino"
+        },
+        {
+          "group": "Informação",
+          "value": "question_mark", "label": "Interrogação"
+        },
+        {
+          "group": "Informação",
+          "value": "error", "label": "Erro"
+        },
+        {
+          "group": "Informação",
+          "value": "check_box", "label": "Checkbox"
+        },
+        {
+          "group": "Informação",
+          "value": "clipboard", "label": "Clipboard"
+        },
+        {
+          "group": "Informação",
+          "value": "clock", "label": "Relógio"
+        },
+        {
+          "group": "Informação",
+          "value": "stopwatch", "label": "Cronômetro"
+        },
+        {
+          "group": "Informação",
+          "value": "calendar", "label": "Calendário"
+        },
+        {
+          "group": "Informação",
+          "value": "map_pin", "label": "Pin de Mapa"
+        },
+        {
+          "group": "Informação",
+          "value": "download", "label": "Download"
+        },
+        {
+          "group": "Informação",
+          "value": "upload", "label": "Upload"
+        },
+        {
+          "group": "Informação",
+          "value": "link", "label": "Link"
+        },
+        {
+          "group": "Informação",
+          "value": "silhouette", "label": "Perfil"
+        },
+        {
+          "group": "Informação",
+          "value": "qr-code", "label": "QR Code"
+        },
+        {
+          "group": "Informação",
+          "value": "snowflake", "label": "Floco de Neve"
+        },
+        {
+          "group": "Informação",
+          "value": "scan", "label": "Escanear"
+        },
+        {
+          "group": "Informação",
+          "value": "refresh", "label": "Atualizar"
+        },
+        {
+          "group": "Informação",
+          "value": "sun", "label": "Sol"
+        },
+        {
+          "group": "Informação",
+          "value": "moon", "label": "Lua"
+        },
+        {
+          "group": "Informação",
+          "value": "cookie", "label": "Cookie"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "shirt", "label": "Camisa"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "shoe", "label": "Sapato"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "pants", "label": "Calça"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "dress", "label": "Vestido"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "glasses", "label": "Óculos"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "watch", "label": "Relógio"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "lipstick", "label": "Batom"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "perfume", "label": "Perfume"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "diamond", "label": "Diamante"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "paw-print", "label": "Patinha"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "leather", "label": "Couro"
+        },
+        {
+          "group": "Moda e Vestuário",
+          "value": "hanger", "label": "Cabide"
+        },
+        {
+          "group": "Alimentação",
+          "value": "apple", "label": "Maçã"
+        },
+        {
+          "group": "Alimentação",
+          "value": "banana", "label": "Banana"
+        },
+        {
+          "group": "Alimentação",
+          "value": "carrot", "label": "Cenoura"
+        },
+        {
+          "group": "Alimentação",
+          "value": "serving-dish", "label": "Travessa"
+        },
+        {
+          "group": "Alimentação",
+          "value": "dairy", "label": "Laticínio"
+        },
+        {
+          "group": "Alimentação",
+          "value": "dairy-free", "label": "Sem Lactose"
+        },
+        {
+          "group": "Alimentação",
+          "value": "gluten-free", "label": "Sem Glúten"
+        },
+        {
+          "group": "Alimentação",
+          "value": "nut-free", "label": "Sem Nozes"
+        },
+        {
+          "group": "Alimentação",
+          "value": "pepper", "label": "Pimenta"
+        },
+        {
+          "group": "Alimentação",
+          "value": "bottle", "label": "Garrafa"
+        },
+        {
+          "group": "Cuidados e Lavagem",
+          "value": "washing", "label": "Lavagem"
+        },
+        {
+          "group": "Cuidados e Lavagem",
+          "value": "dryer", "label": "Secadora"
+        },
+        {
+          "group": "Cuidados e Lavagem",
+          "value": "hand-wash", "label": "Lavar à mão"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "instagram", "label": "Instagram"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "tiktok", "label": "TikTok"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "facebook", "label": "Facebook"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "x", "label": "X (Twitter)"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "youtube", "label": "YouTube"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "whatsapp", "label": "WhatsApp"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "telegram", "label": "Telegram"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "spotify", "label": "Spotify"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "pinterest", "label": "Pinterest"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "linkedin", "label": "LinkedIn"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "bluesky", "label": "Bluesky"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "snapchat", "label": "Snapchat"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "threads", "label": "Threads"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "tumblr", "label": "Tumblr"
+        },
+        {
+          "group": "Redes Sociais",
+          "value": "vimeo", "label": "Vimeo"
+        }
+      ],
+      "default": "heart"
+    },
+    {
+      "type": "header",
+      "content": "Imagem personalizada"
+    },
+    {
+      "type": "image_picker",
+      "id": "image_upload",
+      "label": "Imagem",
+      "info": "Se preenchida, substitui o ícone acima."
+    },
+    {
+      "type": "header",
+      "content": "Aparência"
+    },
+    {
+      "type": "select",
+      "id": "size",
+      "label": "Tamanho",
+      "options": [
+        { "value": "sm", "label": "Pequeno (16px)" },
+        { "value": "md", "label": "Médio (20px)" },
+        { "value": "lg", "label": "Grande (24px)" },
+        { "value": "xl", "label": "Extra Grande (32px)" },
+        { "value": "custom", "label": "Personalizado" }
+      ],
+      "default": "md"
+    },
+    {
+      "type": "range",
+      "id": "custom_width",
+      "label": "Largura personalizada",
+      "min": 12,
+      "max": 200,
+      "step": 2,
+      "unit": "px",
+      "default": 24,
+      "info": "Usado apenas quando o tamanho é 'Personalizado'."
+    },
+    {
+      "type": "color",
+      "id": "color",
+      "label": "Cor do ícone",
+      "info": "Aplica-se apenas ao ícone SVG, não à imagem."
+    },
+    {
+      "type": "text_alignment",
+      "id": "alignment",
+      "label": "Alinhamento",
+      "default": "left"
+    },
+    {
+      "type": "url",
+      "id": "link",
+      "label": "Link"
+    },
+    {
+      "type": "checkbox",
+      "id": "open_in_new_tab",
+      "label": "Abrir em nova aba",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Ícone ou Imagem",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}