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

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,252 @@
+"use client";
+
+// src/components/RadioGroup/index.tsx
+import { RadioGroup as BaseRadioGroup } from "@base-ui/react/radio-group";
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/Radio/index.tsx
+import { Radio as BaseRadio } from "@base-ui/react/radio";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { forwardRef, useMemo } from "react";
+
+// src/utils/functions.ts
+import axios from "axios";
+import {
+  addDays,
+  getDaysInMonth,
+  isAfter,
+  isBefore,
+  set,
+  subDays
+} from "date-fns";
+var hexToHsb = (hex) => {
+  hex = hex.replace(/^#/, "");
+  const r = parseInt(hex.substring(0, 2), 16) / 255;
+  const g = parseInt(hex.substring(2, 4), 16) / 255;
+  const b = parseInt(hex.substring(4, 6), 16) / 255;
+  const max = Math.max(r, g, b), min = Math.min(r, g, b);
+  const delta = max - min;
+  const bValue = max * 100;
+  const sValue = max === 0 ? 0 : delta / max * 100;
+  let hValue = 0;
+  if (delta !== 0) {
+    if (max === r) hValue = (g - b) / delta + (g < b ? 6 : 0);
+    else if (max === g) hValue = (b - r) / delta + 2;
+    else hValue = (r - g) / delta + 4;
+    hValue = Math.round(hValue * 60);
+  }
+  return [hValue, Math.round(sValue), Math.round(bValue)];
+};
+var rgbToHex = (number) => number.toString(16).padStart(2, "0");
+var hsbToHex = (h, s, b) => {
+  s /= 100;
+  b /= 100;
+  const c = b * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = b - c;
+  let r = 0, g = 0, bl = 0;
+  if (0 <= h && h < 60) {
+    r = c;
+    g = x;
+    bl = 0;
+  } else if (60 <= h && h < 120) {
+    r = x;
+    g = c;
+    bl = 0;
+  } else if (120 <= h && h < 180) {
+    r = 0;
+    g = c;
+    bl = x;
+  } else if (180 <= h && h < 240) {
+    r = 0;
+    g = x;
+    bl = c;
+  } else if (240 <= h && h < 300) {
+    r = x;
+    g = 0;
+    bl = c;
+  } else if (300 <= h && h < 360) {
+    r = c;
+    g = 0;
+    bl = x;
+  }
+  r = Math.round((r + m) * 255);
+  g = Math.round((g + m) * 255);
+  bl = Math.round((bl + m) * 255);
+  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(bl)}`;
+};
+var colorVariantsCache = /* @__PURE__ */ new Map();
+var MAX_CACHE_SIZE = 50;
+var cacheColorVariants = (hex, variants) => {
+  if (colorVariantsCache.size >= MAX_CACHE_SIZE) {
+    const firstKey = colorVariantsCache.keys().next().value;
+    colorVariantsCache.delete(firstKey);
+  }
+  colorVariantsCache.set(hex, variants);
+  return variants;
+};
+var generateColorVariants = (hex) => {
+  const cached = colorVariantsCache.get(hex);
+  if (cached) {
+    return cached;
+  }
+  const [h, s, b] = hexToHsb(hex);
+  const lightS = Math.max(s - 20, 0);
+  const lightB = Math.min(b + 4, 100);
+  const lightColor = hsbToHex(h, lightS, lightB);
+  const lighterS = Math.max(s - 40, 0);
+  const lighterB = Math.min(b + 8, 100);
+  const lighterColor = hsbToHex(h, lighterS, lighterB);
+  const lightestS = Math.max(s - 60, 0);
+  const lightestB = Math.min(b + 12, 100);
+  const lightestColor = hsbToHex(h, lightestS, lightestB);
+  const darkS = Math.min(s + 4, 100);
+  const darkB = Math.max(b - 20, 0);
+  const darkColor = hsbToHex(h, darkS, darkB);
+  const darkerS = Math.min(s + 8, 100);
+  const darkerB = Math.max(b - 40, 0);
+  const darkerColor = hsbToHex(h, darkerS, darkerB);
+  const variants = {
+    lightest: lightestColor,
+    lighter: lighterColor,
+    light: lightColor,
+    default: hex,
+    dark: darkColor,
+    darker: darkerColor
+  };
+  return cacheColorVariants(hex, variants);
+};
+
+// src/components/Radio/styles.css.ts
+var radioColorDarkVar = "var(--radioColorDarkVar__owc1f11)";
+var radioColorVar = "var(--radioColorVar__owc1f10)";
+var radioIndicatorClass = "styles_radioIndicatorClass__owc1f12";
+var radioLabelClass = "styles_radioLabelClass__owc1f15 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_cursor_pointer__1hu819uds sprinkles_position_relative__1hu819ude";
+var radioLabelColumnClass = "styles_radioLabelColumnClass__owc1f1d sprinkles_flexDirection_column__1hu819uct";
+var radioLabelColumnReverseClass = "styles_radioLabelColumnReverseClass__owc1f1f sprinkles_flexDirection_column-reverse__1hu819ucu";
+var radioLabelRowClass = "styles_radioLabelRowClass__owc1f19 sprinkles_flexDirection_row__1hu819ucr";
+var radioLabelRowReverseClass = "styles_radioLabelRowReverseClass__owc1f1b sprinkles_flexDirection_row-reverse__1hu819ucs";
+var radioRootClass = "styles_radioRootClass__owc1f13";
+
+// src/components/Radio/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = forwardRef(function Radio2({
+  label,
+  labelPosition = "right",
+  customColor,
+  value,
+  disabled,
+  readOnly,
+  required,
+  id
+}, ref) {
+  const colorVariants = useMemo(
+    () => customColor ? generateColorVariants(customColor) : void 0,
+    [customColor]
+  );
+  const colorStyles = useMemo(() => {
+    if (colorVariants) {
+      return assignInlineVars({
+        [radioColorVar]: colorVariants.default,
+        [radioColorDarkVar]: colorVariants.dark
+      });
+    }
+    return void 0;
+  }, [colorVariants]);
+  const flexDirectionClassMap = {
+    left: radioLabelRowClass,
+    right: radioLabelRowReverseClass,
+    top: radioLabelColumnClass,
+    bottom: radioLabelColumnReverseClass
+  };
+  const flexDirectionClass = flexDirectionClassMap[labelPosition];
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: `${radioLabelClass} ${flexDirectionClass}`,
+      style: colorStyles,
+      "data-slot": "radio-root",
+      children: [
+        label && /* @__PURE__ */ jsx("span", { "data-slot": "radio-label", children: label }),
+        /* @__PURE__ */ jsx(
+          BaseRadio.Root,
+          {
+            ref,
+            value,
+            id,
+            disabled,
+            readOnly,
+            required,
+            className: radioRootClass,
+            "data-slot": "radio-control",
+            children: /* @__PURE__ */ jsx(
+              BaseRadio.Indicator,
+              {
+                keepMounted: true,
+                className: radioIndicatorClass,
+                "data-slot": "radio-indicator"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+Radio.displayName = "Radio";
+
+// src/components/RadioGroup/styles.css.ts
+var errorSpanClass = "styles_errorSpanClass__1afbak75";
+var optionsContainerClass = "styles_optionsContainerClass__1afbak72";
+var optionsContainerHorizontalClass = "styles_optionsContainerHorizontalClass__1afbak74";
+var optionsContainerVerticalClass = "styles_optionsContainerVerticalClass__1afbak73";
+var radioGroupClass = "styles_radioGroupClass__1afbak71";
+var radioGroupContainerClass = "styles_radioGroupContainerClass__1afbak70";
+
+// src/components/RadioGroup/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var RadioGroup = forwardRef2(function RadioGroup2({
+  label,
+  name,
+  options,
+  labelPosition = "right",
+  customColor,
+  isRequired,
+  vertical = false,
+  gap,
+  error,
+  value,
+  onValueChange,
+  ...props
+}, ref) {
+  const optionsClassName = `${optionsContainerClass} ${vertical ? optionsContainerVerticalClass : optionsContainerHorizontalClass}`;
+  return /* @__PURE__ */ jsxs2("div", { className: radioGroupContainerClass, ref, ...props, children: [
+    label && /* @__PURE__ */ jsx2("label", { children: label }),
+    /* @__PURE__ */ jsx2(
+      BaseRadioGroup,
+      {
+        name,
+        value,
+        onValueChange,
+        required: isRequired,
+        className: radioGroupClass,
+        children: /* @__PURE__ */ jsx2("div", { className: optionsClassName, style: { gap }, children: options.map((option, index) => /* @__PURE__ */ jsx2(
+          Radio,
+          {
+            label: option.label,
+            value: option.value,
+            labelPosition,
+            customColor
+          },
+          index
+        )) })
+      }
+    ),
+    error && /* @__PURE__ */ jsx2("span", { className: errorSpanClass, children: error })
+  ] });
+});
+RadioGroup.displayName = "RadioGroup";
+export {
+  RadioGroup
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/RadioGroup/index.tsx","../../../src/components/Radio/index.tsx","../../../src/utils/functions.ts","../../../src/components/Radio/styles.css.ts","../../../src/components/RadioGroup/styles.css.ts"],"sourcesContent":["import { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport type React from \"react\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport type { LABEL_POSITIONS } from \"../../utils/consts\";\nimport { Radio } from \"../Radio\";\nimport {\n  errorSpanClass,\n  optionsContainerClass,\n  optionsContainerHorizontalClass,\n  optionsContainerVerticalClass,\n  radioGroupClass,\n  radioGroupContainerClass,\n} from \"./styles.css\";\n\ninterface RadioGroupProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  name: string;\n  options: Array<{ label: string; value: any }>;\n  labelPosition?: keyof typeof LABEL_POSITIONS;\n  customColor?: string;\n  isRequired?: boolean;\n  vertical?: boolean;\n  gap?: string;\n  error?: string;\n  value?: any;\n  onValueChange?: (value: any) => void;\n}\n\nexport const RadioGroup = forwardRef(function RadioGroup(\n  {\n    label,\n    name,\n    options,\n    labelPosition = \"right\",\n    customColor,\n    isRequired,\n    vertical = false,\n    gap,\n    error,\n    value,\n    onValueChange,\n    ...props\n  }: RadioGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const optionsClassName = `${optionsContainerClass} ${\n    vertical ? optionsContainerVerticalClass : optionsContainerHorizontalClass\n  }`;\n\n  return (\n    <div className={radioGroupContainerClass} ref={ref} {...props}>\n      {label && <label>{label}</label>}\n      <BaseRadioGroup\n        name={name}\n        value={value}\n        onValueChange={onValueChange}\n        required={isRequired}\n        className={radioGroupClass}\n      >\n        <div className={optionsClassName} style={{ gap: gap }}>\n          {options.map((option, index) => (\n            <Radio\n              key={index}\n              label={option.label}\n              value={option.value}\n              labelPosition={labelPosition}\n              customColor={customColor}\n            />\n          ))}\n        </div>\n      </BaseRadioGroup>\n      {error && <span className={errorSpanClass}>{error}</span>}\n    </div>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n","import { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport type React from \"react\";\nimport { type CSSProperties, forwardRef, useMemo } from \"react\";\nimport type { LABEL_POSITIONS } from \"../../utils/consts\";\nimport { generateColorVariants } from \"../../utils/functions\";\nimport {\n  radioColorDarkVar,\n  radioColorVar,\n  radioIndicatorClass,\n  radioLabelClass,\n  radioLabelColumnClass,\n  radioLabelColumnReverseClass,\n  radioLabelRowClass,\n  radioLabelRowReverseClass,\n  radioRootClass,\n} from \"./styles.css\";\n\nexport interface RadioProps {\n  label?: string;\n  labelPosition?: keyof typeof LABEL_POSITIONS;\n  customColor?: string;\n  value?: any;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  id?: string;\n}\n\nexport const Radio = forwardRef(function Radio(\n  {\n    label,\n    labelPosition = \"right\",\n    customColor,\n    value,\n    disabled,\n    readOnly,\n    required,\n    id,\n  }: RadioProps,\n  ref: React.Ref<HTMLElement>,\n) {\n  const colorVariants = useMemo(\n    () => (customColor ? generateColorVariants(customColor) : undefined),\n    [customColor],\n  );\n\n  const colorStyles = useMemo(() => {\n    if (colorVariants) {\n      return assignInlineVars({\n        [radioColorVar]: colorVariants.default,\n        [radioColorDarkVar]: colorVariants.dark,\n      }) as unknown as CSSProperties;\n    }\n    return undefined;\n  }, [colorVariants]);\n\n  const flexDirectionClassMap: Record<keyof typeof LABEL_POSITIONS, string> = {\n    left: radioLabelRowClass,\n    right: radioLabelRowReverseClass,\n    top: radioLabelColumnClass,\n    bottom: radioLabelColumnReverseClass,\n  };\n  const flexDirectionClass = flexDirectionClassMap[labelPosition];\n\n  return (\n    <label\n      className={`${radioLabelClass} ${flexDirectionClass}`}\n      style={colorStyles}\n      data-slot=\"radio-root\"\n    >\n      {label && <span data-slot=\"radio-label\">{label}</span>}\n      <BaseRadio.Root\n        ref={ref}\n        value={value}\n        id={id}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        className={radioRootClass}\n        data-slot=\"radio-control\"\n      >\n        <BaseRadio.Indicator\n          keepMounted\n          className={radioIndicatorClass}\n          data-slot=\"radio-indicator\"\n        />\n      </BaseRadio.Root>\n    </label>\n  );\n});\n\nRadio.displayName = \"Radio\";\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/theme/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72dTW_6SpaH9_0psuxecBUIL-HOZqZ7NJ2RenW7pbtpKbLBgMHYxDYBMurvPvIbLp_3IplZXf2F63mg6keROvhcfilOeZwekqh4X8fFKQlu72mWRu_rqDiU2en9fbw7v46X58nT__zh6am95Nen6pp_-8O__vALHr5JoisaPhsOr65hhsdpEqfRiKS8DinOpQwsTLLVAWHCIaa-iAFs83iNxkfD8dU1YPgpWK_jdPt-vRZo9K4e3V7x69NnkP9xNCpOwSpOt6NqwPt4Gu6K6efk5U8cFlMPItWBTjkoZqYS00HOOOQRIT8k5LFHzjlkgpClhEx65IKdTcy8iLPpQF9ZKEH9klfewS4Z7D-yE5mp8cRFj8rs9FCwajxBn6l0Q8AqOMF-1diGoFVonLVxqKENgavQeCXHkYY2BK-ebYK9U2fbEMAmKQT9oCfFEMQ_Z2WZHeksDraNUVhf-VAcOwnh-LA4DKFsFYShNBgM0WwFRDovBoEhoK2AWOkvg8AQ024VsGEysayCIaz3NBGOmSlNhsj-LdqUZGAnwy0oiTblQ3FtBAQ_1PmGqNZ4gh6pdENMazgO6WSnwg0RreHE0h5UuCGezawT9FSfdUM029QQ_A9Dagyx_C3e7phcDregvLrwoWC2CsJwMRgM0WwEBP9L5xvC2eBxOl8mOt4QzwaPV_hlpuMNAW1nn-C_GmbfENEuQYQhtCRICukxyLdxSsbzpdl4miv8ctlRCehOgkpRbJkE8iAgpfS1RCJ3qUCUAtcSiYX6EIhSxrqZJJClNJNSrO5rTkAv4prrSeIOMC9fDtj__OLAMXs60dh6rujDy3SmkPV40UeX6asC1lNGH1ymoQLWw8YcW6aRNst65rhDy3SnpkOPnnBkmbpbxEMnlqGCMKQGgx5D9rgy_dD5ehjZw8q01PF6JNmjyvSi4_Vg8geV6Zdh9vV4CseU2cSSID2k7CFlNthq_M8oLp6gv6p0PZzMAWUWamw9mMzxZBZpaD2UzOFkttPQeiC5o8nsoM62Hkb2YDJL9aToQeSPJbPBVvPAqWQgIPilztfDyB1JZheVrseRO5DMvlS4HkjuODKfqHA9kuxhZD7TZ10PJX8Umb8aUiPFchvQfznOm-1lG3j-yVjzCFzE4qTQVTQCtuNgUsYqFs7W_MCxpEhVLGIxUo4lJaieMQL2wc6YFJhmPQlcya-nlI88u_yVi0jzns-zy8g7Jh2WoH6JVCktLRQzFxOJKYWmReLcLGYSUspOi8RLtHiVkFKEutkkmKE4m1KS7itPUCN55aVArbLkfEy5TC2at3ZzkX-sHDjBPmhsKVw9miCnClmKWA8mUvahgKWg9WBiBUsFLMXNmWWCfNFmWQqdmw6C_aWmQ4reJkvLv8df0f02BHQjRLNPVNeNivgr6vDl7ZRt8-C0u42KVZBEoxYwuhM76ThjpbsoqL_CRtKZUdoCCGnOSsNsTbzMV6OxGk3ozqxuFZzKOEuxMTQaWwAhvbLS4hgkOCuvkVFZD8fCyTMUVnfFvEX1n2JsgJrtq75_Zhe5f42xEXKo99d6EtRsjA5mdRckSl0IajpMqdlbx4mSfgpSNlIfZm8XKkp9E9RMsEqzuIkWoZ2MofYSr8sd-ZH42myo9QV-n4Ytk0B-CUjpQ7AhYuBywgOlz76Ghz_3ljOeJ33kNTy8ZstXnid90rUzSABDYQalD7hunQlkJK2z9LnWpJAMz7LZkIY5taWnoxLQgwSV8tMyCWQqIKUEtUQiQh8CUcpQSyQWqBSIUoq6mSSQF2kmpRzd15yAfolrLhap4vR3diMK2kpJnI4e2Ix6NEGeKWSxMNWBCe6rzBVLUh0WRysIZaxYjOqweN2CSMaKZaj77BLcnTK7YgGqTwRBPmiJUML2xu9cQXpnP7J7OXCC_aGxlcC9cftYUCpkJXJv3HYWXBSwEro3blcLvhSwErs3dnMLJ9osK8F74_e4cKamQy7GX_l9LuxqqteH9rk7miCHClkuwF-5fS6MZK5cer9y-1y4k7Fy0f3K7XPhQcbK5fYru8-FqTK7cqH9yu9z4YeWCCVswj4Xlnf2Q_tcDyfYF42tBI7d58IvhaxEjt3nVhMFrISO3edWMwWsxI7f51av2iwrwRP2uVWopkOKXpjl6yj_LVjH54JYxVWzbzRXjfL6sk7Q_Mtdx0CkE0u5U-nOYoYinZiZg0p3ZmYl0qmJT1W8O_NrmU8JPnSBa4hQ_SuJrv8Z59GqLo_k2aVH503pK4muo3V3xa9VuV5DjPLoM8qLqEcVHKq7VEQ2ldqeVpK05ioDCD-9swBknmGQxNv0v8voWLwXZR6Vq12P-6xx9RWjuLrk16f2Gh5Sy4syyMuec8Gc_jIetYrSMsp7zBVjmkuUZxOl6x5yY55LlML2OgcTBkVU1a16zBfGdBcBzP5clPHm9pcsLaO0pOZn_VzD2gtHq-ZKYY4AEszTekzjyLminp07X-uJ8NzwnAFctS1HozAqL1HU5379QjMHV1vAQZ6d3ec6lbjNxRZs9Bmlya3HziRsczHxbv09D07vaXap_nNHzfs3aPVA1eJa_ZcbPhy8gIO1oWiDWL9SCGHv-vuu-tf7c09Y9oSifvDXp2d-4LgfGOCBY2LgX6ut2_GF_bBtnl1oWz3Ica3gIGg6ZUVc76RFGZTxqh-5rkd2D1f7XfU4NzqPkqCMP50JjsD47gqOEIRFlpxLh7ABhO4KjrCJr5HzHtiC4fXD_KuPVwcn6Tv06qvHwejsM8o3SXZ5_4yLOEycpx7Xw7vHf31qL-DG7-L12t0W9mB48zg3uljlWZL0ow9gdPM4Nzo4l1k_NgFjq0fByDK6lv9Rbffv1c1u_dBjPbR6dFR_Gvz6VD3ODoZ7dYqGk9t0D8jbb07a8RkaX1_ADm93sR5wQoD2EvhV9DkvshzMW_t9fP0QOWvtqHW0Cc6J87TzwcD2YXrsKYuHU1YMxrYP02PTrHpVSXZx3yHlYLxzCc24BLHzxM-DwdVjxPewvzcnmDzanpPAeeaf_XewF-6rsuaBYtQPbr-aO1Df-LamY7SOz8dedPEQ3ce2nkTwFNExDrPEmcyrh8kZ3bqOgmvouXl4ho6UcvxXcIyTG87lV6_Z1JcQmuaBUT-2Fe2Juzeq_ObxMchv__wlqZ5dVPS26Lm7f6PKUuOp_1GM2kEjZ0xjQV_Dk5I-c9HY6HCSZlH0golN0B_dFDxck-hFFcCloG6EGiiC_NDzpzq_ub6BU7dCQbi7ADMT3pl_6paoLH_PozWVoTmLz6M1zg91W9QQ7jz1hYHdP2_qxqgBuge_6uA7lropqsOirCxFMMwJdTfeHT3ISCBz3XyguhCAuhMcqlhnflFJqAHfourTi4rGiqU3Y3A6UF2IUjjPf20z9K8BFYYIQY-PTPg7HNWEhnAUlo2Gh3nZKIJBZLYq3U3NVke7E7-zwJ1539H4bR5FKRWdmOXXQ3ByYoPAef57E79__sxnq4vv4QcL_I5Gf1cN0Cg0iQKHmUF_Tg3xg8gcNbabGPS3EwK7E54a0M58oz-aGniYnCMqLhlLr0bgtKDbQjHeee4nC71_7uh2QQTv0R8G9B38IYFRUHIZDXOCblodwAcxKRSymxJ0AyPEuhNd6mBnnksaneVBuiVTcmbxzRicE3RrLaVwXsCnzdC_BnSrJSHo8RcT_g6_yHCUmKuGh5lBNwEDwSA1N5Xu5gbdCIrR7sR_WeDOvH_R-CJaZema_Vja8AcmdyTO0Zg5NlG-_lVt-LMToXMOUMwJirD1Lv4YhV29iTlMDU0waBv-RDVwoRMuc64CNjd1G_5wNVS52RszRyzscReLP2chk7tWzGkrjc5lHiT__OWyi53q7IY_brUjRt2Als8cuO58HHL-1NUpcL6ZsxewOLPFn8CGEmemmIPY0NEb-KPYwNDzmdPYnY9izB_KOgNKMHM46x2D8PLHs7tgkFvmhDagu4vAH9BcvrsGzAHtbgiTYOW8AP581gm6AS0ff3EfrA7b-puzv2RyNWvT3j1xHzCivPbClmJ2pnHjLxaqXbK3t269rXwJjHWizO98rGpdjPcO3gexl1QslolGd1H3vk6pggatdC1tc7A4bWU1wei8yMRPKNTaeF9vO3rZ-AIc6UJJTa02tSpH-wYJzcwysVTHmtxFO_m4pPodtLGVvM2HRWku6sle55Xm3lqh0idae2fh6-TLf5wRRbX0cKo1QdY6COzZRykWCiWfu5ifnkapegid7IHtYpFaS4qi1XmlV1-pUGeUnL3x5mnki4-MD0X2y25UK5Kc0w3s9tlDKJYpBZuziNuxn0-qXUIjU8XcTixKY0FTcjqv8sVTKVQ5BWPvm_r5-NInbYMx3c7MPrUeyhgHIZ3bdWKRlHe5i7fwskmVU-hja6jbV4vTXE6Vvc5LXXprhRqraO2dga-TL7xyRpTX0MOpVmNZ6yCzKx-lWKKVfO5irj2NUt0WOpUK7tZUJPAt5lqehPP6TfUCzwqv4Sn0T8BUOvAq-8p6FHNTFcGzFqw8hUHmTQUFnwKxLncDYKot-FWN4RNg6sdbU4nBWkpmpfh9Z6o0eNSXFbUz2aaqg73oLIt7ran8YK1Es1L0zjIVIuzlaV48eD-ZShLGmrWodBfWVJQwF7JZ7bCkvTXVJMzV7brdTKtsb9uaRNOb9s2qNm90prb0E0rVbNbX285eNqGKTbnQO-TTatOr16Rv8Ma4mGVy1ZozuYt29XGJ1WrHRleqtzfNZaxS0ybnRX3ZRVJ1mvTcLbtns0WoSkMHTN5ubLHo1WjkcRO3m5gkchWaMjiLsnuxOsTqs2NhK8-7qaayV51Zn_PKZl46qdrM2XrX3MclVJkJE4rewujSq8uUbRDAV6tKriozHnexlh4msZrsuLiD4y7QZOYqMmdzXlnoI5Oqx4yrN608TELVGHtQBNc2k14tJlyDAEZGkVwlpi3uIm3sHrE67JiYyvBuq6msVWHG5byqnYdKqgbTpt4T2z1CFRhZUOz2Jo9e_cWmQegONo1c9SUd7uIkZotY7XU8bKV3d9Rc9iov63NeWuqlk6q7nK13ZT4uoapLmFD-TkaXXs2lbIMMflhVchWX8biLlXuYxOqt41Iqtzv1EOxdtVXkzutVz8O-1VpZ3YvVo7FflZbVotiqp2Tf6iyvHmRYPTB7VWVFqbvA6tnZsxrriJlK7E49QpursJQMv3_Uk7RP9ZVX9pMaq6dqj6orK-x16vHaXG2lZPAdEqsHbY8qKyl03xexeuS2Vlc5lbtw6qHbXlWldMOKaqyeua3V1E2cJEIZNW7_5zdxkjxcPqUUzsQtbAahXkoIevyrCc8XSIdwlOilhlcrokAwSHCg0sUSKEa7Ex9a4FLNs8bTxc54xcFtRU6Idp72WicLVU0A7rGRiuXLmD0U5WMjYdW6pQMe5GIrUsVC5RDpTuxOg0qVyRrLliTjmGObS5GEwHnuexNfqD1ifA8_WOB8sXGARgFJFLhaXRziBzE5amyxnIjA7oSnBrRUP6zh3Lklzji6tWCI8c5zP1noQoUQwXv0hwHNlwRdMApKLqPVGuAAPohJoZDFoh_EuhNd6mCpylejmfJefObYxrIegjvP-9PAFup4EN2DLzqYL9w5WBSOqwhWK3UuehCNm8wVS3MA6k7wl4qVanE1mC3C7Z85uLn4Rgj6J78fm_hCtQ3je_jEAufLawM0TMn-RYGr9bQh3k3KfqqxxQIaArsTPjOgpYpZDVdKZXv2oONbImNtzitizzyeNTHO1ZvY449XEYzwoHCxJyHPqhflGiSNPRT5lLkYi7tI7PnIr65Vm5iC1p49JlkLWUM6jjV7WvKoXFEOZ57Yk5O9VEUYej57hLLWpoZ0FFz2MGUvRgHDIK7sscpYfcJsd_LZg5W53DTkD-tMe_ZcZa0vFWWeHSKhwrRvTlfNdQ_XmGiNM0-J1SLUmUhJrzgaFXytCQpQVFNdodabkGSQ1sxgEGtOFN5diJNNINWdWgVdedp_8AJb7QnjnaefW-hC_QnBe3RhQPM1KBeMclPKaLUONYAP8nJWyGItCmLdif7UwVI9qkWzFan9heeba1KkxHkNV6NDqEtRil5wswn42hTAo-B8qQK1PgUVbnwOzzpfrFERcGcBDmMTXqpTtQLu2HCY8AZrrYpSOK_hxWYQ6lWEoMdPTXi-ZjWEwwAdZhperVsBwSA-c5Uu1q4w2p34hQUu1a9aPFPBOrzyfGMNixA4z39p4gt1LIzv4YEFzteyBmgUmlCBq_WsIX4QmZXGFmtaCOxO-NqAlupaLZytbB0iXmCubZES50VsjA6hvkUpesHWJuBrXACP0rNTBWqdCyoGCYp1vljrIuDuAuxNeKne1QqUitdBOHj51rwEo_PKhDOYZ92L9_U24TjmVfsiXSh0wsnMs_5F-wYJFA5pPjUw1uQumnBe86uDtTamEnYQjm3WWhg04MgLpzePehjtceZMOMnZa2KkpXcIRzprXQwaUKiFw529NoYsgygLxzxjfYziu4shHPTMNTLoGFbJDsI5T6yT_Xv1Oy5B9atHUZQ-Ben66Y_OD7Qu5ovT9U812nkq67g4JcHtPc3S6P2YhbHzY07Naerpqb2m-qGc6qftnp7-RTOqH9uCjBfIqC4SGHFa_X7eiELNIcq5ViCGSbY6QNYSsuqrBMo2j9cQsoKQ6iKCcQrW6zjd1j92CxCbFtFe0q02-0u3PBuhYwUNfuiWJSNwIoPB79yy3CPkZjIX_Mwty00gN5e54Fdu-RlG4LMyw-BHboVcIPRVywX4jVuO_Y_sRMVu_Dzkj8rs9HD2agdWvBgUxgxWBiyY6wJjFis-iuN4qfONmaz4aInHK51vzGa9AliwMayAMaNNjrAituTImNU_Z2WZHcm4gi1nFNaXPpzYzoRFmU1kzG3rwZrcpDGmt7XgAJ9NFmOGWwuOwNVkMSa5WxmkmcAdi1kZY57vWcMiuG9xWTOm-m_VT0USmZ7A7av6zciHE91YsATuYaTEmObagRVwG6MUxiTXBpTjCdzHKIMxxbUBrzncxiiDMcHNSmAF3MLIlTCmt80UlsDti86UMbm_1ec9Krpw-6p_b_Th7LYerIH7F60xprexYAncvkiJMb-NAwX4Be5dpMOY4MaBlv4Fblukw5jhdkWwBO5Z9IoYU9zlC2vgrsXkS8vxMci3cUol-KXbtJpL_KPboTF5I5O1tLZgzI1FrhbQFoujmYhYLZMtFq9gJmK1GHazi7m5PLta8u6JwOSzkghb2Jjz1st1QH_suOUYkGD6rAts0SPPWtMXFW9LIHnSms5Vui2I5DlrulTptjzSp6zpSp95WyyZM9Z0Y8iOLZ38CWs63F4ePmANPViTmDS2pHKnq2lmkdjyyp2tprnFYUstd7Kani0OW3bZc9X0aloRW4L5U9Xs2ZYvW465M9UMbFOPHalcB1bMDQpbfunz1GypC2zZpU9Ts5XOt-WWPkvNNjrfllnmJDWLDStgyyt3jpollhzZssqeomZgm3rwEDWwYElukdjyypygZmeDwpZY5vw0uxoMtswyp6f5s8FgSy13dpq_WFbCllv25DSfmzKlJXcbkH_FzrutaRs88OdrDcXMlcDUclkhMXHDE7UYVkAUv3nMA7XUVUC8SgkP1EJWzyImZsIsaplqVhszc2m1tQjl2eWvTIq6_SLPLqOHktSxMfqqoLVAtWQEXjzLYC1XLRdFa_Eic7V4tVy0dou5zNVS1s0wBi-VGdbCds8FRq-0XGiZW2XJ-ZgysVt020Jz1WPJcwxYEOsCLX89H-MTFa-lsKfjIGYqXctiT8dLm6t0LZHOzGP8WZ95LZdudrDgasiOls5NlpZ_j7-i-y0lQPLa7THVhaMi_rrf-1PeTtk2D06726hYBUk0agmjO_J-I1AmmndR0Nx6AcwvZnNLIMy5aA6zNX7Bc7O2Gk44z6JzFZzKOEuRdmnWtgTCfBXNxTFIUIheV2ZvPR5bJ8-UtboH6i2q_yLkktVtffXtUrvI_aOQzZaDvb_qk-Ln8hV7-LuEUf5C8ZMpSzzkdc4o86di5rKWeci7tFH-m-KnE5d72JvMEe7JmHLXNxVSn7Ov3Wbc3nbo-xHbgjH3KnK1T9YGi6jLZ4mqfaA2UPRhunyRoNrnaANFi7mcS1Dt47OdVUxdirOqfWp2KcDclZwC7cOyCSuVr2W3mQ3zbA9Yh8bkWCZrEWvBmJuIXC1kLRanLBOxWsxaLF65XMRqQetmF3PP8uxqUbsnApOvSiLUQl2c_s5tZ8G9MhSnowe3tJ6P8S8qXi3OdXQMn2twtSzXsVH6gqXGVgtyHRstaLDS2Gop7j7jGL5RZ1wtwvV5wfhYz4shj2_s_hckjuDRPdAxYEGmCwyZfGN2wyBX8YZUvjGbYnBW6YZcvjF7Y3BV6YZkvnFbZPisz7whm2_sThm-GLKjf61xZXfLsK8_Xx_eLe98jF-qeP2rjCuzW4YrDa5_iXFldstwo7H1ry-uzG4Zxhpb_-Liyu2WYaLOuP6VxZXdLcNMz4shj_xuGeaO4OHdsjdgwVkXGDLJ7ZbhVcUbUsntlqtnlW7IJbdbrl5UuiGZ7G65muszb8gmv1uulobsaOls_p_qvwXr-Fzg5V11e077v17P6-s6S_Mvd4EDVYHXeGNQOKscqgo8UbFB4UzUSlUQi5EYHO5qrHUJYcksFlcTtRq6-7L_G3Axf626L2FT5vh58qJ1ZZZBmER9G-24fYpeXZmAMYUMj65MgFpAlE9XJmAFkGXqygSQNYQYujIBYju8__jhO9vfMXqvoO1dmQB8lMH2rkzAPclce1cm4BYy16MrE4A_lRn26coE6JuWC8-uTPjOHg_5P9GVCRVTg8KrKxMKFrrAqysT8gOd79WVCflrne_XlQkFW8MKeHZlQsXekiP_rkyoAVvOz3VlQtHJJvLtyoSawqTx7cqElk-TxbcrE1puJot3VybQTOCO9WNdmVAE962f6sqEHrh9_UhXJpTAPewHujKhAm5j3-_KhAa4j32_KxMa4Db2A12ZUAG3sB_pyoQSuH39UFcm1MDt64e6MqEG7l8_0pUJJXD7-omuTOB4gXvXT3RlQgfctn6kKxNK4J71Q12ZUAN3re93ZUJDt2l9vysTkrcy2dyVCbl7kWvuyoTYo4g1d2VC7EnE2rsyIbeQZ9ejKxOSP5VE-HVlQvptQP-BrkxYZhnrAp-uTIifqnifrkxIX6h0n65MSA9UuldXJsSv9Zn368qEgq0hO95dmVAy3F5-rCsTao4mjWdXJpScLBLPrkzoKCwOz65M6Pi0OHy7MqHkZloR765MoJmNbfny7MqEFrBN_URXJlQsDAqvrkwoCHSBV1cm5K91vldXJuRvdb5fVyYU7A0r4NmVCRVHS458uzKhBGxTP9OVCSWFReLXlQkVnwaFX1cmNNwMBr-uTGCYjw0Gz65MqJhaVsK3KxNKFqZMWbsyIb3bmr7TlQmZa4Fp68qExC1PtHVlQuCeB9q6MiHwyAONXZmQeBJm0dqVCZmFtNoeXZmQ2-0XP9CVCdE3BW3uyoRfPY9lsLkrE3KnMtfclQm5C5lr78qE4ECZYY-uTIhea7nw68qE-G5b-LGuTCjY6wKfrkyIP6p4n65MSD-pdJ-uTEgvVLpXVybEf-oz79eVCQU3Q3a8uzKB5LXbY_7vuzKheWo2f6srE2oXZu23ujKhNjBrv9eVCb1rs_e7XZnQ3G19_19dmdC_9_B_uysTyo8e8m93ZUL5yUP-_a5MaC887A93ZUJptxl_tysTcm8i19qVCajLsUS1dmVC6FSCWrsyIXQhQc1dmZAaiLNq78qE3LWcAo-uTEjuNrPvd2VC8l4mm7syIfcocs1dmRB7ErHmrkyILUSsvSsTcj_l2fXoyoTkm5IIr65MeKPwvTL0M12ZED9V8R5dmRC-0OAeXZmQHWhsj65MyF5rbJ-uTAjfqjPu1ZUJ8Xs9L35dmVBwdAQ_0pUJBSdd4NOVCfGFivfpyoT0T5Xu05UJ6TeV7tWVCfDhWJ95v65MKJgasuPVlQkFff35R7oyIT5Q8R5dmRC-1uAeXZmQvdXYHl2ZkL3X2D5dmRB-VGfcqysT4k96Xvy6MqGgcAQ_0pUJBZ-6wKcrE-JvKt6nKxPQV2OV7tOVCelTle7VlQnxC33m_boyoSAwZMezKxMquj3nB7syoWJrUHh2ZULF3qDw7cqEjqPB4d-VCS0ni4XsyvxfxSnEdXYaAQA';\nimport 'src/components/Radio/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VwW7bMAy95yt4GdAcFNhJiq0KMAzoLgN22mE7DENA23QsRJUMUU7TFf33wbKbOG7SOs1uIR3xPT6RTxP2D5p46TBT9pvJVIreuluNzMulvU_jPJ7C4wigtKy8skYCJmx15WkxArhXmS8kxFG5rcOC1Krw-9jbUsKs-a0p97sgsS4jJ2rUiiVcRx9CFtP1ytnKZCK12joJ3qHhEh0ZH-rVYUuj_2eIJjNejJ5Gk25LP6z1B93MQjciQNvb-uBPdM8fIwkbdFeiqciidOoO3YPIKMdK--UynicFzzez8aJX5Cu6dadQfKoQuvWuyjxUyTVtBRdOmbWEaHEgtSONXm26Uk97Uj_HJxQNWQnTcgtstcoOaRmqvEN9SCtOxi-0bop3dQZIK8f1HZVWGU-ull5jQloWdkMOPsOQi-hWlqfJkdvTS8cDbvl3hh5FWlC6puzPSajjU_AOgMnQPXo5428yOUvVsxvvT-7FkP9RiqPcBrHJFGOiX1OgN2W6Xqf9kN2MuyPe7v_ZY9HncrE0b5PuMfxeX-QBwHUAWGEp4VNjHa2z5MqL1Brfem3PUBp8LjFVZiW2W97BThs3rJicYNKUegnGGhrCRRbIVzK3acVio1glmsaBn628VoZOOtfrztyeFjbPmXwoMkgZLtEE-HP9CCC3xgtWf0lCPG90bVI1ZC2Iu0O9y9637n0dBccPZPuOrsn7WtJGcgnRJG5f1Y4zv_L0nZK7N5TjYV2_a9SO4z0O2KxfDsuSDlfjYzh5dM6-3FGmEK6CYzXpBudS7zzz2QB4uhB0sEW84ymp2T39Axi-oqPyCQAA';\nexport var radioColorDarkVar = 'var(--radioColorDarkVar__owc1f11)';\nexport var radioColorVar = 'var(--radioColorVar__owc1f10)';\nexport var radioIndicatorClass = 'styles_radioIndicatorClass__owc1f12';\nexport var radioLabelClass = 'styles_radioLabelClass__owc1f15 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_cursor_pointer__1hu819uds sprinkles_position_relative__1hu819ude';\nexport var radioLabelColumnClass = 'styles_radioLabelColumnClass__owc1f1d sprinkles_flexDirection_column__1hu819uct';\nexport var radioLabelColumnReverseClass = 'styles_radioLabelColumnReverseClass__owc1f1f sprinkles_flexDirection_column-reverse__1hu819ucu';\nexport var radioLabelRowClass = 'styles_radioLabelRowClass__owc1f19 sprinkles_flexDirection_row__1hu819ucr';\nexport var radioLabelRowReverseClass = 'styles_radioLabelRowReverseClass__owc1f1b sprinkles_flexDirection_row-reverse__1hu819ucs';\nexport var radioRootClass = 'styles_radioRootClass__owc1f13';\nexport var radioWrapperClass = 'styles_radioWrapperClass__owc1f17 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_gap_xxs_desktop__1hu819u6b sprinkles_position_relative__1hu819ude';","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/RadioGroup/styles.css.ts.vanilla.css?source=LnN0eWxlc19yYWRpb0dyb3VwQ29udGFpbmVyQ2xhc3NfXzFhZmJhazcwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiB2YXIoLS1zcGFjaW5nLXhzX18xNGJoczR2MjQpOwp9Ci5zdHlsZXNfcmFkaW9Hcm91cENvbnRhaW5lckNsYXNzX18xYWZiYWs3MCA-IGxhYmVsIHsKICBjb2xvcjogdmFyKC0tY29sb3JzLW5ldXRyYWwtZGFya19fMTRiaHM0djFiKTsKICBmb250LWZhbWlseTogdmFyKC0tdHlwb2dyYXBoeS1mYW1pbHktZGVmYXVsdF9fMTRiaHM0djFqKTsKICBmb250LXNpemU6IDE2cHg7CiAgZm9udC1zdHlsZTogbm9ybWFsOwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgbGluZS1oZWlnaHQ6IDI0cHg7CiAgbGV0dGVyLXNwYWNpbmc6IDAuMTVweDsKfQouc3R5bGVzX3JhZGlvR3JvdXBDbGFzc19fMWFmYmFrNzEgewogIGRpc3BsYXk6IGNvbnRlbnRzOwp9Ci5zdHlsZXNfb3B0aW9uc0NvbnRhaW5lckNsYXNzX18xYWZiYWs3MiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LXdyYXA6IHdyYXA7CiAgZ2FwOiB2YXIoLS1zcGFjaW5nLXhzX18xNGJoczR2MjQpOwp9Ci5zdHlsZXNfb3B0aW9uc0NvbnRhaW5lclZlcnRpY2FsQ2xhc3NfXzFhZmJhazczIHsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwp9Ci5zdHlsZXNfb3B0aW9uc0NvbnRhaW5lckhvcml6b250YWxDbGFzc19fMWFmYmFrNzQgewogIGZsZXgtZGlyZWN0aW9uOiByb3c7Cn0KLnN0eWxlc19lcnJvclNwYW5DbGFzc19fMWFmYmFrNzUgewogIGNvbG9yOiB2YXIoLS1jb2xvcnMtcmVkLWRlZmF1bHRfXzE0YmhzNHY5KTsKICBmb250LXNpemU6IDEycHg7CiAgZm9udC1zdHlsZTogbm9ybWFsOwogIGZvbnQtd2VpZ2h0OiA0MDA7CiAgbGluZS1oZWlnaHQ6IDE2cHg7CiAgaGVpZ2h0OiAxNnB4OwogIGxldHRlci1zcGFjaW5nOiAwLjRweDsKfQ';\nexport var errorSpanClass = 'styles_errorSpanClass__1afbak75';\nexport var optionsContainerClass = 'styles_optionsContainerClass__1afbak72';\nexport var optionsContainerHorizontalClass = 'styles_optionsContainerHorizontalClass__1afbak74';\nexport var optionsContainerVerticalClass = 'styles_optionsContainerVerticalClass__1afbak73';\nexport var radioGroupClass = 'styles_radioGroupClass__1afbak71';\nexport var radioGroupContainerClass = 'styles_radioGroupContainerClass__1afbak70';"],"mappings":";;;AAAA,SAAS,cAAc,sBAAsB;AAE7C,SAAS,cAAAA,mBAAuC;;;ACFhD,SAAS,SAAS,iBAAiB;AACnC,SAAS,wBAAwB;AAEjC,SAA6B,YAAY,eAAe;;;ACHxD,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgKA,IAAM,WAAW,CAAC,QAA0C;AAEjE,QAAM,IAAI,QAAQ,MAAM,EAAE;AAG1B,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI;AAC9C,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI;AAC9C,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI;AAG9C,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC,GAC1B,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC;AACxB,QAAM,QAAQ,MAAM;AAGpB,QAAM,SAAS,MAAM;AAGrB,QAAM,SAAS,QAAQ,IAAI,IAAK,QAAQ,MAAO;AAG/C,MAAI,SAAS;AACb,MAAI,UAAU,GAAG;AACf,QAAI,QAAQ,EAAG,WAAU,IAAI,KAAK,SAAS,IAAI,IAAI,IAAI;AAAA,aAC9C,QAAQ,EAAG,WAAU,IAAI,KAAK,QAAQ;AAAA,QAC1C,WAAU,IAAI,KAAK,QAAQ;AAEhC,aAAS,KAAK,MAAM,SAAS,EAAE;AAAA,EACjC;AAEA,SAAO,CAAC,QAAQ,KAAK,MAAM,MAAM,GAAG,KAAK,MAAM,MAAM,CAAC;AACxD;AAEO,IAAM,WAAW,CAAC,WACvB,OAAO,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAGrC,IAAM,WAAW,CAAC,GAAW,GAAW,MAAsB;AAC5D,OAAK;AACL,OAAK;AAEL,QAAM,IAAI,IAAI;AACd,QAAM,IAAI,KAAK,IAAI,KAAK,IAAM,IAAI,KAAM,IAAK,CAAC;AAC9C,QAAM,IAAI,IAAI;AACd,MAAI,IAAI,GACN,IAAI,GACJ,KAAK;AAEP,MAAI,KAAK,KAAK,IAAI,IAAI;AACpB,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP,WAAW,MAAM,KAAK,IAAI,KAAK;AAC7B,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP,WAAW,OAAO,KAAK,IAAI,KAAK;AAC9B,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP,WAAW,OAAO,KAAK,IAAI,KAAK;AAC9B,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP,WAAW,OAAO,KAAK,IAAI,KAAK;AAC9B,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP,WAAW,OAAO,KAAK,IAAI,KAAK;AAC9B,QAAI;AACJ,QAAI;AACJ,SAAK;AAAA,EACP;AAEA,MAAI,KAAK,OAAO,IAAI,KAAK,GAAG;AAC5B,MAAI,KAAK,OAAO,IAAI,KAAK,GAAG;AAC5B,OAAK,KAAK,OAAO,KAAK,KAAK,GAAG;AAE9B,SAAO,IAAI,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC;AACrD;AAYA,IAAM,qBAAqB,oBAAI,IAA2B;AAC1D,IAAM,iBAAiB;AAEvB,IAAM,qBAAqB,CACzB,KACA,aACkB;AAClB,MAAI,mBAAmB,QAAQ,gBAAgB;AAE7C,UAAM,WAAW,mBAAmB,KAAK,EAAE,KAAK,EAAE;AAClD,uBAAmB,OAAO,QAAQ;AAAA,EACpC;AACA,qBAAmB,IAAI,KAAK,QAAQ;AACpC,SAAO;AACT;AAGO,IAAM,wBAAwB,CAAC,QAA+B;AAEnE,QAAM,SAAS,mBAAmB,IAAI,GAAG;AACzC,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AAGA,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,GAAG;AAG9B,QAAM,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC;AACjC,QAAM,SAAS,KAAK,IAAI,IAAI,GAAG,GAAG;AAClC,QAAM,aAAa,SAAS,GAAG,QAAQ,MAAM;AAG7C,QAAM,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC;AACnC,QAAM,WAAW,KAAK,IAAI,IAAI,GAAG,GAAG;AACpC,QAAM,eAAe,SAAS,GAAG,UAAU,QAAQ;AAGnD,QAAM,YAAY,KAAK,IAAI,IAAI,IAAI,CAAC;AACpC,QAAM,YAAY,KAAK,IAAI,IAAI,IAAI,GAAG;AACtC,QAAM,gBAAgB,SAAS,GAAG,WAAW,SAAS;AAGtD,QAAM,QAAQ,KAAK,IAAI,IAAI,GAAG,GAAG;AACjC,QAAM,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC;AAChC,QAAM,YAAY,SAAS,GAAG,OAAO,KAAK;AAG1C,QAAM,UAAU,KAAK,IAAI,IAAI,GAAG,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC;AAClC,QAAM,cAAc,SAAS,GAAG,SAAS,OAAO;AAEhD,QAAM,WAA0B;AAAA,IAC9B,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEA,SAAO,mBAAmB,KAAK,QAAQ;AACzC;;;AC9TO,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,sBAAsB;AAC1B,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,IAAI,+BAA+B;AACnC,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;AAChC,IAAI,iBAAiB;;;AFuDxB,SAKY,KALZ;AArCG,IAAM,QAAQ,WAAW,SAASC,OACvC;AAAA,EACE;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACA,KACA;AACA,QAAM,gBAAgB;AAAA,IACpB,MAAO,cAAc,sBAAsB,WAAW,IAAI;AAAA,IAC1D,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,eAAe;AACjB,aAAO,iBAAiB;AAAA,QACtB,CAAC,aAAa,GAAG,cAAc;AAAA,QAC/B,CAAC,iBAAiB,GAAG,cAAc;AAAA,MACrC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,wBAAsE;AAAA,IAC1E,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,QAAM,qBAAqB,sBAAsB,aAAa;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,eAAe,IAAI,kBAAkB;AAAA,MACnD,OAAO;AAAA,MACP,aAAU;AAAA,MAET;AAAA,iBAAS,oBAAC,UAAK,aAAU,eAAe,iBAAM;AAAA,QAC/C;AAAA,UAAC,UAAU;AAAA,UAAV;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,aAAU;AAAA,YAEV;AAAA,cAAC,UAAU;AAAA,cAAV;AAAA,gBACC,aAAW;AAAA,gBACX,WAAW;AAAA,gBACX,aAAU;AAAA;AAAA,YACZ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,cAAc;;;AG1Fb,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,kCAAkC;AACtC,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,2BAA2B;;;AJ2ClC,SACY,OAAAC,MADZ,QAAAC,aAAA;AAtBG,IAAM,aAAaC,YAAW,SAASC,YAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,mBAAmB,GAAG,qBAAqB,IAC/C,WAAW,gCAAgC,+BAC7C;AAEA,SACE,gBAAAF,MAAC,SAAI,WAAW,0BAA0B,KAAW,GAAG,OACrD;AAAA,aAAS,gBAAAD,KAAC,WAAO,iBAAM;AAAA,IACxB,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAW;AAAA,QAEX,0BAAAA,KAAC,SAAI,WAAW,kBAAkB,OAAO,EAAE,IAAS,GACjD,kBAAQ,IAAI,CAAC,QAAQ,UACpB,gBAAAA;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,OAAO;AAAA,YACd,OAAO,OAAO;AAAA,YACd;AAAA,YACA;AAAA;AAAA,UAJK;AAAA,QAKP,CACD,GACH;AAAA;AAAA,IACF;AAAA,IACC,SAAS,gBAAAA,KAAC,UAAK,WAAW,gBAAiB,iBAAM;AAAA,KACpD;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["forwardRef","Radio","jsx","jsxs","forwardRef","RadioGroup"]}

package/dist/components/ScrollArea/index.cjs

@@ -0,0 +1,146 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ScrollArea/index.tsx
+var ScrollArea_exports = {};
+__export(ScrollArea_exports, {
+  ScrollArea: () => ScrollArea
+});
+module.exports = __toCommonJS(ScrollArea_exports);
+var import_scroll_area = require("@base-ui/react/scroll-area");
+var import_react = require("react");
+
+// src/components/ScrollArea/styles.css.ts
+var scrollAreaRootClass = "styles_scrollAreaRootClass__opl8v70";
+var scrollAreaScrollbarClass = "styles_scrollAreaScrollbarClass__opl8v73";
+var scrollAreaThumbClass = "styles_scrollAreaThumbClass__opl8v74";
+var scrollAreaViewportClass = "styles_scrollAreaViewportClass__opl8v71";
+var scrollAreaViewportDraggableClass = "styles_scrollAreaViewportDraggableClass__opl8v72";
+
+// src/components/ScrollArea/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ScrollArea = (0, import_react.forwardRef)(
+  function ScrollArea2({ children, className, style, maxHeight, draggable = false }, ref) {
+    const viewportRef = (0, import_react.useRef)(null);
+    const dragState = (0, import_react.useRef)({
+      active: false,
+      startX: 0,
+      startY: 0,
+      scrollLeft: 0,
+      scrollTop: 0,
+      moved: false
+    });
+    const onPointerDown = (0, import_react.useCallback)(
+      (e) => {
+        if (!draggable) return;
+        if (e.pointerType === "touch") return;
+        const el = viewportRef.current;
+        if (!el) return;
+        dragState.current = {
+          active: true,
+          startX: e.clientX,
+          startY: e.clientY,
+          scrollLeft: el.scrollLeft,
+          scrollTop: el.scrollTop,
+          moved: false
+        };
+        el.setPointerCapture(e.pointerId);
+      },
+      [draggable]
+    );
+    const onPointerMove = (0, import_react.useCallback)(
+      (e) => {
+        const s = dragState.current;
+        if (!s.active) return;
+        const el = viewportRef.current;
+        if (!el) return;
+        const dx = e.clientX - s.startX;
+        const dy = e.clientY - s.startY;
+        if (!s.moved && Math.hypot(dx, dy) > 3) s.moved = true;
+        el.scrollLeft = s.scrollLeft - dx;
+        el.scrollTop = s.scrollTop - dy;
+      },
+      []
+    );
+    const onPointerUp = (0, import_react.useCallback)((e) => {
+      var _a;
+      const s = dragState.current;
+      if (!s.active) return;
+      s.active = false;
+      (_a = viewportRef.current) == null ? void 0 : _a.releasePointerCapture(e.pointerId);
+      if (s.moved) {
+        const stopClick = (ev) => {
+          ev.stopPropagation();
+          ev.preventDefault();
+        };
+        const el = viewportRef.current;
+        el == null ? void 0 : el.addEventListener("click", stopClick, { capture: true, once: true });
+        setTimeout(() => el == null ? void 0 : el.removeEventListener("click", stopClick, true), 0);
+      }
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_scroll_area.ScrollArea.Root,
+      {
+        ref,
+        className: `${scrollAreaRootClass}${className ? ` ${className}` : ""}`,
+        style: {
+          maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_scroll_area.ScrollArea.Viewport,
+            {
+              ref: viewportRef,
+              className: `${scrollAreaViewportClass}${draggable ? ` ${scrollAreaViewportDraggableClass}` : ""}`,
+              onPointerDown: draggable ? onPointerDown : void 0,
+              onPointerMove: draggable ? onPointerMove : void 0,
+              onPointerUp: draggable ? onPointerUp : void 0,
+              onPointerCancel: draggable ? onPointerUp : void 0,
+              children
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_scroll_area.ScrollArea.Scrollbar,
+            {
+              orientation: "vertical",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_scroll_area.ScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_scroll_area.ScrollArea.Scrollbar,
+            {
+              orientation: "horizontal",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_scroll_area.ScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollArea
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ScrollArea/index.tsx","../../../src/components/ScrollArea/styles.css.ts"],"sourcesContent":["import { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport type React from \"react\";\nimport { type CSSProperties, forwardRef, useCallback, useRef } from \"react\";\nimport {\n  scrollAreaRootClass,\n  scrollAreaScrollbarClass,\n  scrollAreaThumbClass,\n  scrollAreaViewportClass,\n  scrollAreaViewportDraggableClass,\n} from \"./styles.css\";\n\ninterface ScrollAreaProps {\n  children: React.ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  maxHeight?: string | number;\n  draggable?: boolean;\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  function ScrollArea(\n    { children, className, style, maxHeight, draggable = false },\n    ref,\n  ) {\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const dragState = useRef({\n      active: false,\n      startX: 0,\n      startY: 0,\n      scrollLeft: 0,\n      scrollTop: 0,\n      moved: false,\n    });\n\n    const onPointerDown = useCallback(\n      (e: React.PointerEvent<HTMLDivElement>) => {\n        if (!draggable) return;\n        if (e.pointerType === \"touch\") return;\n        const el = viewportRef.current;\n        if (!el) return;\n        dragState.current = {\n          active: true,\n          startX: e.clientX,\n          startY: e.clientY,\n          scrollLeft: el.scrollLeft,\n          scrollTop: el.scrollTop,\n          moved: false,\n        };\n        el.setPointerCapture(e.pointerId);\n      },\n      [draggable],\n    );\n\n    const onPointerMove = useCallback(\n      (e: React.PointerEvent<HTMLDivElement>) => {\n        const s = dragState.current;\n        if (!s.active) return;\n        const el = viewportRef.current;\n        if (!el) return;\n        const dx = e.clientX - s.startX;\n        const dy = e.clientY - s.startY;\n        if (!s.moved && Math.hypot(dx, dy) > 3) s.moved = true;\n        el.scrollLeft = s.scrollLeft - dx;\n        el.scrollTop = s.scrollTop - dy;\n      },\n      [],\n    );\n\n    const onPointerUp = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n      const s = dragState.current;\n      if (!s.active) return;\n      s.active = false;\n      viewportRef.current?.releasePointerCapture(e.pointerId);\n      if (s.moved) {\n        // Swallow the click that follows so drag doesn't trigger buttons/links underneath\n        const stopClick = (ev: MouseEvent) => {\n          ev.stopPropagation();\n          ev.preventDefault();\n        };\n        const el = viewportRef.current;\n        el?.addEventListener(\"click\", stopClick, { capture: true, once: true });\n        setTimeout(() => el?.removeEventListener(\"click\", stopClick, true), 0);\n      }\n    }, []);\n\n    return (\n      <BaseScrollArea.Root\n        ref={ref}\n        className={`${scrollAreaRootClass}${className ? ` ${className}` : \"\"}`}\n        style={{\n          maxHeight:\n            typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight,\n          ...style,\n        }}\n      >\n        <BaseScrollArea.Viewport\n          ref={viewportRef}\n          className={`${scrollAreaViewportClass}${draggable ? ` ${scrollAreaViewportDraggableClass}` : \"\"}`}\n          onPointerDown={draggable ? onPointerDown : undefined}\n          onPointerMove={draggable ? onPointerMove : undefined}\n          onPointerUp={draggable ? onPointerUp : undefined}\n          onPointerCancel={draggable ? onPointerUp : undefined}\n        >\n          {children}\n        </BaseScrollArea.Viewport>\n        <BaseScrollArea.Scrollbar\n          orientation=\"vertical\"\n          className={scrollAreaScrollbarClass}\n        >\n          <BaseScrollArea.Thumb className={scrollAreaThumbClass} />\n        </BaseScrollArea.Scrollbar>\n        <BaseScrollArea.Scrollbar\n          orientation=\"horizontal\"\n          className={scrollAreaScrollbarClass}\n        >\n          <BaseScrollArea.Thumb className={scrollAreaThumbClass} />\n        </BaseScrollArea.Scrollbar>\n      </BaseScrollArea.Root>\n    );\n  },\n);\n\nScrollArea.displayName = \"ScrollArea\";\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/ScrollArea/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUYWvbMBD9nl8hCqUJTCHJ0q5TGWxsv2Ab-zJGOFtnW1TWmZOcNBv570O21dbrujTsi9E75Pfe6Z4092Fv0W98zmTtB0b4TBQ-WvB-s6HGXm_fLMSviRANeRMMOSUYLQSzxZuJELRFLiztlKiM1uhibWd0qJRYLhbnEVZoyiokfJjMnyh-M7hriMeqy071n1wP8nKvBLSBRrW7x6Z6tQxYDpSOHJ5iRym5w-zWBHlP1TnUxjcW9i8h_MRQlpBZHDGvOpq8ZU-sRMmQ_dlF6qz1yNKjxTz8h5yCPE7viWpmXPl3wi-p4RHR63H7hcW7Z0wKEajNKxmFY4BS9SFSkHmybRj2Nkos4or7YXfrjEKgegDDCK-aTrEBrY0rlVj1ODC4RNztFIv5yp_U2ncNAWQVh2Bc-eNxFK-jyMlUxAZdgGjq3UVFbH6SC2AvemqLRTjWc3csKQmDlwTTtbh6ztvXqq2zka91JxyHpsSyE4P8tmRqnZY52RiKLfBU9sBLh21gsNJGpc1muc4qv94u3856o6yRJYM2rU8_9kj6-80rmN0885C80LNSGRbEQ3bJBXRBibOzI2G67B-L_pQH0IWkIK5Vv7QQcCovF-evRPzOjj5kQtTGpcdkve6jF0tpW187TN7XqA2IacNYIHvJqNsctawpnULEs66n0-7eOOrpVh0mh9-h-kTF1QUAAA';\nexport var scrollAreaRootClass = 'styles_scrollAreaRootClass__opl8v70';\nexport var scrollAreaScrollbarClass = 'styles_scrollAreaScrollbarClass__opl8v73';\nexport var scrollAreaThumbClass = 'styles_scrollAreaThumbClass__opl8v74';\nexport var scrollAreaViewportClass = 'styles_scrollAreaViewportClass__opl8v71';\nexport var scrollAreaViewportDraggableClass = 'styles_scrollAreaViewportDraggableClass__opl8v72';"],"mappings":"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","names":["ScrollArea","BaseScrollArea"]}