oraculo-ui 0.1.11 → 0.1.12

package/dist/chunk-IGAIIVJZ.mjs

@@ -0,0 +1,74 @@
+// src/atoms/OraculoButton/OraculoButton.tsx
+import { Link as MuiLink } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function OraculoButton({
+  children,
+  onClick,
+  href,
+  target,
+  rel,
+  type = "button",
+  disabled = false,
+  variant = "primary",
+  size,
+  fullWidth = false,
+  fullHeight = false,
+  className = "",
+  ariaLabel,
+  leftIcon,
+  rightIcon,
+  iconOnly
+}) {
+  const hasText = !!children && children !== true;
+  const hasLeft = !!leftIcon;
+  const hasRight = !!rightIcon;
+  const onlyOneIcon = (hasLeft ? 1 : 0) + (hasRight ? 1 : 0) === 1;
+  const isIconOnly = iconOnly != null ? iconOnly : onlyOneIcon && !hasText;
+  const cls = [
+    "orc-btn",
+    variant === "secondary" ? "orc-btn--secondary" : variant === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
+    size ? `orc-btn--${size}` : "",
+    fullWidth ? "orc-btn--full" : "",
+    fullHeight ? "orc-btn--fullHeight" : "",
+    isIconOnly ? "orc-btn--iconOnly" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leftIcon && /* @__PURE__ */ jsx("span", { className: "orc-btn__icon", children: leftIcon }),
+    !isIconOnly && /* @__PURE__ */ jsx("span", { className: "orc-btn__label", children }),
+    rightIcon && /* @__PURE__ */ jsx("span", { className: "orc-btn__icon", children: rightIcon })
+  ] });
+  const ariaDisabled = disabled ? true : void 0;
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      MuiLink,
+      {
+        href,
+        target,
+        rel,
+        "aria-label": ariaLabel,
+        "aria-disabled": ariaDisabled,
+        tabIndex: ariaDisabled ? -1 : void 0,
+        className: cls,
+        onClick: ariaDisabled ? (e) => e.preventDefault() : onClick,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      onClick,
+      disabled: !!ariaDisabled,
+      "aria-label": ariaLabel,
+      className: cls,
+      children: content
+    }
+  );
+}
+
+export {
+  OraculoButton
+};
+//# sourceMappingURL=chunk-IGAIIVJZ.mjs.map

package/dist/chunk-IGAIIVJZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/OraculoButton/OraculoButton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./OraculoButton.css\";\r\nimport { Link as MuiLink } from \"@mui/material\";\r\n\r\nexport interface OraculoButtonProps {\r\n  children?: React.ReactNode;\r\n  onClick?: any;\r\n  href?: string;\r\n  target?: React.HTMLAttributeAnchorTarget;\r\n  rel?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  fullWidth?: boolean;\r\n  fullHeight?: boolean;\r\n  className?: string;\r\n  ariaLabel?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  iconOnly?: boolean;\r\n}\r\n\r\nexport default function OraculoButton({\r\n  children,\r\n  onClick,\r\n  href,\r\n  target,\r\n  rel,\r\n  type = \"button\",\r\n  disabled = false,\r\n  variant = \"primary\",\r\n  size,\r\n  fullWidth = false,\r\n  fullHeight = false,\r\n  className = \"\",\r\n  ariaLabel,\r\n  leftIcon,\r\n  rightIcon,\r\n  iconOnly,\r\n}: OraculoButtonProps) {\r\n  const hasText = !!children && children !== true;\r\n  const hasLeft = !!leftIcon;\r\n  const hasRight = !!rightIcon;\r\n  const onlyOneIcon = (hasLeft ? 1 : 0) + (hasRight ? 1 : 0) === 1;\r\n  const isIconOnly = iconOnly ?? (onlyOneIcon && !hasText);\r\n\r\n  const cls = [\r\n    \"orc-btn\",\r\n    variant === \"secondary\"\r\n      ? \"orc-btn--secondary\"\r\n      : variant === \"tertiary\"\r\n        ? \"orc-btn--tertiary\"\r\n        : \"orc-btn--primary\",\r\n    size ? `orc-btn--${size}` : \"\",\r\n    fullWidth ? \"orc-btn--full\" : \"\",\r\n    fullHeight ? \"orc-btn--fullHeight\" : \"\",\r\n    isIconOnly ? \"orc-btn--iconOnly\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  const content = (\r\n    <>\r\n      {leftIcon && <span className=\"orc-btn__icon\">{leftIcon}</span>}\r\n      {!isIconOnly && <span className=\"orc-btn__label\">{children}</span>}\r\n      {rightIcon && <span className=\"orc-btn__icon\">{rightIcon}</span>}\r\n    </>\r\n  );\r\n\r\n  const ariaDisabled = disabled ? true : undefined;\r\n\r\n  if (href) {\r\n    return (\r\n      <MuiLink\r\n        href={href}\r\n        target={target}\r\n        rel={rel}\r\n        aria-label={ariaLabel}\r\n        aria-disabled={ariaDisabled}\r\n        tabIndex={ariaDisabled ? -1 : undefined}\r\n        className={cls}\r\n        onClick={ariaDisabled ? (e) => e.preventDefault() : onClick}\r\n      >\r\n        {content}\r\n      </MuiLink>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      onClick={onClick}\r\n      disabled={!!ariaDisabled}\r\n      aria-label={ariaLabel}\r\n      className={cls}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n}\r\n"],"mappings":";AAEA,SAAS,QAAQ,eAAe;AA8D5B,mBACe,KADf;AAzCW,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,UAAU,CAAC,CAAC,YAAY,aAAa;AAC3C,QAAM,UAAU,CAAC,CAAC;AAClB,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,eAAe,UAAU,IAAI,MAAM,WAAW,IAAI,OAAO;AAC/D,QAAM,aAAa,8BAAa,eAAe,CAAC;AAEhD,QAAM,MAAM;AAAA,IACV;AAAA,IACA,YAAY,cACR,uBACA,YAAY,aACV,sBACA;AAAA,IACN,OAAO,YAAY,IAAI,KAAK;AAAA,IAC5B,YAAY,kBAAkB;AAAA,IAC9B,aAAa,wBAAwB;AAAA,IACrC,aAAa,sBAAsB;AAAA,IACnC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,UACJ,iCACG;AAAA,gBAAY,oBAAC,UAAK,WAAU,iBAAiB,oBAAS;AAAA,IACtD,CAAC,cAAc,oBAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,IAC1D,aAAa,oBAAC,UAAK,WAAU,iBAAiB,qBAAU;AAAA,KAC3D;AAGF,QAAM,eAAe,WAAW,OAAO;AAEvC,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,iBAAe;AAAA,QACf,UAAU,eAAe,KAAK;AAAA,QAC9B,WAAW;AAAA,QACX,SAAS,eAAe,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,QAEnD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,CAAC;AAAA,MACZ,cAAY;AAAA,MACZ,WAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ;","names":[]}