eatopia-ds 0.0.85

package/README.md

@@ -0,0 +1,200 @@
+# DS-Eatopia
+
+Uma biblioteca de componentes React independente de CSS externo, com todos os estilos embutidos inline.
+
+## Características
+
+- ✅ **Zero dependências de CSS externo** - Todos os estilos são inline
+- ✅ **Componentes prontos para uso** - Não precisa configurar Tailwind ou outros frameworks CSS
+- ✅ **Totalmente responsivo** - Funciona em todos os dispositivos
+- ✅ **Mobile-first** - Modal com largura total em dispositivos móveis
+- ✅ **Acessível** - Segue as melhores práticas de acessibilidade
+- ✅ **TypeScript** - Tipagem completa incluída
+
+## Instalação
+
+```bash
+npm install ds-eatopia
+```
+
+## Uso
+
+### EstoqueCard
+
+```tsx
+import { EstoqueCard, Produto, ContagemInicial } from "ds-eatopia";
+
+const produto: Produto = {
+  id: 1,
+  name: "Arroz Integral",
+  sku: "ARROZ001",
+  categoria: "Grãos",
+  estoque: 50,
+  unidades: [
+    { label: "kg", value: "1" },
+    { label: "Caixa 5kg", value: "5" },
+  ],
+  unidade_sap: "kg",
+};
+
+const contagemInicial: ContagemInicial[] = [
+   {
+      quantidade: 2,
+      unidade: {
+        label: "KG",
+        value: "1"
+      }
+    },
+    {
+      quantidade: 4,
+      unidade: {
+        label: "PCT 0,5 KG",
+        value: "0.5"
+      }
+    }
+]
+
+function App() {
+  return (
+    <div>
+      <EstoqueCard produto={produto} contagemInicial={contagemInicial} />
+    </div>
+  );
+}
+```
+
+### UnitSelect
+
+```tsx
+import { UnitSelect, UnitOption } from "ds-eatopia";
+
+function App() {
+  const [selectedUnit, setSelectedUnit] = useState("1");
+
+  const units: UnitOption[] = [
+    { label: "kg", value: "1" },
+    { label: "Caixa 5kg", value: "5" },
+    { label: "Saco 25kg", value: "25" },
+  ];
+
+  return (
+    <UnitSelect
+      units={units}
+      selectedUnit={selectedUnit}
+      onUnitChange={setSelectedUnit}
+      defaultUnit="1"
+    />
+  );
+}
+```
+
+### Responsividade Automática
+
+O componente `EstoqueCard` detecta automaticamente dispositivos móveis (≤768px) e ajusta o modal para largura total:
+
+- **Desktop/Tablet**: Modal com largura fixa de 400px
+- **Mobile**: Modal com largura total (100%) e padding otimizado
+
+### QuantidadeInput
+
+```tsx
+import { QuantidadeInput } from "ds-eatopia";
+
+function App() {
+  const [quantidade, setQuantidade] = useState(5);
+
+  return (
+    <QuantidadeInput
+      valor={quantidade}
+      onChange={setQuantidade}
+      atalhos={[10, 25, 50, -10, -25, -50]}
+      selectedUnit="kg"
+      addStockItem={(valor) => {
+        console.log(`Adicionando ${valor} kg ao estoque`);
+      }}
+    />
+  );
+}
+```
+
+### Atalhos Inteligentes
+
+Os atalhos negativos só aparecem quando fazem sentido:
+
+- **Valor atual: 5** → Mostra apenas: +10, +25, +50
+- **Valor atual: 15** → Mostra: +10, +25, +50, -10
+- **Valor atual: 60** → Mostra: +10, +25, +50, -10, -25, -50
+
+## Componentes Disponíveis
+
+### EstoqueCard
+
+- Gerencia itens de estoque com diferentes unidades
+- Interface intuitiva para adicionar/remover itens
+- Cálculo automático de totais
+- Modal integrado para inserção de novos itens
+
+### QuantidadeInput
+
+- Input numérico com controles + e -
+- Atalhos personalizáveis para valores comuns
+- **Atalhos negativos inteligentes** - Só aparecem quando fazem sentido
+- Suporte a unidades de medida
+- Botão para adicionar ao estoque
+
+### UnitSelect
+
+- Select customizado e bonito para unidades
+- Navegação por teclado (setas, Enter, Escape)
+- Animações suaves e feedback visual
+- Totalmente acessível (ARIA labels)
+- Suporte a hover e focus states
+
+### Modal
+
+- Modal responsivo com animações suaves
+- **Largura total em dispositivos móveis** (≤768px)
+- Seletor de unidades integrado
+- Controle de foco e acessibilidade
+
+## Vantagens
+
+### Sem Dependências Externas
+
+- Não precisa instalar Tailwind CSS
+- Não precisa configurar PostCSS
+- Não precisa importar arquivos CSS
+- Funciona em qualquer projeto React
+
+### Performance
+
+- Estilos inline são mais rápidos para carregar
+- Sem overhead de frameworks CSS
+- Bundle menor
+
+### Facilidade de Uso
+
+- Instale e use imediatamente
+- Sem configuração adicional
+- Compatível com qualquer setup de build
+- **Responsivo automático** - Detecta dispositivos móveis automaticamente
+
+## Desenvolvimento
+
+```bash
+# Instalar dependências
+npm install
+
+# Executar em modo de desenvolvimento
+npm run dev
+
+# Build para produção
+npm run build
+
+# Executar Storybook
+npm run storybook
+```
+
+## Licença
+
+MIT

package/build/index.css

@@ -0,0 +1 @@
+.storybook-button{display:inline-block;cursor:pointer;border:0;border-radius:.5rem;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-button--primary{background-color:#ff4e00;color:#fff}.storybook-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}.storybook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);background-color:#0e0f12;padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{margin-right:10px;color:#333;font-size:14px}

package/build/index.js

@@ -0,0 +1,17 @@
+import { Button as t } from "./index2.js";
+import { Header as p } from "./index3.js";
+import { Logo as m } from "./index4.js";
+import { List as a } from "./index5.js";
+import { QuantidadeInput as n } from "./index6.js";
+import { EstoqueCard as i } from "./index7.js";
+import { UnitSelect as L } from "./index8.js";
+export {
+  t as Button,
+  i as EstoqueCard,
+  p as Header,
+  a as List,
+  m as Logo,
+  n as QuantidadeInput,
+  L as UnitSelect
+};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/build/index12.js

@@ -0,0 +1,20 @@
+import c from "./index19.js";
+/**
+ * @license lucide-react v0.503.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], i = c("grip-vertical", e);
+export {
+  e as __iconNode,
+  i as default
+};
+//# sourceMappingURL=index12.js.map

package/build/index12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index12.js","sources":["../node_modules/lucide-react/dist/esm/icons/grip-vertical.js"],"sourcesContent":["/**\n * @license lucide-react v0.503.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"9\", cy: \"12\", r: \"1\", key: \"1vctgf\" }],\n  [\"circle\", { cx: \"9\", cy: \"5\", r: \"1\", key: \"hp0tcf\" }],\n  [\"circle\", { cx: \"9\", cy: \"19\", r: \"1\", key: \"fkjjf6\" }],\n  [\"circle\", { cx: \"15\", cy: \"12\", r: \"1\", key: \"1tmaij\" }],\n  [\"circle\", { cx: \"15\", cy: \"5\", r: \"1\", key: \"19l28e\" }],\n  [\"circle\", { cx: \"15\", cy: \"19\", r: \"1\", key: \"f4zoj3\" }]\n];\nconst GripVertical = createLucideIcon(\"grip-vertical\", __iconNode);\n\nexport { __iconNode, GripVertical as default };\n//# sourceMappingURL=grip-vertical.js.map\n"],"names":["__iconNode","GripVertical","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAa;AAAA,EACjB,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACvD,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACtD,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACvD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACvD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMC,IAAeC,EAAiB,iBAAiBF,CAAU;","x_google_ignoreList":[0]}

package/build/index13.js

@@ -0,0 +1,134 @@
+import { j as t } from "./index9.js";
+import { createPortal as c } from "react-dom";
+const h = ({
+  isOpen: n,
+  onClose: l,
+  width: r,
+  minHeight: s = "50vh",
+  title: a,
+  children: i,
+  unidades: u,
+  selectedUnit: x,
+  setSelectedUnit: p
+}) => {
+  const d = (o) => {
+    o.target === o.currentTarget && l();
+  }, e = {
+    overlay: {
+      position: "fixed",
+      inset: 0,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "flex-end",
+      zIndex: 9999,
+      transition: "opacity 0.3s ease-in-out",
+      opacity: n ? 1 : 0,
+      pointerEvents: n ? "auto" : "none"
+    },
+    modal: {
+      position: "fixed",
+      backgroundColor: "white",
+      maxWidth: r || "auto",
+      margin: "0 auto",
+      minHeight: s,
+      maxHeight: "90vh",
+      width: "100%",
+      overflowY: "auto",
+      borderRadius: r === "100%" ? "0" : "16px 16px 0 0",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      transition: "all 0.3s ease-in-out",
+      transform: n ? "translateY(0)" : "translateY(100%)",
+      opacity: n ? 1 : 0
+    },
+    header: {
+      position: "sticky",
+      top: 0,
+      zIndex: 10,
+      backgroundColor: "white",
+      borderBottom: "1px solid #e5e7eb",
+      padding: r === "100%" ? "16px" : "16px 24px",
+      borderRadius: r === "100%" ? "0" : "16px 16px 0 0"
+    },
+    headerContent: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    title: {
+      fontSize: "20px",
+      fontWeight: "600",
+      color: "#111827",
+      margin: 0
+    },
+    headerControls: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    },
+    closeButton: {
+      padding: "8px",
+      color: "#9ca3af",
+      border: "none",
+      background: "none",
+      borderRadius: "8px",
+      cursor: "pointer",
+      transition: "all 0.2s"
+    },
+    closeButtonHover: {
+      color: "#6b7280",
+      backgroundColor: "#f3f4f6"
+    },
+    content: {
+      padding: r === "100%" ? "16px" : "24px"
+    }
+  };
+  return c(
+    /* @__PURE__ */ t.jsx("div", { style: e.overlay, onClick: d, children: /* @__PURE__ */ t.jsxs("div", { style: e.modal, onClick: (o) => o.stopPropagation(), children: [
+      a && /* @__PURE__ */ t.jsx("div", { style: e.header, children: /* @__PURE__ */ t.jsxs("div", { style: e.headerContent, children: [
+        /* @__PURE__ */ t.jsx("h2", { style: e.title, children: a }),
+        /* @__PURE__ */ t.jsx("div", { style: e.headerControls, children: /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: l,
+            style: e.closeButton,
+            onMouseEnter: (o) => {
+              o.currentTarget.style.color = e.closeButtonHover.color, o.currentTarget.style.backgroundColor = e.closeButtonHover.backgroundColor;
+            },
+            onMouseLeave: (o) => {
+              o.currentTarget.style.color = e.closeButton.color, o.currentTarget.style.backgroundColor = "";
+            },
+            "aria-label": "Fechar modal",
+            children: /* @__PURE__ */ t.jsx(
+              "svg",
+              {
+                style: { width: "24px", height: "24px" },
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ t.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M6 18L18 6M6 6l12 12"
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ t.jsx("div", { style: e.content, children: i })
+    ] }) }),
+    document.body
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=index13.js.map

package/build/index13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index13.js","sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  width?: string;\r\n  minHeight?: string;\r\n  title?: string;\r\n  children: React.ReactNode;\r\n  unidades?: { label: string; value: string }[];\r\n  selectedUnit?: string;\r\n  setSelectedUnit?: (unit: string) => void;\r\n}\r\n\r\nconst Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  width,\r\n  minHeight = \"50vh\",\r\n  title,\r\n  children,\r\n  unidades,\r\n  selectedUnit,\r\n  setSelectedUnit,\r\n}) => {\r\n  const handleOverlayClick = (e: React.MouseEvent) => {\r\n    if (e.target === e.currentTarget) {\r\n      onClose();\r\n    }\r\n  };\r\n\r\n  // Estilos inline para substituir Tailwind\r\n  const styles = {\r\n    overlay: {\r\n      position: \"fixed\" as const,\r\n      inset: 0,\r\n      backgroundColor: \"rgba(0, 0, 0, 0.5)\",\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"flex-end\",\r\n      zIndex: 9999,\r\n      transition: \"opacity 0.3s ease-in-out\",\r\n      opacity: isOpen ? 1 : 0,\r\n      pointerEvents: isOpen ? (\"auto\" as const) : (\"none\" as const),\r\n    },\r\n    modal: {\r\n      position: \"fixed\" as const,\r\n      backgroundColor: \"white\",\r\n      maxWidth: width || \"auto\",\r\n      margin: \"0 auto\",\r\n      minHeight: minHeight,\r\n      maxHeight: \"90vh\",\r\n      width: \"100%\",\r\n      overflowY: \"auto\" as const,\r\n      borderRadius: width === \"100%\" ? \"0\" : \"16px 16px 0 0\",\r\n      bottom: 0,\r\n      left: 0,\r\n      right: 0,\r\n      transition: \"all 0.3s ease-in-out\",\r\n      transform: isOpen ? \"translateY(0)\" : \"translateY(100%)\",\r\n      opacity: isOpen ? 1 : 0,\r\n    },\r\n    header: {\r\n      position: \"sticky\" as const,\r\n      top: 0,\r\n      zIndex: 10,\r\n      backgroundColor: \"white\",\r\n      borderBottom: \"1px solid #e5e7eb\",\r\n      padding: width === \"100%\" ? \"16px\" : \"16px 24px\",\r\n      borderRadius: width === \"100%\" ? \"0\" : \"16px 16px 0 0\",\r\n    },\r\n    headerContent: {\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"space-between\",\r\n    },\r\n    title: {\r\n      fontSize: \"20px\",\r\n      fontWeight: \"600\",\r\n      color: \"#111827\",\r\n      margin: 0,\r\n    },\r\n    headerControls: {\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      gap: \"8px\",\r\n    },\r\n    selectContainer: {\r\n      position: \"relative\" as const,\r\n    },\r\n    select: {\r\n      appearance: \"none\" as const,\r\n      backgroundColor: \"white\",\r\n      border: \"1px solid #e5e7eb\",\r\n      borderRadius: \"6px\",\r\n      paddingLeft: \"12px\",\r\n      paddingRight: \"40px\",\r\n      paddingTop: \"8px\",\r\n      paddingBottom: \"8px\",\r\n      fontSize: \"14px\",\r\n      color: \"#374151\",\r\n      cursor: \"pointer\",\r\n      transition: \"all 0.2s ease-in-out\",\r\n    },\r\n    selectHover: {\r\n      borderColor: \"#3b82f6\",\r\n    },\r\n    selectFocus: {\r\n      outline: \"none\",\r\n      borderColor: \"#3b82f6\",\r\n      boxShadow: \"0 0 0 2px rgba(59, 130, 246, 0.2)\",\r\n    },\r\n    selectArrow: {\r\n      position: \"absolute\" as const,\r\n      top: \"50%\",\r\n      right: \"8px\",\r\n      transform: \"translateY(-50%)\",\r\n      pointerEvents: \"none\" as const,\r\n      color: \"#6b7280\",\r\n    },\r\n    closeButton: {\r\n      padding: \"8px\",\r\n      color: \"#9ca3af\",\r\n      border: \"none\",\r\n      background: \"none\",\r\n      borderRadius: \"8px\",\r\n      cursor: \"pointer\",\r\n      transition: \"all 0.2s\",\r\n    },\r\n    closeButtonHover: {\r\n      color: \"#6b7280\",\r\n      backgroundColor: \"#f3f4f6\",\r\n    },\r\n    content: {\r\n      padding: width === \"100%\" ? \"16px\" : \"24px\",\r\n    },\r\n  };\r\n\r\n  return createPortal(\r\n    <div style={styles.overlay} onClick={handleOverlayClick}>\r\n      <div style={styles.modal} onClick={(e) => e.stopPropagation()}>\r\n        {title && (\r\n          <div style={styles.header}>\r\n            <div style={styles.headerContent}>\r\n              <h2 style={styles.title}>{title}</h2>\r\n              <div style={styles.headerControls}>\r\n                {/* <div style={styles.selectContainer}>\r\n                  <select\r\n                    value={selectedUnit}\r\n                    onChange={(e) => setSelectedUnit?.(e.target.value)}\r\n                    style={styles.select}\r\n                    onMouseEnter={(e) => {\r\n                      e.currentTarget.style.borderColor =\r\n                        styles.selectHover.borderColor!;\r\n                    }}\r\n                    onMouseLeave={(e) => {\r\n                      e.currentTarget.style.borderColor = styles.select.border!;\r\n                    }}\r\n                    onFocus={(e) => {\r\n                      e.target.style.outline = styles.selectFocus.outline!;\r\n                      e.target.style.borderColor =\r\n                        styles.selectFocus.borderColor!;\r\n                      e.target.style.boxShadow = styles.selectFocus.boxShadow!;\r\n                    }}\r\n                    onBlur={(e) => {\r\n                      e.target.style.outline = \"\";\r\n                      e.target.style.borderColor = styles.select.border!;\r\n                      e.target.style.boxShadow = \"\";\r\n                    }}\r\n                  >\r\n                    {unidades?.map((unidade) => (\r\n                      <option key={unidade.value} value={unidade.value}>\r\n                        {unidade.label}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                  <div style={styles.selectArrow}>\r\n                    <svg\r\n                      style={{ width: \"16px\", height: \"16px\" }}\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      viewBox=\"0 0 24 24\"\r\n                    >\r\n                      <path\r\n                        strokeLinecap=\"round\"\r\n                        strokeLinejoin=\"round\"\r\n                        strokeWidth={2}\r\n                        d=\"M19 9l-7 7-7-7\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </div> */}\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={onClose}\r\n                  style={styles.closeButton}\r\n                  onMouseEnter={(e) => {\r\n                    e.currentTarget.style.color =\r\n                      styles.closeButtonHover.color!;\r\n                    e.currentTarget.style.backgroundColor =\r\n                      styles.closeButtonHover.backgroundColor!;\r\n                  }}\r\n                  onMouseLeave={(e) => {\r\n                    e.currentTarget.style.color = styles.closeButton.color!;\r\n                    e.currentTarget.style.backgroundColor = \"\";\r\n                  }}\r\n                  aria-label=\"Fechar modal\"\r\n                >\r\n                  <svg\r\n                    style={{ width: \"24px\", height: \"24px\" }}\r\n                    fill=\"none\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    stroke=\"currentColor\"\r\n                  >\r\n                    <path\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                      strokeWidth={2}\r\n                      d=\"M6 18L18 6M6 6l12 12\"\r\n                    />\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div style={styles.content}>{children}</div>\r\n      </div>\r\n    </div>,\r\n    document.body\r\n  );\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["Modal","isOpen","onClose","width","minHeight","title","children","unidades","selectedUnit","setSelectedUnit","handleOverlayClick","e","styles","createPortal","jsxs","jsx"],"mappings":"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"}

package/build/index14.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index14.js.map

package/build/index14.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index14.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/index15.js

@@ -0,0 +1,29 @@
+import { __exports as t } from "./index17.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p) return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function _(o, r, i) {
+    var e, n = {}, u = null, f = null;
+    i !== void 0 && (u = "" + i), r.key !== void 0 && (u = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r) c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: u, ref: f, props: n, _owner: d.current };
+  }
+  return t.Fragment = l, t.jsx = _, t.jsxs = _, t;
+}
+export {
+  v as __require
+};
+//# sourceMappingURL=index15.js.map

package/build/index15.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index15.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,CAAA,GAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF,EAAE,CAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE,aAAa,MAAIG,KAAKF,IAAED,EAAE,cAAaC,EAAE,CAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAA,MAAYR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}