@consumidor-positivo/aurora 0.0.97 → 0.0.99

package/dist/components/Filter/index.d.ts

@@ -0,0 +1,12 @@
+
+type ContentItem = {
+    title: string;
+    category: string;
+    onClick: () => void;
+    type?: 'primary' | 'outlined' | 'ghost';
+};
+export type FilterProps = {
+    content: ContentItem[];
+};
+export declare const Filter: ({ content }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Filter/index.es.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../Button/index.es.js";
+import { useState } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import './styles.css';const Filter = ({
+  content
+}) => {
+  const [isClicked, setIsClicked] = useState(false);
+  const [currButton, setCurrButton] = useState("");
+  const handleClick = (item) => {
+    setIsClicked(true);
+    setCurrButton(item.category);
+    item.onClick();
+  };
+  const buttonClass = (item) => {
+    const isActive = isClicked && item.category === currButton;
+    return classNames("au-filter__btn", {
+      "btn-clicked": isActive
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "au-filter", children: content == null ? void 0 : content.map((item) => {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { className: buttonClass(item), type: item.type ?? "primary", onClick: () => handleClick(item), children: item.title }, `item-${item}`) });
+  }) });
+};
+export {
+  Filter
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Filter/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Filter/index.tsx"],"sourcesContent":["import { Button } from '@components/Button'\nimport { useState } from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\n\ntype ContentItem = {\n   title: string;  category: string; onClick: () => void; type?: 'primary' | 'outlined' | 'ghost' \n}\n\nexport type FilterProps = {\n  content: ContentItem []\n}\n\nexport const Filter= ({\n  content\n}: FilterProps) => {\n\n  const [isClicked, setIsClicked] = useState(false);\n  const [currButton, setCurrButton] = useState('')\n\n   const handleClick = (item: ContentItem) => {\n        setIsClicked(true);\n        setCurrButton(item.category)\n        item.onClick()\n    };\nconst buttonClass = (item: ContentItem) => {\n    const isActive = isClicked && item.category === currButton\n    return classNames('au-filter__btn', {\n      'btn-clicked': isActive\n    });\n  };\n\n  return (\n    <div className=\"au-filter\">\n      {content?.map((item) => {\n       \n          return (\n            <div>\n            <Button className={buttonClass(item)} type={item.type ?? 'primary'} onClick={() => handleClick(item)} key={`item-${item}`}>\n              {item.title}\n            </Button>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,SAAQ,CAAC;AAAA,EACpB;AACF,MAAmB;AAEjB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAExC,QAAA,cAAc,CAAC,SAAsB;AACtC,iBAAa,IAAI;AACjB,kBAAc,KAAK,QAAQ;AAC3B,SAAK,QAAQ;AAAA,EAAA;AAEf,QAAA,cAAc,CAAC,SAAsB;AACjC,UAAA,WAAW,aAAa,KAAK,aAAa;AAChD,WAAO,WAAW,kBAAkB;AAAA,MAClC,eAAe;AAAA,IAAA,CAChB;AAAA,EAAA;AAGH,6BACG,OAAI,EAAA,WAAU,aACZ,UAAS,mCAAA,IAAI,CAAC,SAAS;AAGlB,WAAA,oBAAC,SACD,UAAC,oBAAA,QAAA,EAAO,WAAW,YAAY,IAAI,GAAG,MAAM,KAAK,QAAQ,WAAW,SAAS,MAAM,YAAY,IAAI,GAChG,eAAK,MADmG,GAAA,QAAQ,IAAI,EAEvH,EACA,CAAA;AAAA,EAEH,GACL,CAAA;AAEJ;"}

package/dist/components/Filter/styles.css

@@ -0,0 +1 @@
+.au-filter{display:flex;gap:8px}.au-filter .au-filter__btn{border-color:#454a54;color:#454a54}.au-filter .au-filter__btn.btn-clicked{border-color:#0048db;color:#0048db}

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1,7 @@
+
+type SpinnerProps = {
+    size: number;
+    color: string;
+};
+export declare const Spinner: React.FC<SpinnerProps>;
+export {};

package/dist/components/Spinner/index.es.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import './styles.css';const Spinner = ({ size, color }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-spinner", children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 64 64",
+      width: size,
+      height: size,
+      color,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: `au-loading-${color}`,
+            gradientUnits: "objectBoundingBox",
+            x1: "10%",
+            y1: "0%",
+            x2: "90%",
+            y2: "10%",
+            children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0", "stop-color": color, "stop-opacity": "1" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": color, "stop-opacity": "0" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("g", { "stroke-width": "7", "stroke-linecap": "round", fill: "none", children: [
+          /* @__PURE__ */ jsx("path", { stroke: color, d: "M60,32 A28,28 0 1 1 4,32" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M60,32 A28,28.5 0 1 0 4,32",
+              stroke: `url(#au-loading-${color})`
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  Spinner
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Spinner/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Spinner/index.tsx"],"sourcesContent":["import './styles.scss'\n\ntype SpinnerProps = {\n  size: number\n  color: string\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ size, color }) => {\n  return (\n    <div className=\"au-spinner\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 64 64\"\n        width={size}\n        height={size}\n        color={color}>\n        <defs>\n          <linearGradient\n            id={`au-loading-${color}`}\n            gradientUnits=\"objectBoundingBox\"\n            x1=\"10%\"\n            y1=\"0%\"\n            x2=\"90%\"\n            y2=\"10%\">\n            <stop offset=\"0\" stop-color={color} stop-opacity=\"1\" />\n            <stop offset=\"1\" stop-color={color} stop-opacity=\"0\" />\n          </linearGradient>\n        </defs>\n        <g stroke-width=\"7\" stroke-linecap=\"round\" fill=\"none\">\n          <path stroke={color} d=\"M60,32 A28,28 0 1 1 4,32\" />\n\n          <path\n            d=\"M60,32 A28,28.5 0 1 0 4,32\"\n            stroke={`url(#au-loading-${color})`}\n          />\n        </g>\n      </svg>\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAOO,MAAM,UAAkC,CAAC,EAAE,MAAM,YAAY;AAEhE,SAAA,oBAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,UAAA;AAAA,QAAA,oBAAC,QACC,EAAA,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,cAAc,KAAK;AAAA,YACvB,eAAc;AAAA,YACd,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,UAAA;AAAA,cAAA,oBAAC,UAAK,QAAO,KAAI,cAAY,OAAO,gBAAa,KAAI;AAAA,kCACpD,QAAK,EAAA,QAAO,KAAI,cAAY,OAAO,gBAAa,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEzD;AAAA,6BACC,KAAE,EAAA,gBAAa,KAAI,kBAAe,SAAQ,MAAK,QAC9C,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA,QAAQ,OAAO,GAAE,4BAA2B;AAAA,UAElD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAQ,mBAAmB,KAAK;AAAA,YAAA;AAAA,UAClC;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/components/Spinner/styles.css

@@ -0,0 +1 @@
+.au-spinner svg{animation:rotate 1.2s linear infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}

package/dist/main.d.ts

@@ -19,7 +19,9 @@ export { Checkbox } from './components/form/Checkbox';
 export { Radio } from './components/form/Radio';
 export { Alert } from './components/Alert';
 export { Card } from './components/Card';
+export { Filter } from './components/Filter';
 export { Skeleton } from './components/Skeleton';
+export { Spinner } from './components/Spinner';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';

package/dist/main.es.js

@@ -18,7 +18,9 @@ import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
 import { Card } from "./components/Card/index.es.js";
+import { Filter } from "./components/Filter/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
+import { Spinner } from "./components/Spinner/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -440,6 +442,7 @@ export {
   ay as FONT_WEIGHT_MEDIUM,
   az as FONT_WEIGHT_REGULAR,
   ax as FONT_WEIGHT_SEMIBOLD,
+  Filter,
   Footer,
   Header,
   IconActivity,
@@ -798,6 +801,7 @@ export {
   af as SPACING_900,
   SelectField,
   Skeleton,
+  Spinner,
   Text,
   TextAreaField,
   TokenField,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.97",
+  "version": "0.0.99",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",