prometeo-design-system 4.4.1 → 4.5.0

package/dist/CheckBox.es.js

@@ -1,10 +1,14 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as s } from "./cn-B6yFEsav.js";
-import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
-import { Check as j } from "./Icons/Check.es.js";
-const i = g(
-  ({ className: l, disabled: e, onChange: d, value: u, ...t }, r) => {
-    const f = v(), o = C(null), p = `
+import { c as C } from "./cn-B6yFEsav.js";
+import { memo as y, forwardRef as j, useId as I, useRef as z, useState as N, useImperativeHandle as w } from "react";
+import { Check as R } from "./Icons/Check.es.js";
+const l = j(
+  ({ className: c, disabled: e, onChange: o, value: d, checked: n, ...f }, u) => {
+    const p = I(), s = z(null), i = n !== void 0, [h, m] = N(!1), t = i ? n : h;
+    w(u, () => s.current, []);
+    const x = (r) => {
+      o && o(r), i || m(r.target.checked);
+    }, b = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -17,68 +21,64 @@ const i = g(
       after:bg-neutral-700
       after:-z-10
       after:opacity-0
-      ${!e && "hover:after:opacity-100"}
+      ${!e && "aria-checked:hover:after:opacity-100"}
       after:transition-all
       after:duration-200
       after:ease-in-out
       after:pointer-events-none
-      ${!e && "aria-checked:hover:bg-primary-default-hover hover:border-primary-default-hover"}
+      ${!e && `aria-checked:hover:bg-primary-default-hover 
+         hover:border-primary-default-hover`}
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", x = "bg-primary-light", m = `
+    `, g = "bg-primary-light", v = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
       border-neutral-medium-default
       hover:border-neutral-medium-hover
-    `, b = {
-      selected: "bg-primary-default-disabled!",
-      default: "border-neutral-default-disabled "
-    }, c = y(() => {
-      if (o.current)
-        return o.current.click();
-    }, []);
+      transition-all
+      duration-200
+      ease-in-out
+    `, k = {
+      selected: "bg-primary-default-disabled",
+      default: "border-neutral-default-disabled"
+    };
     return /* @__PURE__ */ a.jsx(
       "div",
       {
-        id: "checkbox-container",
         style: {
           width: "24px",
           height: "24px",
           position: "relative",
           zIndex: 10
         },
-        className: "grid place-items-center p-2",
-        onClick: c,
+        className: "grid place-items-center p-2 ",
         draggable: !1,
         children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            id: "checkbox-box",
-            "aria-checked": t.checked,
-            className: s(
+            "aria-checked": t,
+            className: C(
               "grid place-items-center absolute size-[18px] rounded-[2px]",
-              p,
-              m,
-              t.checked ? x : "",
-              e && b[t.checked ? "selected" : "default"],
-              l
+              b,
+              v,
+              t ? g : "",
+              e && k[t ? "selected" : "default"],
+              c
             ),
-            onClick: c,
             draggable: !1,
             children: [
               /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
-                  id: f,
-                  ref: (n) => {
-                    o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
+                  id: p,
+                  ref: (r) => {
+                    s.current = r;
                   },
-                  onChange: d,
-                  value: u,
-                  className: s(h),
+                  onChange: x,
+                  value: d,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -91,11 +91,11 @@ const i = g(
                     opacity: 0,
                     zIndex: 150
                   },
-                  ...t
+                  ...f
                 }
               ),
-              t.checked && /* @__PURE__ */ a.jsx(
-                j,
+              t && /* @__PURE__ */ a.jsx(
+                R,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -108,8 +108,8 @@ const i = g(
     );
   }
 );
-i.displayName = "CheckBox";
-const $ = k(i);
+l.displayName = "CheckBox";
+const E = y(l);
 export {
-  $ as default
+  E as default
 };

package/dist/Header.es.js

@@ -1,32 +1,35 @@
-import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as l } from "./cn-B6yFEsav.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
 import { motion as n } from "framer-motion";
-import { memo as d } from "react";
-const c = ({ title: e, subtitle: t, children: i, className: s, subtitleClassName: m, titleClassName: r }) => /* @__PURE__ */ a.jsx(
-  "header",
+import { memo as f } from "react";
+const c = ({ title: e, subtitle: s, children: l, className: m, subtitleClassName: r, titleClassName: d, mainActionSlot: a }) => /* @__PURE__ */ t.jsxs(
+  n.header,
   {
-    className: l(
-      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36",
-      s
+    initial: { opacity: 0, y: -10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.6, ease: "easeOut" },
+    className: i(
+      "flex items-center sm:min-h-20 md:min-h-24 lg:min-h-28 xl:min-h-32 2xl:min-h-36 overflow-hidden px-4 md:px-0 py-2 md:py-3",
+      "flex justify-between items-center w-full",
+      a && "px-1",
+      m
     ),
-    children: /* @__PURE__ */ a.jsxs(
-      n.div,
-      {
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.6, ease: "easeOut" },
-        className: "flex justify-between items-center w-full",
-        children: [
-          /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col leading-6", children: [
-            t && /* @__PURE__ */ a.jsx("h3", { className: l(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
-            e && /* @__PURE__ */ a.jsx("h1", { className: l("prometeo-fonts-headline-small text-neutral-strong-default", r), children: e })
-          ] }),
-          i && /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: i })
-        ]
-      }
-    )
+    children: [
+      /* @__PURE__ */ t.jsxs("div", { className: i(
+        "flex items-center md:items-start md:flex-col leading-6 h-full justify-center min-w-max",
+        a && "justify-start gap-1"
+      ), children: [
+        a && /* @__PURE__ */ t.jsx("div", { className: "md:px-3", children: typeof a == "function" ? a() : a }),
+        /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col leading-6 justify-center md:px-6", children: [
+          s && /* @__PURE__ */ t.jsx("h3", { className: i(" prometeo-fonts-body-medium text-neutral-medium-default ", r), children: s }),
+          e && /* @__PURE__ */ t.jsx("h1", { className: i("prometeo-fonts-headline-small text-neutral-strong-default", d), children: e })
+        ] })
+      ] }),
+      l && /* @__PURE__ */ t.jsx("div", { className: "bg-red-400 px-2", children: l })
+    ]
   }
-), x = d(c, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+), u = f(c, (e, s) => e.title !== s.title || e.subtitle !== s.subtitle || e.className !== s.className ? !1 : e.children !== s.children ? !e.children && !s.children : !0);
+u.displayName = "Header";
 export {
-  x as default
+  u as default
 };

package/dist/IconButton.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/IconButton'
+export {}
+import PrometeoDesignSystem from './exports/IconButton'
+export default PrometeoDesignSystem
+export * from './exports/IconButton'
+export {}

package/dist/IconButton.es.js

@@ -0,0 +1,306 @@
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { memo as C, useMemo as E } from "react";
+import R from "./Spinner.es.js";
+import { c as b } from "./index-BOQuZ0gG.js";
+import { c as f } from "./cn-B6yFEsav.js";
+const u = {
+  small: {
+    container: "w-8 h-8 p-0 rounded-[6px]"
+  },
+  medium: {
+    container: "w-8 h-8 p-0 rounded-[6px]"
+  },
+  large: {
+    container: "w-12 h-12 p-0"
+  }
+}, e = {
+  fill: {
+    primary: {
+      container: ` bg-primary-default-default border-primary-default-default
+            hover:bg-primary-default-hover
+            active:bg-primary-default-focused            
+            `,
+      icon: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
+    },
+    secondary: {
+      container: `bg-neutral-medium-default border-neutral-medium-default
+            hover:bg-neutral-medium-hover
+            active:bg-neutral-medium-pressed`,
+      icon: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
+    },
+    success: {
+      container: "bg-success-default-default border-success-default-default hover:bg-success-default-hover active:bg-success-default-pressed",
+      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
+    },
+    error: {
+      container: "bg-error-default-default hover:bg-error-default-hover active:bg-error-default-pressed",
+      icon: "text-neutral-strong-default group-hover:text-neutral-strong-hover group-active:text-neutral-strong-pressed"
+    },
+    warning: {
+      container: "bg-warning-default-default hover:bg-warning-default-hover active:bg-warning-default-pressed",
+      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
+    },
+    disabled: {
+      container: "bg-primary-medium-disabled border-transparent cursor-default!",
+      icon: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled"
+    }
+  },
+  outline: {
+    primary: {
+      container: `bg-transparent border-primary-default-default border
+            hover:bg-neutral-default-hover hover:border-primary-medium-hover
+            active:bg-neutral-default-pressed active:border-primary-medium-pressed
+            `,
+      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
+    },
+    secondary: {
+      container: "bg-transparent border-neutral-medium-default border hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed active:border-neutral-medium-pressed",
+      icon: "text-neutral-strong-default group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
+    },
+    success: {
+      container: "border border-success-default-default hover:border-success-default-hover hover:bg-neutral-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
+    },
+    error: {
+      container: "border border-error-default-default hover:border-error-default-hover hover:bg-neutral-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
+    },
+    warning: {
+      container: "border border-warning-default-default hover:border-warning-default-hover hover:bg-neutral-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
+    },
+    disabled: {
+      container: "bg-neutral-default-disabled border-neutral-default-disabled border cursor-default!",
+      icon: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled"
+    }
+  },
+  text: {
+    primary: {
+      container: " bg-transparent border-0 text-primary-default-default hover:bg-neutral-default-hover hover:border-primary-medium-hover active:bg-neutral-default-pressed",
+      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
+    },
+    secondary: {
+      container: "bg-transparent border-0 hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed",
+      icon: "text-neutral-strong-hover group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
+    },
+    success: {
+      container: "border border-transparent hover:border-success-default-hover hover:bg-neutral-default-hover hover:border-success-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
+    },
+    error: {
+      container: "border border-transparent hover:border-error-default-hover hover:bg-neutral-default-hover hover:border-error-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
+    },
+    warning: {
+      container: "border border-transparent hover:border-warning-default-hover hover:bg-neutral-default-hover hover:border-warning-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
+      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
+    },
+    disabled: {
+      container: "bg-transparent border-neutral-default-disabled border-none cursor-default! hover:bg-transparent",
+      icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
+    }
+  }
+}, a = {
+  small: {
+    container: "",
+    icon: ""
+  },
+  medium: {
+    container: "",
+    icon: ""
+  },
+  large: {
+    container: "",
+    icon: ""
+  }
+}, h = {
+  container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
+  icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
+}, p = {
+  true: {
+    container: "hover:scale-105 active:scale-95 disabled:scale-100"
+  },
+  false: {
+    container: ""
+  }
+}, g = {
+  true: {
+    icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
+  },
+  false: {
+    icon: ""
+  }
+}, q = b(h.container, {
+  variants: {
+    size: {
+      small: `${a.small.container} ${u.small.container}`,
+      medium: `${a.medium.container} ${u.medium.container}`,
+      large: `${a.large.container} ${u.large.container}`
+    },
+    variant: {
+      fill: "",
+      outline: "",
+      text: ""
+    },
+    color: {
+      primary: "",
+      secondary: "",
+      success: "",
+      error: "",
+      warning: "",
+      disabled: ""
+    },
+    animation: {
+      true: p.true.container,
+      false: p.false.container
+    }
+  },
+  compoundVariants: [
+    { variant: "fill", color: "primary", class: e.fill.primary.container },
+    { variant: "fill", color: "secondary", class: e.fill.secondary.container },
+    { variant: "fill", color: "success", class: e.fill.success.container },
+    { variant: "fill", color: "error", class: e.fill.error.container },
+    { variant: "fill", color: "warning", class: e.fill.warning.container },
+    { variant: "fill", color: "disabled", class: e.fill.disabled.container },
+    { variant: "outline", color: "primary", class: e.outline.primary.container },
+    { variant: "outline", color: "secondary", class: e.outline.secondary.container },
+    { variant: "outline", color: "success", class: e.outline.success.container },
+    { variant: "outline", color: "error", class: e.outline.error.container },
+    { variant: "outline", color: "warning", class: e.outline.warning.container },
+    { variant: "outline", color: "disabled", class: e.outline.disabled.container },
+    { variant: "text", color: "primary", class: e.text.primary.container },
+    { variant: "text", color: "secondary", class: e.text.secondary.container },
+    { variant: "text", color: "success", class: e.text.success.container },
+    { variant: "text", color: "error", class: e.text.error.container },
+    { variant: "text", color: "warning", class: e.text.warning.container },
+    { variant: "text", color: "disabled", class: e.text.disabled.container }
+  ],
+  defaultVariants: {
+    size: "medium",
+    variant: "fill",
+    color: "primary",
+    animation: !0
+  }
+}), A = b(h.icon, {
+  variants: {
+    size: {
+      small: a.small.icon,
+      medium: a.medium.icon,
+      large: a.large.icon
+    },
+    variant: {
+      fill: "",
+      outline: "",
+      text: ""
+    },
+    color: {
+      primary: "",
+      secondary: "",
+      success: "",
+      error: "",
+      warning: "",
+      disabled: ""
+    },
+    animateIcon: {
+      true: g.true.icon,
+      false: g.false.icon
+    }
+  },
+  compoundVariants: [
+    { variant: "fill", color: "primary", class: e.fill.primary.icon },
+    { variant: "fill", color: "secondary", class: e.fill.secondary.icon },
+    { variant: "fill", color: "success", class: e.fill.success.icon },
+    { variant: "fill", color: "error", class: e.fill.error.icon },
+    { variant: "fill", color: "warning", class: e.fill.warning.icon },
+    { variant: "fill", color: "disabled", class: e.fill.disabled.icon },
+    { variant: "outline", color: "primary", class: e.outline.primary.icon },
+    { variant: "outline", color: "secondary", class: e.outline.secondary.icon },
+    { variant: "outline", color: "success", class: e.outline.success.icon },
+    { variant: "outline", color: "error", class: e.outline.error.icon },
+    { variant: "outline", color: "warning", class: e.outline.warning.icon },
+    { variant: "outline", color: "disabled", class: e.outline.disabled.icon },
+    { variant: "text", color: "primary", class: e.text.primary.icon },
+    { variant: "text", color: "secondary", class: e.text.secondary.icon },
+    { variant: "text", color: "success", class: e.text.success.icon },
+    { variant: "text", color: "error", class: e.text.error.icon },
+    { variant: "text", color: "warning", class: e.text.warning.icon },
+    { variant: "text", color: "disabled", class: e.text.disabled.icon }
+  ],
+  defaultVariants: {
+    size: "medium",
+    variant: "fill",
+    color: "primary",
+    animateIcon: !0
+  }
+}), M = ({
+  onClick: x,
+  icon: y,
+  contentClassName: n,
+  animate: w = !1,
+  animateIcon: j = !1,
+  isLoading: t = !1,
+  children: V,
+  hideSpinner: d = !1,
+  spinner: v = /* @__PURE__ */ r.jsx(R, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
+  type: I,
+  className: $,
+  disabled: o,
+  variant: i = "fill",
+  form: k,
+  size: l = "medium",
+  color: z = "primary"
+}) => {
+  const s = V || y;
+  if (!s)
+    throw new Error('IconButton: Se requiere un icon (prop "icon" o "children")');
+  const m = !!(j && !o && !t), S = !!(w && !o && !t), c = o || t ? "disabled" : z, N = E(() => {
+    if (t)
+      return /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center", children: !d && v });
+    const B = s;
+    return /* @__PURE__ */ r.jsx("div", { className: f("flex items-center justify-center select-none", n), children: /* @__PURE__ */ r.jsx(
+      "span",
+      {
+        className: A({
+          size: l,
+          variant: i,
+          color: c,
+          animateIcon: m
+        }),
+        children: /* @__PURE__ */ r.jsx(B, {})
+      }
+    ) });
+  }, [
+    n,
+    s,
+    i,
+    l,
+    c,
+    t,
+    d,
+    v,
+    m
+  ]);
+  return /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      type: I,
+      className: f(
+        "group",
+        q({
+          size: l,
+          variant: i,
+          color: c,
+          animation: S
+        }),
+        $
+      ),
+      disabled: o || t,
+      form: k,
+      onClick: x,
+      children: /* @__PURE__ */ r.jsx("div", { className: `flex items-center gap-1 ${n}`, children: N })
+    }
+  );
+}, H = C(M);
+export {
+  H as default
+};

package/dist/Icons/ArrowDownward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as o } from "../iconUtils-D0lVAgGT.js";
-const l = o(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2814", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2814)", children: /* @__PURE__ */ r.jsx("path", { d: "M10 15L5 9.99999L6.16667 8.83332L9.16667 11.8333V4.16666H10.8333V11.8333L13.8333 8.83332L15 9.99999L10 15Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const e = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-120 200-400l80-80 160 160v-400h80v400l160-160 80 80-280 280Z" })
+  }
+));
 export {
-  l as ArrowDownward
+  e as ArrowDownward
 };

package/dist/Icons/ArrowUpward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as i } from "../iconUtils-D0lVAgGT.js";
-const l = i(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2813", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2813)", children: /* @__PURE__ */ r.jsx("path", { d: "M9.16667 15V7.33332L6.16667 10.3333L5 9.16666L10 4.16666L15 9.16666L13.8333 10.3333L10.8333 7.33332V15H9.16667Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const h = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-840 200-560l80 80 160-160v400h80v-400l160 160 80-80-280-280Z" })
+  }
+));
 export {
-  l as ArrowUpward
+  h as ArrowUpward
 };

package/dist/Icons/DragIndicator.d.ts

@@ -0,0 +1,6 @@
+export * from './components/DragIndicator'
+export {}
+import PrometeoDesignSystem from './components/DragIndicator'
+export default PrometeoDesignSystem
+export * from './components/DragIndicator'
+export {}

package/dist/Icons/DragIndicator.es.js

@@ -0,0 +1,19 @@
+import { j as T } from "../jsx-runtime-GkKLlHH4.js";
+import { m as o } from "../iconUtils-D0lVAgGT.js";
+const e = o(({ size: q = 24, className: r, ...t }) => /* @__PURE__ */ T.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    viewBox: "0 -960 960 960",
+    width: q,
+    height: q,
+    fill: "currentColor",
+    className: r,
+    children: /* @__PURE__ */ T.jsx("path", { d: "M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" })
+  }
+));
+export {
+  e as DragIndicator,
+  e as default
+};

package/dist/Icons/components/DragIndicator.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const DragIndicator: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default DragIndicator;

package/dist/Icons/index.d.ts

@@ -65,5 +65,6 @@ export { Reassignment } from './components/Reassignment';
 export { ReassignmentFill } from './components/ReassignmentFill';
 export { Send } from './components/Send';
 export { StarFill } from './components/StarFill';
+export { DragIndicator } from './components/DragIndicator';
 export type { IconProps } from './iconUtils';
 export type { IconComponent } from './types';

package/dist/Icons/types.d.ts

@@ -65,6 +65,7 @@ import { Reassignment } from './components/Reassignment';
 import { ReassignmentFill } from './components/ReassignmentFill';
 import { Send } from './components/Send';
 import { StarFill } from './components/StarFill';
+import { DragIndicator } from './components/DragIndicator';
 export type IconsMap = {
     Ticket: typeof Ticket;
     Home: typeof Home;
@@ -133,6 +134,7 @@ export type IconsMap = {
     Send: typeof Send;
     StarFill: typeof StarFill;
     UserAvatar: typeof UserAvatar;
+    DragIndicator: typeof DragIndicator;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];