lawgic-dev-kit 0.2.4 → 0.4.4

package/dist/components/atoms/ImageProfileInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ImageProfileInput } from './ImageProfileInput';
+export { default as yupImageProfileValidator } from './ImageProfileInput.validators';

package/dist/components/atoms/IndexedStep/IndexedStep.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type IndexedStepProps = {
+    index: number;
+    label: string;
+    active?: boolean;
+    completed?: boolean;
+};
+declare const IndexedStep: React.FC<IndexedStepProps>;
+export default IndexedStep;

package/dist/components/atoms/IndexedStep/index.d.ts

@@ -0,0 +1 @@
+export { default as IndexedStep } from './IndexedStep';

package/dist/components/atoms/InfoCard/InfoCard.d.ts

@@ -0,0 +1,3 @@
+import { default as InfoCardProps } from './InfoCard.types';
+declare const InfoCard: React.FC<InfoCardProps>;
+export default InfoCard;

package/dist/components/atoms/InfoCard/InfoCard.js

@@ -0,0 +1,17 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const i = ({ imageUrl: t, title: s, subtitle: l }) => /* @__PURE__ */ e.jsxs("section", { className: "gap-10 flex flex-col items-center justify-center", children: [
+  /* @__PURE__ */ e.jsx(
+    "img",
+    {
+      src: t,
+      alt: s,
+      width: 100,
+      height: 100
+    }
+  ),
+  /* @__PURE__ */ e.jsx("h1", { className: "font-bold text-2xl align-middle", children: s }),
+  /* @__PURE__ */ e.jsx("p", { className: "text-lg align-middle font-semibold text-gray-500", children: l })
+] });
+export {
+  i as default
+};

package/dist/components/atoms/InfoCard/InfoCard.types.d.ts

@@ -0,0 +1,6 @@
+interface InfoCardProps {
+    imageUrl: string;
+    title: string;
+    subtitle: string;
+}
+export default InfoCardProps;

package/dist/components/atoms/InfoCard/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoCard } from './InfoCard';

package/dist/components/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface LoadingSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+}
+declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
+export default LoadingSpinner;

package/dist/components/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,20 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const m = ({ size: s = 16, strokeWidth: t = 2, color: c = "#1DA696", ...n }) => {
+  const a = (s - t) / 2, r = 2 * Math.PI * a, { className: o = "", ...i } = n;
+  return /* @__PURE__ */ e.jsx("div", { ...i, className: `relative flex items-center justify-center ${o}`, children: /* @__PURE__ */ e.jsx("svg", { height: s, width: s, className: "animate-spin", children: /* @__PURE__ */ e.jsx(
+    "circle",
+    {
+      stroke: c,
+      fill: "transparent",
+      strokeWidth: t,
+      strokeDasharray: r + " " + r,
+      strokeDashoffset: r / 4,
+      r: a,
+      cx: s / 2,
+      cy: s / 2
+    }
+  ) }) });
+};
+export {
+  m as default
+};

package/dist/components/atoms/LoadingSpinner/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadingSpinner } from './LoadingSpinner';

package/dist/components/atoms/Logo/Logo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Logo: React.FC<React.SVGProps<SVGSVGElement>>;
+export default Logo;

package/dist/components/atoms/Logo/Slogan.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Slogan: React.FC<React.SVGProps<SVGSVGElement>>;
+export default Slogan;

package/dist/components/atoms/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { PasswordInputProps } from './PasswordInput.types';
+import { FieldValues } from 'react-hook-form';
+declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
+export default PasswordInput;

package/dist/components/atoms/PasswordInput/PasswordInput.js

@@ -0,0 +1,91 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useState as m } from "react";
+import { useController as b } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { useTheme as $ } from "../../../providers/ThemeProvider.js";
+const P = ({
+  label: u,
+  control: i,
+  name: e,
+  placeholder: c,
+  className: d = "",
+  disabled: o = !1,
+  leftSide: a
+}) => {
+  const {
+    field: { value: s = "", onChange: f, ref: p, onBlur: x },
+    fieldState: { error: t }
+  } = b({ name: e, control: i }), [l, g] = m(!1), { t: n } = $();
+  return /* @__PURE__ */ r.jsxs(
+    "label",
+    {
+      className: `flex flex-col group gap-8 select-none ${o && "cursor-not-allowed"} ${d}`,
+      htmlFor: e,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "h6",
+          {
+            className: `text-gray-600 font-600 group ${t && "!text-red-500"} text-label ${o && "text-gray-300"}`,
+            children: u
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(
+          "label",
+          {
+            htmlFor: e,
+            className: `
+					flex items-center justify-between gap-8 p-16
+				
+				${t && "!border-red-500"} 
+
+				bg-light
+				
+				w-full h-full rounded-full border 
+				
+				${s && !o ? "border-blue-200" : "border-blue-100"} 
+				${!o && "group-hover:border-blue-300"} 
+				${o && "cursor-not-allowed"}
+				
+				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
+				
+				group-disabled:bg-gray-500
+				`,
+            children: [
+              a && a,
+              /* @__PURE__ */ r.jsx(
+                "input",
+                {
+                  id: e,
+                  type: l ? "text" : "password",
+                  autoComplete: "off",
+                  "aria-autocomplete": "none",
+                  name: e,
+                  disabled: o,
+                  placeholder: c,
+                  value: s,
+                  onChange: (h) => f(h.target.value),
+                  onBlur: x,
+                  ref: p,
+                  className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none"
+                }
+              ),
+              /* @__PURE__ */ r.jsx(
+                w,
+                {
+                  icon: l ? y : j,
+                  className: "min-h-16 max-h-16 text-gray-400 hover:text-gray-500 transition-colors duration-150 cursor-pointer ease-in-out",
+                  onClick: () => g(!l)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: t && n(t.message || "", { x: n(e) }) })
+      ]
+    }
+  );
+};
+export {
+  P as default
+};

package/dist/components/atoms/PasswordInput/PasswordInput.types.d.ts

@@ -0,0 +1,11 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+export type PasswordInputProps<T extends FieldValues> = {
+    label: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    control: Control<T>;
+    name: Path<T>;
+    leftSide?: React.ReactNode;
+    rightSide?: React.ReactNode;
+};

package/dist/components/atoms/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export { default as PasswordInput } from './PasswordInput';

package/dist/components/atoms/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { PhoneInputProps } from './PhoneInput.types';
+declare const PhoneInput: <T extends FieldValues>({ name, control, label, placeholder, language, className, translateKey, countries, }: PhoneInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default PhoneInput;

package/dist/components/atoms/PhoneInput/PhoneInput.types.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues } from 'react-hook-form';
+import { Country } from '../../../constants/countries';
+export interface PhoneInputProps<T extends FieldValues> {
+    countries?: Country[];
+    name: string;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: string;
+    className?: string;
+    translateKey?: string;
+}

package/dist/components/atoms/PhoneInput/index.d.ts

@@ -0,0 +1 @@
+export { default as PhoneInput } from './PhoneInput';

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

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from './ProgressBar.types';
+declare const ProgressBar: ({ progress, showPercentage, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -0,0 +1,23 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const r = ({
+  progress: a,
+  showPercentage: l = !1
+}) => {
+  const s = Math.min(Math.max(a, 0), 100);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-12", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "w-full h-8 bg-blue-100 rounded-full", children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "h-full bg-blue-500 rounded-full transition-all duration-300 ease-in-out",
+        style: { width: `${s}%` }
+      }
+    ) }),
+    l && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-[500]", children: [
+      s,
+      "%"
+    ] })
+  ] });
+};
+export {
+  r as default
+};

package/dist/components/atoms/ProgressBar/ProgressBar.types.d.ts

@@ -0,0 +1,4 @@
+export interface ProgressBarProps {
+    progress: number;
+    showPercentage?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default as ProgressBar } from './ProgressBar';

package/dist/components/atoms/SearchBar/index.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const SearchBar: React.FC;

package/dist/components/atoms/SearchBar/index.js

@@ -0,0 +1,44 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { faMagnifyingGlass as a } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
+import { FontAwesomeIcon as i } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useState as u, useRef as c } from "react";
+const m = () => {
+  const [t, n] = u(!1), s = c(null), l = () => {
+    n(!0), setTimeout(() => {
+      var r;
+      return (r = s.current) == null ? void 0 : r.focus();
+    }, 100);
+  }, o = () => {
+    n(!1);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex items-center justify-center bg-white shadow-md rounded-full transition-all duration-300 ease-in-out ${t ? "w-[200px] h-[40px]" : "size-[40px]"}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: l,
+            className: "size-[40px] flex items-center justify-center rounded-full hover:bg-gray-100 transition-all",
+            children: /* @__PURE__ */ e.jsx(i, { icon: a })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: s,
+            type: "text",
+            className: `w-full outline-none bg-transparent transition-all ${t ? "w-full pr-[10px]" : "w-0"}`,
+            placeholder: "Buscar...",
+            onBlur: o,
+            style: { border: "none", outline: "none" }
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  m as SearchBar
+};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { DesktopSectionButtonTypes } from './desktop';
+import { MobileSectionButtonTypes } from './mobile';
+interface DesktopSectionButtonProps extends DesktopSectionButtonTypes {
+    display: "desktop";
+}
+interface MobileSectionButtonProps extends MobileSectionButtonTypes {
+    display: "mobile";
+}
+type SectionButtonProps = DesktopSectionButtonProps | MobileSectionButtonProps;
+declare const SectionButton: React.FC<SectionButtonProps>;
+export default SectionButton;

package/dist/components/atoms/SectionButton/SectionButton.js

@@ -0,0 +1,10 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import n from "./desktop/SectionButton.js";
+import s from "./mobile/SectionButton.js";
+const p = (e) => {
+  const { display: t, ...o } = e;
+  return t === "desktop" ? /* @__PURE__ */ r.jsx(n, { ...o }) : t === "mobile" ? /* @__PURE__ */ r.jsx(s, { ...o }) : null;
+};
+export {
+  p as default
+};

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

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

package/dist/components/atoms/SectionButton/desktop/SectionButton.js

@@ -0,0 +1,60 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as u } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveSectionButtonClasses as x } from "./SectionButton.styles.js";
+import { resolveIconClasses as f } from "../../IconButton/IconButton.styles.js";
+const v = ({
+  label: o,
+  href: a,
+  onClick: r,
+  active: p = !1,
+  disabled: s = !1,
+  className: n,
+  icon: t
+}) => {
+  const m = (c) => {
+    if (s) {
+      c.preventDefault();
+      return;
+    }
+    r == null || r(c);
+  }, l = `${x(p)} ${s ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
+  return a ? /* @__PURE__ */ e.jsxs(
+    "a",
+    {
+      href: a,
+      className: `${l} ${n || ""}`,
+      onClick: m,
+      "aria-disabled": s,
+      children: [
+        t && /* @__PURE__ */ e.jsx(
+          u,
+          {
+            icon: t,
+            className: f()
+          }
+        ),
+        o
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      className: `${l} ${n || ""}`,
+      onClick: m,
+      disabled: s,
+      children: [
+        t && /* @__PURE__ */ e.jsx(
+          u,
+          {
+            icon: t,
+            className: f()
+          }
+        ),
+        o
+      ]
+    }
+  );
+};
+export {
+  v as default
+};

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

@@ -0,0 +1 @@
+export declare const resolveSectionButtonClasses: (active?: boolean) => string;

package/dist/components/atoms/SectionButton/desktop/SectionButton.styles.js

@@ -0,0 +1,11 @@
+import { clsx as t } from "../../../../node_modules/clsx/dist/clsx.js";
+const s = "w-fit transition-colors ease-in-out duration-200 flex items-center justify-center gap-12 px-24 py-7 text-base rounded-full font-[600] bg-transparent", o = {
+  true: "bg-blue-100 text-blue-500 hover:bg-blue-100/80 active:bg-blue-100/50",
+  false: "text-gray-800 hover:bg-blue-100/40 hover:text-blue-500 active:bg-blue-100/20 active:text-blue-500"
+}, r = (e = !1) => t(
+  s,
+  o[String(e)]
+);
+export {
+  r as resolveSectionButtonClasses
+};

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

@@ -0,0 +1,10 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+export default interface SectionButtonProps {
+    label: string;
+    href?: string;
+    icon?: IconProp;
+    onClick?: (e: React.MouseEvent) => void;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { default as DesktopSectionButton } from './SectionButton';
+export type { default as DesktopSectionButtonTypes } from './SectionButton.types';

package/dist/components/atoms/SectionButton/index.d.ts

@@ -0,0 +1 @@
+export { default as SectionButton } from './SectionButton';

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

@@ -0,0 +1,2 @@
+export declare const resolveSectionButtonClassesMobile: (active?: boolean) => string;
+export declare const resolveIconButtonClassesMobile: (active?: boolean) => string;

package/dist/components/atoms/SectionButton/mobile/MobileSectionButton.styles.js

@@ -0,0 +1,19 @@
+import { clsx as e } from "../../../../node_modules/clsx/dist/clsx.js";
+const s = "w-fit transition-colors ease-in-out duration-150 flex gap-10 items-center justify-center text-xs rounded-full font-[600] bg-transparent", n = {
+  true: "text-blue-500",
+  false: "text-gray-800 hover:text-blue-500 active:text-blue-500"
+}, o = "bg-transparent p-16", r = {
+  true: "bg-blue-100 text-blue-500",
+  false: "text-gray-800"
+  // Removed commented out styles
+}, i = (t = !1) => e(
+  s,
+  n[String(t)]
+), l = (t = !1) => e(
+  o,
+  r[String(t)]
+);
+export {
+  l as resolveIconButtonClassesMobile,
+  i as resolveSectionButtonClassesMobile
+};

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

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

package/dist/components/atoms/SectionButton/mobile/SectionButton.js

@@ -0,0 +1,59 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
+import { resolveSectionButtonClassesMobile as m, resolveIconButtonClassesMobile as p } from "./MobileSectionButton.styles.js";
+import x from "../../IconButton/IconButton.js";
+import { resolveSectionButtonClasses as c } from "../desktop/SectionButton.styles.js";
+import { FontAwesomeIcon as f } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+const $ = ({
+  label: s,
+  href: n,
+  onClick: t,
+  active: o = !1,
+  disabled: r = !1,
+  icon: u,
+  className: a = ""
+}) => {
+  const l = (i) => {
+    if (r) {
+      i.preventDefault();
+      return;
+    }
+    t == null || t(i);
+  };
+  return n ? /* @__PURE__ */ e.jsxs(
+    "a",
+    {
+      href: n,
+      onClick: l,
+      className: `${m(
+        o
+      )} flex flex-col items-center group ${a}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          x,
+          {
+            icon: u,
+            variant: o ? "transparent" : "invisible",
+            disabled: r,
+            size: "sm",
+            className: `${p(o)} group group-hover:!text-blue-500 duration-150 group-hover:!bg-blue-100 `
+          }
+        ),
+        /* @__PURE__ */ e.jsx("p", { className: "group group-hover:!text-blue-500 duration-150", children: s })
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      className: `${c(o)} ${r ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""} ${a}`,
+      onClick: l,
+      "aria-disabled": r,
+      children: [
+        /* @__PURE__ */ e.jsx(f, { icon: u }),
+        s
+      ]
+    }
+  );
+};
+export {
+  $ as default
+};

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

@@ -0,0 +1,10 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+export default interface SectionButtonProps {
+    label: string;
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    active?: boolean;
+    disabled?: boolean;
+    icon: IconProp;
+    className?: string;
+}

package/dist/components/atoms/SectionButton/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileSectionButton } from './SectionButton';
+export type { default as MobileSectionButtonTypes } from './SectionButton.types';

package/dist/components/atoms/SelectDropdown/SelectDropdown.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { SelectDropdownProps } from './SelectDropdown.types';
+declare const SelectDropdown: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, }: SelectDropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectDropdown;