lawgic-dev-kit 0.12.4 → 0.12.8

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index8.js";
+import { __module as e } from "../../../../_virtual/index7.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/scheduler/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../_virtual/index2.js";
+import { __module as e } from "../../_virtual/index5.js";
 import { __require as o } from "./cjs/scheduler.production.js";
 import { __require as u } from "./cjs/scheduler.development.js";
 var r;

package/dist/node_modules/toposort/index.js

@@ -1,4 +1,4 @@
-import { __module as w } from "../../_virtual/index7.js";
+import { __module as w } from "../../_virtual/index8.js";
 var p;
 function x() {
   if (p) return w.exports;

package/dist/node_modules/yup/index.esm.js

@@ -1,6 +1,6 @@
-import { p as v } from "../../_virtual/index3.js";
-import { t as U } from "../../_virtual/index4.js";
-import oe from "../../_virtual/index5.js";
+import { p as v } from "../../_virtual/index2.js";
+import { t as U } from "../../_virtual/index3.js";
+import oe from "../../_virtual/index4.js";
 const ce = Object.prototype.toString, he = Error.prototype.toString, fe = RegExp.prototype.toString, de = typeof Symbol < "u" ? Symbol.prototype.toString : () => "", pe = /^Symbol\((.*)\)(.*)$/;
 function me(n) {
   return n != +n ? "NaN" : n === 0 && 1 / n < 0 ? "-0" : "" + n;

package/dist/src/utils/toast.d.ts

@@ -0,0 +1,15 @@
+import { ToastContent, ToastMethods, ToastOptions } from "../types/toast";
+export declare const showToastAsync: (promise: Promise<unknown>, messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => void;
+export declare const showToastLoading: (messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => {
+    resolve: (value?: unknown) => void;
+    reject: (reason?: unknown) => void;
+};
+export declare const toast: ToastMethods;

package/dist/utils/modal.js

@@ -1,88 +1,129 @@
-import { j as i } from "../_virtual/jsx-runtime.js";
-import { l as u } from "../_virtual/lodash.js";
-import { useState as l, useRef as a, useCallback as d, useEffect as f } from "react";
-import M from "../components/molecules/AlertModal/AlertModal.js";
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { l as s } from "../_virtual/lodash.js";
+import { useState as d, useRef as l, useCallback as u, useEffect as a } from "react";
+import f from "../components/molecules/AlertModal/AlertModal.js";
 import "../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "../_virtual/client.js";
+import "../dist/_virtual/jsx-runtime.js";
+import "../dist/node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "../dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js";
+import "../dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js";
+import "../dist/node_modules/motion-utils/dist/es/errors.js";
+import "../dist/node_modules/framer-motion/dist/es/render/html/utils/keys-transform.js";
+import "../dist/node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/color/hex.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/numbers/index.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/numbers/units.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/color/rgba.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/complex/filter.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
+import "../dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js";
+import "../dist/node_modules/framer-motion/dist/es/projection/node/create-projection-node.js";
+import "../dist/node_modules/framer-motion/dist/es/context/LazyContext.js";
+import "../dist/node_modules/framer-motion/dist/es/motion/features/definitions.js";
+import "../dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js";
+import "../dist/_virtual/lodash.js";
+import "../dist/contexts/themeContext.js";
+import "react-hook-form";
+import "../dist/constants/countries.js";
+import "../dist/components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "react-dom";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LayoutGroupContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/MotionConfigContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/html/utils/keys-transform.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/animation/optimized-appear/data-id.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/color/rgba.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/index.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/units.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/complex/filter.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/value-types/type-int.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
+import "../dist/node_modules/motion/dist/es/motion-utils/dist/es/errors.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/projection/node/create-projection-node.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LazyContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/filter-props.js";
+import "../dist/node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import "../contexts/themeContext.js";
-import m from "../components/atoms/CenterModal/CenterModal.js";
-import "react-hook-form";
+import M from "../components/atoms/CenterModal/CenterModal.js";
 import "../constants/countries.js";
 import "../components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import w from "../components/molecules/DialogModal/DialogModal.js";
-const k = () => {
-  const [p, t] = l([]), n = a([]), s = d((e) => {
-    const r = {
-      ...e,
-      id: (e == null ? void 0 : e.id) || u.uniqueId(),
+const wr = () => {
+  const [e, o] = d([]), p = l([]), c = u((r) => {
+    const t = {
+      ...r,
+      id: (r == null ? void 0 : r.id) || s.uniqueId(),
       open: !0,
-      type: (e == null ? void 0 : e.type) || "center",
+      type: (r == null ? void 0 : r.type) || "center",
       props: {
-        ...e.props,
+        ...r.props,
         open: !0,
-        onClose: () => o(e.id || u.uniqueId())
+        onClose: () => i(r.id || s.uniqueId())
       }
     };
-    n.current = [...n.current, r], t(n.current);
-  }, []), o = d((e) => {
-    n.current = n.current.map(
-      (r) => r.id === e ? { ...r, open: !1 } : r
-    ), t(n.current), setTimeout(() => {
-      n.current = n.current.filter(
-        (r) => r.id !== e
-      ), t(n.current);
+    p.current = [...p.current, t], o(p.current);
+  }, []), i = u((r) => {
+    p.current = p.current.map(
+      (t) => t.id === r ? { ...t, open: !1 } : t
+    ), o(p.current), setTimeout(() => {
+      p.current = p.current.filter(
+        (t) => t.id !== r
+      ), o(p.current);
     }, 150);
   }, []);
-  return f(() => {
-    window.openModal = s, window.closeModal = o;
-  }, [s, o]), /* @__PURE__ */ i.jsx(i.Fragment, { children: p.map((e) => {
-    if (e.type === "dialog") {
-      const { props: c } = e;
-      return /* @__PURE__ */ i.jsx(
+  return a(() => {
+    window.openModal = c, window.closeModal = i;
+  }, [c, i]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((r) => {
+    if (r.type === "dialog") {
+      const { props: m } = r;
+      return /* @__PURE__ */ n.jsx(
         w,
         {
-          ...c,
-          open: e.open,
-          onClose: () => o(e.id)
+          ...m,
+          open: r.open,
+          onClose: () => i(r.id)
         },
-        e.id
+        r.id
       );
     }
-    if (e.type === "alert") {
-      const { props: c } = e;
-      return /* @__PURE__ */ i.jsx(
-        M,
+    if (r.type === "alert") {
+      const { props: m } = r;
+      return /* @__PURE__ */ n.jsx(
+        f,
         {
-          ...c,
-          open: e.open,
-          onClose: () => o(e.id)
+          ...m,
+          open: r.open,
+          onClose: () => i(r.id)
         },
-        e.id
+        r.id
       );
     }
-    const { props: r } = e;
-    return /* @__PURE__ */ i.jsx(
-      m,
+    const { props: t } = r;
+    return /* @__PURE__ */ n.jsx(
+      M,
       {
-        ...r,
-        open: e.open,
-        onClose: () => o(e.id),
-        children: typeof r.children == "function" ? r.children(() => o(e.id)) : r.children
+        ...t,
+        open: r.open,
+        onClose: () => i(r.id),
+        children: typeof t.children == "function" ? t.children(() => i(r.id)) : t.children
       },
-      e.id
+      r.id
     );
   }) });
 };
-function A(p) {
-  var t;
-  (t = window == null ? void 0 : window.openModal) == null || t.call(window, p);
+function xr(e) {
+  var o;
+  (o = window == null ? void 0 : window.openModal) == null || o.call(window, e);
 }
-function F(p) {
-  var t;
-  (t = window == null ? void 0 : window.closeModal) == null || t.call(window, p);
+function hr(e) {
+  var o;
+  (o = window == null ? void 0 : window.closeModal) == null || o.call(window, e);
 }
 export {
-  k as ModalContainer,
-  F as closeModal,
-  A as openModal
+  wr as ModalContainer,
+  hr as closeModal,
+  xr as openModal
 };

package/dist/utils/toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastContent, ToastMethods, ToastOptions } from '../types';
+import { ToastContent, ToastMethods, ToastOptions } from '../types/toast';
 export declare const showToastAsync: (promise: Promise<unknown>, messages: {
     loading: ToastContent;
     success: ToastContent;

package/dist/utils/toast.js

@@ -1,20 +1,56 @@
-import { j as l } from "../_virtual/jsx-runtime.js";
-import { createPortal as C } from "react-dom";
-import "../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { AsyncToast as T } from "../components/atoms/AsyncToast/index.js";
-import { useState as p, useEffect as j } from "react";
-import "../_virtual/lodash.js";
-import "../contexts/themeContext.js";
+import { j as p } from "../_virtual/jsx-runtime.js";
+import { c } from "../_virtual/client.js";
+import "../dist/_virtual/jsx-runtime.js";
+import "../dist/node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { AsyncToast as u } from "../dist/components/atoms/AsyncToast/index.js";
+import "react";
+import "../dist/_virtual/lodash.js";
+import "../dist/contexts/themeContext.js";
 import "react-hook-form";
-import "../constants/countries.js";
-import "../components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
-import E from "../components/atoms/Toast/Toast.js";
-const f = [];
-function u(t = "bottom-center") {
-  var s;
-  if (!f.find((e) => e.id === t)) {
-    const e = document.createElement("div");
-    switch (e.classList.add(
+import "../dist/constants/countries.js";
+import "../dist/components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import "react-dom";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LayoutGroupContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/MotionConfigContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/html/utils/keys-transform.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/animation/optimized-appear/data-id.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/color/rgba.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/index.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/units.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/complex/filter.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/value-types/type-int.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
+import "../dist/node_modules/motion/dist/es/motion-utils/dist/es/errors.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/projection/node/create-projection-node.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LazyContext.js";
+import "../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/filter-props.js";
+import "../dist/node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import b from "../dist/components/atoms/Toast/Toast.js";
+import "../dist/node_modules/motion-utils/dist/es/errors.js";
+import "../dist/node_modules/framer-motion/dist/es/render/html/utils/keys-transform.js";
+import "../dist/node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/color/hex.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/numbers/index.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/numbers/units.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/color/rgba.js";
+import "../dist/node_modules/framer-motion/dist/es/value/types/complex/filter.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
+import "../dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js";
+import "../dist/node_modules/framer-motion/dist/es/projection/node/create-projection-node.js";
+import "../dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js";
+import "../dist/node_modules/framer-motion/dist/es/context/LazyContext.js";
+import "../dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js";
+import "../dist/node_modules/framer-motion/dist/es/motion/features/definitions.js";
+import "../dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
+import "../dist/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js";
+const a = [];
+function d(o = "bottom-center") {
+  var e;
+  if (!a.find((t) => t.id === o)) {
+    const t = document.createElement("div");
+    switch (t.classList.add(
       "fixed",
       "z-50",
       "flex",
@@ -22,116 +58,94 @@ function u(t = "bottom-center") {
       "items-center",
       "w-fit",
       "min-w-[18rem]"
-    ), t) {
+    ), o) {
       case "top-left":
-        e.classList.add("top-8", "left-8");
+        t.classList.add("top-8", "left-8");
         break;
       case "top-right":
-        e.classList.add("top-8", "right-8");
+        t.classList.add("top-8", "right-8");
         break;
       case "bottom-left":
-        e.classList.add("bottom-8", "left-8");
+        t.classList.add("bottom-8", "left-8");
         break;
       case "bottom-right":
-        e.classList.add("bottom-8", "right-8");
+        t.classList.add("bottom-8", "right-8");
         break;
       case "top-center":
-        e.classList.add("top-8", "left-1/2", "-translate-x-1/2");
+        t.classList.add("top-8", "left-1/2", "-translate-x-1/2");
         break;
       case "bottom-center":
       default:
-        e.classList.add(
+        t.classList.add(
           "bottom-8",
           "left-1/2",
           "-translate-x-1/2"
         );
     }
-    f.push({ id: t, element: e }), document.body.appendChild(e);
+    a.push({ id: o, element: t }), document.body.appendChild(t);
   }
-  return (s = f.find((e) => e.id === t)) == null ? void 0 : s.element;
+  return (e = a.find((t) => t.id === o)) == null ? void 0 : e.element;
 }
-function h({
-  container: t,
-  children: s,
-  onMount: e
-}) {
-  return j(() => {
-    const n = setTimeout(() => {
-      t.firstChild instanceof HTMLElement && t.firstChild.classList.add("mt-[0.5rem]");
-    }, 10);
-    return e && e(), () => clearTimeout(n);
-  }, [t, e]), C(s, t);
-}
-function d(t, s = "success", { position: e = "top-right", duration: n = 3e3 } = {}) {
-  const o = u(e);
-  if (!o) return;
-  const r = document.createElement("div");
-  o.prepend(r);
-  const c = () => {
-    const [a, m] = p(!0), x = () => {
-      m(!1), setTimeout(() => {
-        r.parentNode === o && o.removeChild(r);
-      }, 300);
-    };
-    return a ? /* @__PURE__ */ l.jsx(h, { container: r, children: /* @__PURE__ */ l.jsx(
-      E,
+function n(o, e = "success", { position: t = "top-right", duration: s = 3e3 } = {}) {
+  const r = d(t);
+  if (!r) return;
+  const i = document.createElement("div"), m = c.createRoot(i), f = () => {
+    m.unmount(), r.removeChild(i);
+  };
+  m.render(
+    /* @__PURE__ */ p.jsx(
+      b,
       {
-        content: t,
-        type: s,
-        duration: n,
-        onClose: x
+        content: o,
+        type: e,
+        duration: s,
+        onClose: f
       }
-    ) }) : null;
-  }, i = document.createElement("div");
-  r.appendChild(i), import("../_virtual/client.js").then((a) => a.c).then(({ createRoot: a }) => {
-    a(i).render(/* @__PURE__ */ l.jsx(c, {}));
-  });
+    )
+  ), r.prepend(i), setTimeout(() => {
+    i.classList.add("mt-[0.5rem]");
+  }, 10);
 }
-const b = (t, s, e = {}) => {
-  const n = u(e.position);
-  if (!n) return;
-  const o = document.createElement("div");
-  n.prepend(o);
-  const r = () => {
-    const [i, a] = p(!0), m = () => {
-      a(!1), setTimeout(() => {
-        o.parentNode === n && n.removeChild(o);
-      }, 300);
-    };
-    return i ? /* @__PURE__ */ l.jsx(h, { container: o, children: /* @__PURE__ */ l.jsx(
-      T,
+const l = (o, e, t = {}) => {
+  const s = d(t.position);
+  if (!s) return;
+  const r = document.createElement("div"), i = c.createRoot(r), m = () => {
+    i.unmount(), s.removeChild(r);
+  };
+  i.render(
+    /* @__PURE__ */ p.jsx(
+      u,
       {
-        promise: t,
-        messages: s,
-        options: e,
+        promise: o,
+        messages: e,
+        options: t,
         onClose: m
       }
-    ) }) : null;
-  }, c = document.createElement("div");
-  o.appendChild(c), import("../_virtual/client.js").then((i) => i.c).then(({ createRoot: i }) => {
-    i(c).render(/* @__PURE__ */ l.jsx(r, {}));
-  });
-}, L = (t, s = {}) => {
-  let e = () => {
-  }, n = () => {
+    )
+  ), s.prepend(r), setTimeout(() => {
+    r.classList.add("mt-[0.5rem]");
+  }, 10);
+}, h = (o, e = {}) => {
+  let t = () => {
+  }, s = () => {
   };
-  const o = new Promise((r, c) => {
-    e = r, n = c;
+  const r = new Promise((i, m) => {
+    t = i, s = m;
   });
-  return b(o, t, s), {
-    resolve: e,
-    reject: n
+  return l(r, o, e), {
+    resolve: t,
+    reject: s
   };
-}, z = {
-  success: (t, s = {}) => d(t, "success", s),
-  error: (t, s = {}) => d(t, "error", s),
-  warning: (t, s = {}) => d(t, "warning", s),
-  info: (t, s = {}) => d(t, "info", s),
-  async: (t, s, e = {}) => b(t, s, e),
-  loading: (t, s = {}) => L(t, s)
+}, ct = {
+  success: (o, e = {}) => n(o, "success", e),
+  error: (o, e = {}) => n(o, "error", e),
+  warning: (o, e = {}) => n(o, "warning", e),
+  info: (o, e = {}) => n(o, "info", e),
+  async: (o, e, t = {}) => l(o, e, t),
+  loading: (o, e = {}) => h(o, e)
 };
 export {
-  b as showToastAsync,
-  L as showToastLoading,
-  z as toast
+  l as showToastAsync,
+  h as showToastLoading,
+  ct as toast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lawgic-dev-kit",
-  "version": "0.12.4",
+  "version": "0.12.8",
   "description": "Componentes de UI para Lawgic",
   "type": "module",
   "private": false,

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.d.ts

@@ -1,3 +0,0 @@
-import { SectionButtonProps } from "./SectionButton.types";
-declare const SectionButton: React.FC<SectionButtonProps>;
-export default SectionButton;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.styles.d.ts

@@ -1,2 +0,0 @@
-import { Color } from "../../../../types/styleValues";
-export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.types.d.ts

@@ -1,37 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { Color } from "../../../../types/styleValues";
-export interface SectionButtonProps {
-    /**
-     * The label text of the button
-     */
-    label: string;
-    /**
-     * URL to navigate to when the button is clicked (renders as an anchor tag)
-     */
-    href?: string;
-    /**
-     * Click event handler
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Whether the button is in active state
-     */
-    active?: boolean;
-    /**
-     * Whether the button is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply
-     */
-    className?: string;
-    /**
-     * Optional icon to display
-     */
-    icon?: IconProp;
-    /**
-     * Color scheme for the button
-     */
-    color?: Color;
-}
-export default SectionButtonProps;

package/dist/src/components/atoms/SectionButton/mobile/MobileSectionButton.styles.d.ts

@@ -1,3 +0,0 @@
-import { Color } from "../../../../types/styleValues";
-export declare const resolveSectionButtonIconClasses: (active?: boolean, color?: Color) => string;
-export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/mobile/SectionButton.types.d.ts

@@ -1,37 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { Color } from "../../../../types/styleValues";
-export interface SectionButtonProps {
-    /**
-     * The label text of the button
-     */
-    label: string;
-    /**
-     * URL to navigate to when the button is clicked (renders as an anchor tag)
-     */
-    href?: string;
-    /**
-     * Click event handler
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Whether the button is in active state
-     */
-    active?: boolean;
-    /**
-     * Whether the button is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply
-     */
-    className?: string;
-    /**
-     * Optional icon to display
-     */
-    icon?: IconProp;
-    /**
-     * Color scheme for the button
-     */
-    color?: Color;
-}
-export default SectionButtonProps;