takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/components/Functions/index.js

@@ -0,0 +1,215 @@
+"use client";
+
+// src/components/Functions/index.tsx
+import { forwardRef, useEffect as useEffect2, useState } from "react";
+
+// src/hooks/useChatProvider.ts
+import { useEffect } from "react";
+function loadHubspot() {
+  window.hsConversationsSettings = { loadImmediately: false };
+  var s = document.createElement("script");
+  s.type = "text/javascript";
+  s.id = "hs-script-loader";
+  s.async = true;
+  s.defer = true;
+  s.src = "//js.hs-scripts.com/24373118.js";
+  document.body.appendChild(s);
+}
+var useChatProvider = () => {
+  useEffect(() => {
+    loadHubspot();
+  }, []);
+};
+
+// src/utils/functions.ts
+import axios from "axios";
+import {
+  addDays,
+  getDaysInMonth,
+  isAfter,
+  isBefore,
+  set,
+  subDays
+} from "date-fns";
+var formatPrice = (price, options) => {
+  if (price === void 0 || price === null) return "";
+  const hasDecimal = price.toString().includes(".") || price.toString().includes(",");
+  if (typeof price === "string") {
+    price = price.replace(/\./g, "").replace(",", "");
+  }
+  const parsedPrice = typeof price === "string" ? parseFloat(price) / (hasDecimal ? 100 : 1) : price;
+  const amount = new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL",
+    ...options
+  }).format(parsedPrice);
+  return (options == null ? void 0 : options.hasPrefix) === false ? `${amount}`.substring(3) : `${amount}`;
+};
+var maskString = (string, percent = 50, char = "*") => {
+  const length = string.length;
+  const charAmount = length * (percent / 100);
+  const firstAmount = Math.floor((length - charAmount) / 2);
+  return string.substring(0, firstAmount) + char.repeat(charAmount) + string.substring(firstAmount + charAmount);
+};
+var clearPhone = (phone) => {
+  return phone.replace(/\D/g, "");
+};
+var getAddressByCep = async (cep) => {
+  const formattedCep = cep.replace(/(\.|-)/gi, "");
+  try {
+    const { data } = await axios.get(
+      `https://viacep.com.br/ws/${formattedCep}/json/`
+    );
+    return { ...data, provider: "viacep" };
+  } catch (_err) {
+    const { data } = await axios.get(
+      `https://brasilapi.com.br/api/cep/v2/${cep}`
+    );
+    return {
+      cep: data.cep,
+      logradouro: data.street,
+      bairro: data.neighborhood,
+      localidade: data.city,
+      uf: data.state,
+      provider: "brasilapi",
+      brasilapi_service: data.service
+    };
+  }
+};
+
+// src/components/Functions/styles.css.ts
+var container = "styles_container__klixb60";
+var functionContainer = "styles_functionContainer__klixb62";
+var styledTable = "styles_styledTable__klixb61";
+
+// src/components/Functions/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FORMAT_PRICE_VALUES = [
+  89.9,
+  "89.90",
+  "89,90",
+  89.9999,
+  "1.000,50",
+  "405"
+];
+var CEP = "29050705";
+var Functions = forwardRef(function Functions2({ ...props }, ref) {
+  const [viacep, setViacep] = useState(null);
+  useChatProvider();
+  useEffect2(() => {
+    const getCeps = async () => {
+      const resViacep = await getAddressByCep(CEP);
+      setViacep(JSON.stringify(resViacep, null, 2));
+    };
+    getCeps();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref, className: container, ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: functionContainer, children: [
+      /* @__PURE__ */ jsx("h2", { children: "formatPrice(price, options)" }),
+      /* @__PURE__ */ jsx("p", { children: "Fun\xE7\xE3o que formata um valor num\xE9rico ou string para o formato de pre\xE7o brasileiro." }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "price: " }),
+        " string | number;"
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "options?:" }),
+        "{hasPrefix?: boolean , minimumFractionDigits?: number}",
+        "; default:",
+        " ",
+        "{hasPrefix: true, minimumFractionDigits: 2}"
+      ] }),
+      /* @__PURE__ */ jsxs("table", { className: styledTable, children: [
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", { colSpan: 2, children: "formatPrice" }) }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { children: "Entrada" }),
+            /* @__PURE__ */ jsx("th", { children: "Sa\xEDda" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: FORMAT_PRICE_VALUES.map((value, index) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: typeof value === "string" ? `"${value}"` : value }),
+          /* @__PURE__ */ jsx("td", { children: formatPrice(value) })
+        ] }, index)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: functionContainer, children: [
+      /* @__PURE__ */ jsx("h2", { children: "maskString(string, percent, char)" }),
+      /* @__PURE__ */ jsx("p", { children: "Fun\xE7\xE3o que mascara parte de uma string" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "string: " }),
+        " string;"
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "percent: " }),
+        " number; default: 50"
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "char: " }),
+        ' string; default: "*"'
+      ] }),
+      /* @__PURE__ */ jsxs("table", { className: styledTable, children: [
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", { colSpan: 2, children: "maskString" }) }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { children: "Entrada" }),
+            /* @__PURE__ */ jsx("th", { children: "Sa\xEDda" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: "String de exemplo" }),
+          /* @__PURE__ */ jsx("td", { children: maskString("String de exemplo") })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: functionContainer, children: [
+      /* @__PURE__ */ jsx("h2", { children: "getAddressByCep(cep)" }),
+      /* @__PURE__ */ jsx("p", { children: "Fun\xE7\xE3o que retorna um endere\xE7o baseado no CEP fornecido" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "cep: " }),
+        " string;",
+        /* @__PURE__ */ jsx("b", { children: "provider?: 'viacep' | 'brasilapi'. Default: 'viacep'" })
+      ] }),
+      /* @__PURE__ */ jsxs("table", { className: styledTable, children: [
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", { colSpan: 3, children: "getAddressByCep" }) }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { children: "Provedor" }),
+            /* @__PURE__ */ jsx("th", { children: "Entrada" }),
+            /* @__PURE__ */ jsx("th", { children: "Sa\xEDda" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: "Via cep" }),
+          /* @__PURE__ */ jsx("td", { children: CEP }),
+          /* @__PURE__ */ jsx("td", { style: { whiteSpace: "pre", textAlign: "left" }, children: viacep })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: functionContainer, children: [
+      /* @__PURE__ */ jsx("h2", { children: "clearPhone(phone)" }),
+      /* @__PURE__ */ jsx("p", { children: "Fun\xE7\xE3o que limpa uma string de telefone e retorna apenas os n\xFAmeros" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("b", { children: "phone: " }),
+        " string;"
+      ] }),
+      /* @__PURE__ */ jsxs("table", { className: styledTable, children: [
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", { colSpan: 2, children: "maskString" }) }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { children: "Entrada" }),
+            /* @__PURE__ */ jsx("th", { children: "Sa\xEDda" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: "(28) 99961-8010" }),
+          /* @__PURE__ */ jsx("td", { children: clearPhone("(28) 99961-8010") })
+        ] }) })
+      ] })
+    ] })
+  ] });
+});
+Functions.displayName = "Functions";
+export {
+  Functions
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Functions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Functions/index.tsx","../../../src/hooks/useChatProvider.ts","../../../src/utils/functions.ts","../../../src/components/Functions/styles.css.ts"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { useChatProvider } from \"../../hooks/useChatProvider\";\nimport {\n  clearPhone,\n  formatPrice,\n  getAddressByCep,\n  maskString,\n} from \"../../utils/functions\";\nimport { container, functionContainer, styledTable } from \"./styles.css\";\n\ninterface FunctionsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FORMAT_PRICE_VALUES = [\n  89.9,\n  \"89.90\",\n  \"89,90\",\n  89.9999,\n  \"1.000,50\",\n  \"405\",\n];\n\nconst CEP = \"29050705\";\n\nexport const Functions = forwardRef(function Functions(\n  { ...props }: FunctionsProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const [viacep, setViacep] = useState<string | null>(null);\n\n  useChatProvider();\n\n  useEffect(() => {\n    const getCeps = async () => {\n      const resViacep = await getAddressByCep(CEP);\n\n      setViacep(JSON.stringify(resViacep, null, 2));\n    };\n\n    getCeps();\n  }, []);\n\n  return (\n    <div ref={ref} className={container} {...props}>\n      <div className={functionContainer}>\n        <h2>formatPrice(price, options)</h2>\n        <p>\n          Função que formata um valor numérico ou string para o formato de preço\n          brasileiro.\n        </p>\n        <p>\n          <b>price: </b> string | number;\n        </p>\n        <p>\n          <b>options?:</b>\n          {\"{hasPrefix?: boolean , minimumFractionDigits?: number}\"}; default:{\" \"}\n          {\"{hasPrefix: true, minimumFractionDigits: 2}\"}\n        </p>\n        <table className={styledTable}>\n          <thead>\n            <tr>\n              <th colSpan={2}>formatPrice</th>\n            </tr>\n            <tr>\n              <th>Entrada</th>\n              <th>Saída</th>\n            </tr>\n          </thead>\n          <tbody>\n            {FORMAT_PRICE_VALUES.map((value, index) => (\n              <tr key={index}>\n                <td>{typeof value === \"string\" ? `\"${value}\"` : value}</td>\n                <td>{formatPrice(value)}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      <div className={functionContainer}>\n        <h2>maskString(string, percent, char)</h2>\n        <p>Função que mascara parte de uma string</p>\n        <p>\n          <b>string: </b> string;\n        </p>\n        <p>\n          <b>percent: </b> number; default: 50\n        </p>\n        <p>\n          <b>char: </b> string; default: \"*\"\n        </p>\n        <table className={styledTable}>\n          <thead>\n            <tr>\n              <th colSpan={2}>maskString</th>\n            </tr>\n            <tr>\n              <th>Entrada</th>\n              <th>Saída</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>{\"String de exemplo\"}</td>\n              <td>{maskString(\"String de exemplo\")}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <div className={functionContainer}>\n        <h2>getAddressByCep(cep)</h2>\n        <p>Função que retorna um endereço baseado no CEP fornecido</p>\n        <p>\n          <b>cep: </b> string;\n          <b>provider?: 'viacep' | 'brasilapi'. Default: 'viacep'</b>\n        </p>\n        <table className={styledTable}>\n          <thead>\n            <tr>\n              <th colSpan={3}>getAddressByCep</th>\n            </tr>\n            <tr>\n              <th>Provedor</th>\n              <th>Entrada</th>\n              <th>Saída</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>Via cep</td>\n              <td>{CEP}</td>\n              <td style={{ whiteSpace: \"pre\", textAlign: \"left\" }}>{viacep}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <div className={functionContainer}>\n        <h2>clearPhone(phone)</h2>\n        <p>\n          Função que limpa uma string de telefone e retorna apenas os números\n        </p>\n        <p>\n          <b>phone: </b> string;\n        </p>\n        <table className={styledTable}>\n          <thead>\n            <tr>\n              <th colSpan={2}>maskString</th>\n            </tr>\n            <tr>\n              <th>Entrada</th>\n              <th>Saída</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>{\"(28) 99961-8010\"}</td>\n              <td>{clearPhone(\"(28) 99961-8010\")}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n});\n\nFunctions.displayName = \"Functions\";\n","// @ts-nocheck\n// import { AxiosInstance } from \"axios\";\nimport { useEffect } from \"react\";\n\n// import { useQuery, useQueryClient } from \"@tanstack/react-query\";\n\n// const loadChatWoot = () => {\n//   window.chatwootSettings = {\n//     position: \"right\",\n//     type: \"standard\",\n//     launcherTitle: \"Fale conosco no chat\",\n//   };\n//   var BASE_URL = \"https://chatwoot.takeat.cloud\";\n//   var g = document.createElement(\"script\");\n\n//   g.src = BASE_URL + \"/packs/js/sdk.js\";\n//   g.defer = true;\n//   g.async = true;\n\n//   g.onload = function () {\n//     if (window.chatwootSDK && window.chatwootSDK.run) {\n//       window.chatwootSDK.run({\n//         websiteToken: \"FNDKaRvRLpcvmqVaWZMR19A5\",\n//         baseUrl: BASE_URL,\n//       });\n//     }\n//   };\n\n//   document.body.appendChild(g);\n// };\n\nfunction loadHubspot() {\n  window.hsConversationsSettings = { loadImmediately: false };\n  var s = document.createElement(\"script\");\n\n  s.type = \"text/javascript\";\n  s.id = \"hs-script-loader\";\n  s.async = true;\n  s.defer = true;\n  s.src = \"//js.hs-scripts.com/24373118.js\";\n\n  document.body.appendChild(s);\n}\n\n// const setElementDisplay = (element: HTMLElement, shouldShow: boolean) => {\n//   if (element) {\n//     element.style.setProperty(\n//       \"display\",\n//       shouldShow ? \"unset\" : \"none\",\n//       \"important\"\n//     );\n//   }\n// };\n\nexport const useChatProvider = () => {\n  // const queryClient = useQueryClient();\n  // const { data: chatData } = useQuery({\n  //   queryKey: [\"chat\"],\n  //   queryFn: () => {\n  //     return api.get(\"/public/settings/chat\");\n  //   },\n  //   retry: 0,\n  //   staleTime: Infinity,\n  // });\n\n  // useWebsocket(\"update-chat-provider\", (data: any) => {\n  //   queryClient.setQueryData([\"chat\"], () => {\n  //     return { data: data.value };\n  //   });\n  // });\n\n  // const chatwootBubbleEl = document.getElementById(\"cw-bubble-holder\");\n  // const chatwootWidgetEl = document.getElementById(\"cw-widget-holder\");\n  // const hubspotEl = document.getElementById(\n  //   \"hubspot-messages-iframe-container\"\n  // );\n\n  // useEffect(() => {\n  //   const chatProvider = chatData?.data;\n\n  //   const isChatwoot = chatProvider === \"chatwoot\";\n  //   const isHubspot = chatProvider === \"hubspot\";\n\n  //   setElementDisplay(chatwootBubbleEl, isChatwoot);\n  //   setElementDisplay(chatwootWidgetEl, isChatwoot);\n  //   setElementDisplay(hubspotEl, isHubspot);\n  // }, [chatData?.data, chatwootBubbleEl, chatwootWidgetEl, hubspotEl]);\n\n  useEffect(() => {\n    // loadChatWoot();\n    loadHubspot();\n  }, []);\n};\n","import axios from \"axios\";\nimport {\n  addDays,\n  getDaysInMonth,\n  isAfter,\n  isBefore,\n  set,\n  subDays,\n} from \"date-fns\";\nimport type { MenuItemProps } from \"../components/CollapsableMenu/types\";\n\n// Função para calcular o MDC (Máximo Divisor Comum) usando o Algoritmo de Euclides\nexport const mdc = (a: number, b: number) => {\n  while (b !== 0) {\n    [a, b] = [b, a % b];\n  }\n  return a;\n};\n\n// Função para calcular o MMC (Mínimo Múltiplo Comum) de dois números\nexport const mmc = (a: number, b: number) => {\n  return Math.abs(a * b) / mdc(a, b);\n};\n\n// Função para calcular o MMC de um array de números\nexport const mmcArray = (numbers: number[]) => {\n  return numbers.reduce((acc, num) => mmc(acc, num), 1);\n};\n\ninterface PriceOptions {\n  hasPrefix?: boolean;\n  minimumFractionDigits?: number;\n  maximumFractionDigits?: number;\n}\n// Função para formatar preço\nexport const formatPrice = (price: number | string, options?: PriceOptions) => {\n  if (price === undefined || price === null) return \"\";\n\n  const hasDecimal =\n    price.toString().includes(\".\") || price.toString().includes(\",\");\n\n  if (typeof price === \"string\") {\n    price = price.replace(/\\./g, \"\").replace(\",\", \"\");\n  }\n\n  const parsedPrice =\n    typeof price === \"string\"\n      ? parseFloat(price) / (hasDecimal ? 100 : 1)\n      : price;\n\n  const amount = new Intl.NumberFormat(\"pt-BR\", {\n    style: \"currency\",\n    currency: \"BRL\",\n    ...options,\n  }).format(parsedPrice);\n\n  return options?.hasPrefix === false ? `${amount}`.substring(3) : `${amount}`;\n};\n\n// Função para mascarar uma string\nexport const maskString = (string: string, percent = 50, char = \"*\") => {\n  const length = string.length;\n  const charAmount = length * (percent / 100);\n  const firstAmount = Math.floor((length - charAmount) / 2);\n\n  return (\n    string.substring(0, firstAmount) +\n    char.repeat(charAmount) +\n    string.substring(firstAmount + charAmount)\n  );\n};\n\n// Função para limpar telefone\nexport const clearPhone = (phone: string) => {\n  return phone.replace(/\\D/g, \"\");\n};\n\n// Função para validar um CPF\nexport const validateCPF = (cpf: string) => {\n  if (cpf.length !== 11) {\n    return false;\n  }\n\n  if (cpf.match(/(\\d)\\1{10}/)) {\n    return false;\n  }\n\n  const numbers = cpf.substring(0, 9);\n  const digits = cpf.substring(9);\n\n  const sum = numbers\n    .split(\"\")\n    .map((number, index) => parseInt(number, 10) * (10 - index))\n    .reduce((acc, curr) => acc + curr);\n\n  const firstDigit = (sum * 10) % 11;\n\n  if (firstDigit.toString() !== digits.charAt(0)) {\n    return false;\n  }\n\n  const sum2 = numbers\n    .split(\"\")\n    .map((number, index) => parseInt(number, 10) * (11 - index))\n    .reduce((acc, curr) => acc + curr);\n\n  const secondDigit = (sum2 * 10) % 11;\n\n  return secondDigit.toString() === digits.charAt(1);\n};\n\n// Função para buscar endereço pelo cep\nexport const getAddressByCep = async (cep: string) => {\n  const formattedCep = cep.replace(/(\\.|-)/gi, \"\");\n  try {\n    const { data } = await axios.get(\n      `https://viacep.com.br/ws/${formattedCep}/json/`,\n    );\n\n    return { ...data, provider: \"viacep\" };\n  } catch (_err) {\n    const { data } = await axios.get(\n      `https://brasilapi.com.br/api/cep/v2/${cep}`,\n    );\n\n    return {\n      cep: data.cep,\n      logradouro: data.street,\n      bairro: data.neighborhood,\n      localidade: data.city,\n      uf: data.state,\n      provider: \"brasilapi\",\n      brasilapi_service: data.service,\n    };\n  }\n};\n\n// Função para converter HEX para RGB\nexport const hexToRgb = (hex: string): [number, number, number] => {\n  // Remove o '#' se presente\n  hex = hex.replace(/^#/, \"\");\n\n  // Converter HEX para os componentes RGB\n  const r = parseInt(hex.substring(0, 2), 16);\n  const g = parseInt(hex.substring(2, 4), 16);\n  const b = parseInt(hex.substring(4, 6), 16);\n  return [r, g, b];\n};\n\n// Função para converter RGB para HSB\nexport const rgbToHsb = (r: number, g: number, b: number) => {\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  const v = Math.max(r, g, b),\n    n = v - Math.min(r, g, b);\n  const h =\n    n === 0\n      ? 0\n      : n && v === r\n        ? (g - b) / n\n        : v === g\n          ? 2 + (b - r) / n\n          : 4 + (r - g) / n;\n  return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];\n};\n\n// Função para converter HEX para HSB\nexport const hexToHsb = (hex: string): [number, number, number] => {\n  // Remove o '#' se presente\n  hex = hex.replace(/^#/, \"\");\n\n  // Converter HEX para RGB\n  const r = parseInt(hex.substring(0, 2), 16) / 255;\n  const g = parseInt(hex.substring(2, 4), 16) / 255;\n  const b = parseInt(hex.substring(4, 6), 16) / 255;\n\n  // Calcular o máximo e mínimo entre R, G, B\n  const max = Math.max(r, g, b),\n    min = Math.min(r, g, b);\n  const delta = max - min;\n\n  // Calcular brilho (B)\n  const bValue = max * 100;\n\n  // Calcular saturação (S)\n  const sValue = max === 0 ? 0 : (delta / max) * 100;\n\n  // Calcular matiz (H)\n  let hValue = 0;\n  if (delta !== 0) {\n    if (max === r) hValue = (g - b) / delta + (g < b ? 6 : 0);\n    else if (max === g) hValue = (b - r) / delta + 2;\n    else hValue = (r - g) / delta + 4;\n\n    hValue = Math.round(hValue * 60);\n  }\n\n  return [hValue, Math.round(sValue), Math.round(bValue)];\n};\n\nexport const rgbToHex = (number: number) =>\n  number.toString(16).padStart(2, \"0\");\n\n// Função para converter HSB para HEX\nconst hsbToHex = (h: number, s: number, b: number): string => {\n  s /= 100;\n  b /= 100;\n\n  const c = b * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = b - c;\n  let r = 0,\n    g = 0,\n    bl = 0;\n\n  if (0 <= h && h < 60) {\n    r = c;\n    g = x;\n    bl = 0;\n  } else if (60 <= h && h < 120) {\n    r = x;\n    g = c;\n    bl = 0;\n  } else if (120 <= h && h < 180) {\n    r = 0;\n    g = c;\n    bl = x;\n  } else if (180 <= h && h < 240) {\n    r = 0;\n    g = x;\n    bl = c;\n  } else if (240 <= h && h < 300) {\n    r = x;\n    g = 0;\n    bl = c;\n  } else if (300 <= h && h < 360) {\n    r = c;\n    g = 0;\n    bl = x;\n  }\n\n  r = Math.round((r + m) * 255);\n  g = Math.round((g + m) * 255);\n  bl = Math.round((bl + m) * 255);\n\n  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(bl)}`;\n};\n\ninterface ColorVariants {\n  lightest: string;\n  lighter: string;\n  light: string;\n  default: string;\n  dark: string;\n  darker: string;\n}\n\n// Cache for color variants with LRU eviction (max 50 entries)\nconst colorVariantsCache = new Map<string, ColorVariants>();\nconst MAX_CACHE_SIZE = 50;\n\nconst cacheColorVariants = (\n  hex: string,\n  variants: ColorVariants,\n): ColorVariants => {\n  if (colorVariantsCache.size >= MAX_CACHE_SIZE) {\n    // Remove oldest entry (first inserted)\n    const firstKey = colorVariantsCache.keys().next().value;\n    colorVariantsCache.delete(firstKey);\n  }\n  colorVariantsCache.set(hex, variants);\n  return variants;\n};\n\n// Função para gerar variações de cor\nexport const generateColorVariants = (hex: string): ColorVariants => {\n  // Check cache first\n  const cached = colorVariantsCache.get(hex);\n  if (cached) {\n    return cached;\n  }\n\n  // Converter de HEX para HSB\n  const [h, s, b] = hexToHsb(hex);\n\n  // Gerar cor mais clara: -20 de S, +4 de L\n  const lightS = Math.max(s - 20, 0); // Garantir que S não seja negativo\n  const lightB = Math.min(b + 4, 100); // Garantir que L não passe de 100\n  const lightColor = hsbToHex(h, lightS, lightB);\n\n  // Gerar cor ainda mais clara: -40 de S, +8 de L\n  const lighterS = Math.max(s - 40, 0); // Garantir que S não seja negativo\n  const lighterB = Math.min(b + 8, 100); // Garantir que L não passe de 100\n  const lighterColor = hsbToHex(h, lighterS, lighterB);\n\n  // Gerar cor ainda mais clara: -60 de S, +12 de L\n  const lightestS = Math.max(s - 60, 0); // Garantir que S não seja negativo\n  const lightestB = Math.min(b + 12, 100); // Garantir que L não passe de 100\n  const lightestColor = hsbToHex(h, lightestS, lightestB);\n\n  // Gerar cor mais escura: +4 de S, -20 de L\n  const darkS = Math.min(s + 4, 100); // Garantir que S não passe de 100\n  const darkB = Math.max(b - 20, 0); // Garantir que L não seja negativo\n  const darkColor = hsbToHex(h, darkS, darkB);\n\n  // Gerar cor ainda mais escura: +8 de S, -40 de L\n  const darkerS = Math.min(s + 8, 100); // Garantir que S não passe de 100\n  const darkerB = Math.max(b - 40, 0); // Garantir que L não seja negativo\n  const darkerColor = hsbToHex(h, darkerS, darkerB);\n\n  const variants: ColorVariants = {\n    lightest: lightestColor,\n    lighter: lighterColor,\n    light: lightColor,\n    default: hex,\n    dark: darkColor,\n    darker: darkerColor,\n  };\n\n  return cacheColorVariants(hex, variants);\n};\n\nexport const getBrighterColor = (hex: string, percentage: number) => {\n  let [r, g, b] = hexToRgb(hex);\n\n  const lightenChannel = (channel: number) =>\n    Math.round(channel + (255 - channel) * (percentage / 100));\n\n  r = lightenChannel(r);\n  g = lightenChannel(g);\n  b = lightenChannel(b);\n\n  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(b)}`;\n};\n\n// Função para preencher um array de datas\nexport const fillDaysArray = (arr: Array<Date>) => {\n  const firstDay = arr[0];\n  for (let i = 1; i <= firstDay.getDay(); i++) {\n    const date = subDays(firstDay, i);\n    arr.unshift(date);\n  }\n\n  const multiplier = Math.ceil(arr.length / 7);\n  const left = 7 * multiplier - arr.length;\n  const lastDay = arr[arr.length - 1];\n\n  for (let i = 1; i <= left; i++) {\n    const date = addDays(lastDay, i);\n    arr.push(date);\n  }\n};\n\n// Função para aceitar apenas horas validas numa string e ajustar conforme necessário\nexport const clampTimeString = (\n  timeStr: string,\n  currentDate: Date,\n  type: \"start\" | \"end\",\n  compareDate?: Date,\n) => {\n  const [hourStr, minuteStr] = timeStr.split(\":\");\n\n  let hours = parseInt(hourStr, 10);\n  let minutes = parseInt(minuteStr, 10);\n\n  // Ajuste para valores válidos de horas e minutos\n  hours = Math.max(0, Math.min(23, hours));\n  minutes = Math.max(0, Math.min(59, minutes));\n\n  // Define a data ajustada com partes preservadas de currentDate\n  const adjustedDate = set(currentDate, { hours, minutes });\n\n  // Verifica e aplica restrições\n  if (compareDate && type === \"start\" && isAfter(adjustedDate, compareDate)) {\n    return compareDate;\n  } else if (\n    compareDate &&\n    type === \"end\" &&\n    isBefore(adjustedDate, compareDate)\n  ) {\n    return compareDate;\n  }\n\n  return adjustedDate;\n};\n\n// Função para aceitar apenas datas validas numa string e ajustar conforme necessário\nexport const clampDateString = (\n  dateStr: string,\n  currentDate: Date,\n  type: \"start\" | \"end\",\n  compareDate?: Date,\n) => {\n  const [dayStr, monthStr, yearStr] = dateStr.split(\"/\");\n\n  let day = parseInt(dayStr, 10);\n  let month = parseInt(monthStr, 10) - 1;\n  const year = parseInt(yearStr, 10);\n\n  // Ajuste do mês e do dia\n  month = Math.max(0, Math.min(11, month));\n  const maxDay = getDaysInMonth(new Date(year, month));\n  day = Math.max(1, Math.min(maxDay, day));\n\n  // Define a data ajustada com partes preservadas de currentDate\n  const adjustedDate = set(currentDate, { year, month, date: day });\n\n  if (compareDate && type === \"start\" && isAfter(adjustedDate, compareDate)) {\n    return compareDate;\n  } else if (\n    compareDate &&\n    type === \"end\" &&\n    isBefore(adjustedDate, compareDate)\n  ) {\n    return compareDate;\n  }\n\n  return adjustedDate;\n};\n\nexport function currencyFormatter(\n  value: number,\n  hasPrefix?: boolean,\n\n  minimumFractionDigits = 2,\n  max?: number,\n  min?: number,\n) {\n  if (value === null || value === undefined || Number.isNaN(value)) return \"\";\n\n  if (max && value > max * 100) {\n    value = max * 100;\n  }\n\n  if (min && value < min * 100) {\n    value = min * 100;\n  }\n\n  const amount = new Intl.NumberFormat(\"pt-BR\", {\n    style: \"currency\",\n    currency: \"BRL\",\n    minimumFractionDigits,\n  }).format(value / 10 ** minimumFractionDigits);\n\n  return hasPrefix ? `${amount}` : `${amount}`.substring(3);\n}\n\ntype Complement = {\n  price: string;\n  amount: number;\n};\n\ntype ComplementCategory = {\n  additional: boolean;\n  more_expensive_only: boolean;\n  use_average: boolean;\n  complements: Complement[];\n};\n\nexport type Product = {\n  price: string;\n  amount: number;\n  weight?: number;\n  complement_categories?: ComplementCategory[];\n};\n\nexport const getComplementsPrice = (product: Product) => {\n  const basePrice =\n    parseFloat(product.price) * product.amount * (product.weight || 1);\n\n  const complementsPrice =\n    product.complement_categories?.reduce((catTotal, cat) => {\n      if (!cat.additional) return catTotal;\n\n      if (cat.more_expensive_only) {\n        const highestComplement = cat.complements.reduce(\n          (highest, c) => {\n            return parseFloat(c.price) > parseFloat(highest.price)\n              ? c\n              : highest;\n          },\n          { price: \"0\", amount: 0 },\n        );\n\n        return (\n          catTotal +\n          parseFloat(highestComplement.price) *\n            (highestComplement.amount >= 1 ? 1 : 0) *\n            product.amount\n        );\n      }\n\n      if (cat.use_average) {\n        const totalValue = cat.complements.reduce(\n          (sum, c) => sum + parseFloat(c.price) * c.amount * product.amount,\n          0,\n        );\n        const totalAmount = cat.complements.reduce(\n          (sum, c) => sum + c.amount * product.amount,\n          0,\n        );\n\n        return totalAmount > 0 ? catTotal + totalValue / totalAmount : catTotal;\n      }\n\n      const complementsValue = cat.complements.reduce(\n        (sum, c) => sum + parseFloat(c.price) * c.amount * product.amount,\n        0,\n      );\n\n      return catTotal + complementsValue;\n    }, 0) ?? 0;\n\n  return basePrice + complementsPrice;\n};\n\nexport const formatSearchItems = (\n  menuItems: MenuItemProps[],\n  parentPath = \"\",\n  parentTexts: string[] = [],\n): MenuItemProps[] => {\n  return menuItems\n    .filter((item) => item.condition !== false)\n    .flatMap((item) => {\n      const currentPath = parentPath + (item.path || \"\");\n      const currentTexts = [...parentTexts, item.text];\n\n      if (item.subitems && item.subitems.length > 0) {\n        return formatSearchItems(item.subitems, currentPath, currentTexts);\n      }\n\n      return [\n        {\n          ...item,\n          path: currentPath,\n          searchText: currentTexts.join(\"/\"),\n          key: `${currentPath}|${currentTexts.join(\"/\")}`,\n        },\n      ];\n    });\n};\n\nexport const filterItems = (item: MenuItemProps, search: string) => {\n  return item.searchText?.toLowerCase().includes(search.toLowerCase());\n};\n\nexport const filterSidebarItems = (items: MenuItemProps[]) => {\n  return items\n    .map((item) => {\n      if (item.subitems) {\n        return {\n          ...item,\n          subitems: item.subitems.filter(\n            (subitem) =>\n              (subitem.displayType === \"sidebar\" || !subitem.displayType) &&\n              subitem.condition !== false,\n          ),\n        };\n      }\n      return item;\n    })\n    .filter(\n      (item) =>\n        (item.displayType === \"sidebar\" || !item.displayType) &&\n        item.condition !== false,\n    );\n};\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/components/Functions/styles.css.ts.vanilla.css?source=LnN0eWxlc19jb250YWluZXJfX2tsaXhiNjAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IHZhcigtLXNwYWNpbmctbV9fMTRiaHM0djI2KTsKfQouc3R5bGVzX3N0eWxlZFRhYmxlX19rbGl4YjYxIHsKICB3aWR0aDogMTAwJTsKICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlOwp9Ci5zdHlsZXNfc3R5bGVkVGFibGVfX2tsaXhiNjEgdGggewogIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogIHBhZGRpbmc6IHZhcigtLXNwYWNpbmcteHNfXzE0YmhzNHYyNCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3JzLW5ldXRyYWwtbGlnaHRlc3RfXzE0YmhzNHYxNyk7Cn0KLnN0eWxlc19zdHlsZWRUYWJsZV9fa2xpeGI2MSB0ZCB7CiAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7CiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy14c19fMTRiaHM0djI0KTsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KLnN0eWxlc19mdW5jdGlvbkNvbnRhaW5lcl9fa2xpeGI2MiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tc3BhY2luZy14eHNfXzE0YmhzNHYyMyk7CiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy1zX18xNGJoczR2MjUpOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWNvbG9ycy1uZXV0cmFsLWxpZ2h0X18xNGJoczR2MTkpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1tX18xNGJoczR2MmIpOwp9';\nexport var container = 'styles_container__klixb60';\nexport var functionContainer = 'styles_functionContainer__klixb62';\nexport var styledTable = 'styles_styledTable__klixb61';"],"mappings":"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","names":["useEffect","Functions","useEffect"]}

package/dist/components/HighlightIcon/index.cjs

@@ -0,0 +1,67 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/HighlightIcon/index.tsx
+var HighlightIcon_exports = {};
+__export(HighlightIcon_exports, {
+  HighlightIcon: () => HighlightIcon
+});
+module.exports = __toCommonJS(HighlightIcon_exports);
+var import_dynamic = require("@vanilla-extract/dynamic");
+var import_react = __toESM(require("react"), 1);
+
+// src/components/HighlightIcon/styles.css.ts
+var highlightIconColorVariants = { primary: "styles_buildColorVariant__18gvp1c7", red: "styles_buildColorVariant__18gvp1c8", yellow: "styles_buildColorVariant__18gvp1c9", green: "styles_buildColorVariant__18gvp1ca", blue: "styles_buildColorVariant__18gvp1cb", orange: "styles_buildColorVariant__18gvp1cc", second_green: "styles_buildColorVariant__18gvp1cd" };
+var highlightIconContainerClass = "styles_highlightIconContainerClass__18gvp1c4";
+var innerDivClass = "styles_innerDivClass__18gvp1c5";
+var sizeVar = "var(--sizeVar__18gvp1c0)";
+var svgClass = "styles_svgClass__18gvp1c6";
+
+// src/components/HighlightIcon/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var HighlightIcon = (0, import_react.forwardRef)(function HighlightIcon2({ icon, color = "primary", size = 24, ...props }, ref) {
+  const sizeNum = typeof size === "string" ? parseInt(size, 10) : size;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: `${highlightIconContainerClass} ${highlightIconColorVariants[color]}`,
+      style: (0, import_dynamic.assignInlineVars)({ [sizeVar]: `${sizeNum}px` }),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: innerDivClass, children: import_react.default.cloneElement(icon, { className: svgClass }) })
+    }
+  );
+});
+HighlightIcon.displayName = "HighlightIcon";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HighlightIcon
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/HighlightIcon/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HighlightIcon/index.tsx","../../../src/components/HighlightIcon/styles.css.ts"],"sourcesContent":["import { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport React, { forwardRef } from \"react\";\nimport {\n  type HighlightIconColor,\n  highlightIconColorVariants,\n  highlightIconContainerClass,\n  innerDivClass,\n  sizeVar,\n  svgClass,\n} from \"./styles.css\";\n\ninterface HighlightIconProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon: React.ReactElement;\n  color?: HighlightIconColor;\n  size?: number;\n}\n\nexport const HighlightIcon = forwardRef(function HighlightIcon(\n  { icon, color = \"primary\", size = 24, ...props }: HighlightIconProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const sizeNum = typeof size === \"string\" ? parseInt(size, 10) : size;\n\n  return (\n    <div\n      ref={ref}\n      className={`${highlightIconContainerClass} ${highlightIconColorVariants[color]}`}\n      style={assignInlineVars({ [sizeVar]: `${sizeNum}px` })}\n      {...props}\n    >\n      <div className={innerDivClass}>\n        {React.cloneElement(icon, { className: svgClass })}\n      </div>\n    </div>\n  );\n});\n\nHighlightIcon.displayName = \"HighlightIcon\";\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/components/HighlightIcon/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8XUzW6jMBAH8HuewpdKiVTasJt-scfspS_QKzL24Lh1bDQ2NGzVd1_hUL6SVOaw2hOSGf_t34DmxrpagU13UuyUFDv3zIzeGu2o1IBbRa1N0_hRVEXMNuRjQUhBOZdaJIRRxZYVxWUUWfkHXih2lesVuSU_V78WhGQGOWCElMvSJuRufeVXKXsTaErNI2aUwYT4R7SXh6XUxKLIrskx298KrBvmxyuyWV9dE4dU24IiaOcP49IWitYJyRUcmoXX0jqZ1xEz2oF2CWGgHWDziiopdCQd7G2__Lm4aRsitQb8LatxC-7-YwtwGP_j33fAVmKMv_f43GjntQm5JG_Cc6nUVwWHnJZq9AWbzvRHZaVUfNvwXyhKql1X9-DPvPAXfOX7xtmoQLmnWHe1aRpvsp3dVMcbne_jtxnYRcRtxDnKhYi2tIsIJT_OICPwU-59OLff31MfwqnN9inzKZD5NINZg1Lm_VTKwqWjiB7Lw7FtwtSbB3rpDK9AAH3KleHcYUKvfQ3XHgOmWBWIzWZgM1XCqdWEWwcBPbUIp_r9UykGStkMqUGqxRlrGW4dRfTaKlzbJky9h0Avn-G1wIzm6YW_OZ4xls8kDWbzjOE8Cpr2IPYj-i944uVgEwkAAA';\nexport var highlightIconColorVariants = {primary:'styles_buildColorVariant__18gvp1c7',red:'styles_buildColorVariant__18gvp1c8',yellow:'styles_buildColorVariant__18gvp1c9',green:'styles_buildColorVariant__18gvp1ca',blue:'styles_buildColorVariant__18gvp1cb',orange:'styles_buildColorVariant__18gvp1cc',second_green:'styles_buildColorVariant__18gvp1cd'};\nexport var highlightIconContainerClass = 'styles_highlightIconContainerClass__18gvp1c4';\nexport var innerDivClass = 'styles_innerDivClass__18gvp1c5';\nexport var sizeVar = 'var(--sizeVar__18gvp1c0)';\nexport var svgClass = 'styles_svgClass__18gvp1c6';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAiC;AACjC,mBAAkC;;;ACC3B,IAAI,6BAA6B,EAAC,SAAQ,sCAAqC,KAAI,sCAAqC,QAAO,sCAAqC,OAAM,sCAAqC,MAAK,sCAAqC,QAAO,sCAAqC,cAAa,qCAAoC;AACtV,IAAI,8BAA8B;AAClC,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,WAAW;;;ADwBhB;AAbC,IAAM,oBAAgB,yBAAW,SAASA,eAC/C,EAAE,MAAM,QAAQ,WAAW,OAAO,IAAI,GAAG,MAAM,GAC/C,KACA;AACA,QAAM,UAAU,OAAO,SAAS,WAAW,SAAS,MAAM,EAAE,IAAI;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,2BAA2B,IAAI,2BAA2B,KAAK,CAAC;AAAA,MAC9E,WAAO,iCAAiB,EAAE,CAAC,OAAO,GAAG,GAAG,OAAO,KAAK,CAAC;AAAA,MACpD,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAW,eACb,uBAAAC,QAAM,aAAa,MAAM,EAAE,WAAW,SAAS,CAAC,GACnD;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,cAAc,cAAc;","names":["HighlightIcon","React"]}