@consumidor-positivo/aurora 0.0.116 → 0.0.118

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

@@ -0,0 +1,9 @@
+
+interface ProgressBarProps {
+    percentageMode?: boolean;
+    stepName: string;
+    currentStep: number;
+    totalSteps: number;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};

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

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Conditional } from "../Conditional/index.es.js";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Text } from "../Text/index.es.js";
+import './styles.css';const ProgressBar = ({
+  percentageMode = false,
+  stepName,
+  currentStep,
+  totalSteps
+}) => {
+  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps));
+  const percentageWidth = safeCurrentStep / totalSteps * 100;
+  const progressText = percentageMode ? `${Math.round(percentageWidth)}%` : `${safeCurrentStep} de ${totalSteps}`;
+  return /* @__PURE__ */ jsxs("div", { className: "au-progress-bar", children: [
+    /* @__PURE__ */ jsx(
+      Conditional,
+      {
+        condition: !!percentageMode,
+        renderIf: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__bar", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: { width: `${percentageWidth}%` },
+            className: "au-progress-bar__bar-filled"
+          }
+        ) }),
+        renderElse: /* @__PURE__ */ jsx("div", { className: "au-progress-bar__steps", children: Array.from({ length: totalSteps }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "au-progress-bar__step-container", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNames("au-progress-bar__step-filled", {
+              "au-progress-bar__step-filled--is-active": index < safeCurrentStep
+            })
+          }
+        ) }, index)) })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "au-progress-bar__text", children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: stepName }),
+      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: progressText })
+    ] })
+  ] });
+};
+export {
+  ProgressBar
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProgressBar/index.tsx"],"sourcesContent":["import { Conditional } from '@components/misc'\nimport classNames from 'classnames'\nimport { Text } from '../Text'\n\nimport './styles.scss'\n\ninterface ProgressBarProps {\n  percentageMode?: boolean\n  stepName: string\n  currentStep: number\n  totalSteps: number\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  percentageMode = false,\n  stepName,\n  currentStep,\n  totalSteps,\n}) => {\n  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const percentageWidth = (safeCurrentStep / totalSteps) * 100\n\n  const progressText = percentageMode\n    ? `${Math.round(percentageWidth)}%`\n    : `${safeCurrentStep} de ${totalSteps}`\n\n  return (\n    <div className=\"au-progress-bar\">\n      <Conditional\n        condition={!!percentageMode}\n        renderIf={\n          <div className=\"au-progress-bar__bar\">\n            <div\n              style={{ width: `${percentageWidth}%` }}\n              className=\"au-progress-bar__bar-filled\"\n            />\n          </div>\n        }\n        renderElse={\n          <div className=\"au-progress-bar__steps\">\n            {Array.from({ length: totalSteps }).map((_, index) => (\n              <div key={index} className=\"au-progress-bar__step-container\">\n                <div\n                  className={classNames('au-progress-bar__step-filled', {\n                    'au-progress-bar__step-filled--is-active':\n                      index < safeCurrentStep,\n                  })}\n                />\n              </div>\n            ))}\n          </div>\n        }\n      />\n\n      <div className=\"au-progress-bar__text\">\n        <Text as=\"span\" variant=\"body-medium\">\n          {stepName}\n        </Text>\n\n        <Text as=\"span\" variant=\"body-medium\">\n          {progressText}\n        </Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,cAA0C,CAAC;AAAA,EACtD,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,CAAC;AAC/D,QAAA,kBAAmB,kBAAkB,aAAc;AAEnD,QAAA,eAAe,iBACjB,GAAG,KAAK,MAAM,eAAe,CAAC,MAC9B,GAAG,eAAe,OAAO,UAAU;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,UACE,oBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,OAAO,GAAG,eAAe,IAAI;AAAA,YACtC,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QAEF,YACG,oBAAA,OAAA,EAAI,WAAU,0BACZ,UAAA,MAAM,KAAK,EAAE,QAAQ,WAAY,CAAA,EAAE,IAAI,CAAC,GAAG,UACzC,oBAAA,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,WAAW,gCAAgC;AAAA,cACpD,2CACE,QAAQ;AAAA,YAAA,CACX;AAAA,UAAA;AAAA,QAAA,KALK,KAOV,CACD,GACH;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,eACrB,UACH,UAAA;AAAA,0BAEC,MAAK,EAAA,IAAG,QAAO,SAAQ,eACrB,UACH,cAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/ProgressBar/styles.css

@@ -0,0 +1 @@
+.au-progress-bar{display:flex;flex-direction:column;gap:12px}.au-progress-bar__bar{background-color:#e2e4e9;overflow:hidden;border-radius:4px;width:100%;height:8px}.au-progress-bar__bar-filled{background-color:#0048db;transition:width .3s ease-in-out;border-radius:500px;height:8px}.au-progress-bar__steps{display:flex;width:100%;gap:8px}.au-progress-bar__step-container{display:flex;align-items:center;justify-content:center;background-color:#e2e4e9;border-radius:4px;width:100%;height:8px}.au-progress-bar__step-filled{transition:background-color .3s ease-in-out;background-color:transparent;border-radius:4px;width:100%;height:100%}.au-progress-bar__step-filled--is-active{background-color:#0048db}.au-progress-bar__text{display:flex;flex-direction:row;justify-content:space-between}

package/dist/main.d.ts

@@ -23,6 +23,7 @@ export { Tabs } from './components/Tabs';
 export { Skeleton } from './components/Skeleton';
 export { Spinner } from './components/Spinner';
 export { Image } from '../../../../../../lib/components/Image';
+export { ProgressBar } from './components/ProgressBar';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';

package/dist/main.es.js

@@ -22,6 +22,7 @@ import { Tabs } from "./components/Tabs/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
 import { Spinner } from "./components/Spinner/index.es.js";
 import { Image } from "./components/Image/index.es.js";
+import { ProgressBar } from "./components/ProgressBar/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-gAn3a4CX.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -785,6 +786,7 @@ export {
   ap as OPACITY_40,
   PasswordField,
   ProfileNav,
+  ProgressBar,
   Radio,
   aq as SHADOW_01,
   ar as SHADOW_02,

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.116",
+  "version": "0.0.118",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",