@xola/ui-kit 3.4.6 → 3.6.0

package/build/components/Avatar.js

@@ -1,21 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import n from "clsx";
-import { getInitials as m } from "../helpers/avatar.js";
-const o = {
-  tiny: "h-7 w-7 text-base",
-  small: "h-10 w-10 text-base",
-  medium: "h-12 w-12 text-md",
-  large: "h-15 w-15 text-xl"
-}, f = ({ name: t, color: e = "bg-primary-lighter", size: r = "large", className: i, ...l }) => {
-  const s = n(
-    "ui-avatar",
-    "inline-flex items-center justify-center rounded-full text-black leading-none",
-    o[r],
-    e,
-    i
-  );
-  return /* @__PURE__ */ a("div", { title: t, className: s, ...l, children: m(t) });
-};
-export {
-  f as Avatar
-};

package/build/components/Badge.d.ts

@@ -1,28 +0,0 @@
-import { default as React } from 'react';
-declare const colors: {
-    readonly primary: "bg-primary-lighter text-primary-dark";
-    readonly secondary: "bg-secondary-lighter text-black";
-    readonly success: "bg-success-lightish text-success-darker";
-    readonly warning: "bg-warning-lightish text-warning-darker";
-    readonly caution: "bg-caution-lighter text-caution-dark";
-    readonly danger: "bg-danger-lightish text-danger-dark";
-    readonly problem: "bg-warning text-white";
-    readonly critical: "bg-danger text-white";
-};
-declare const sizes: {
-    readonly xs: "px-1 py-0.5 h-3 text-xs";
-    readonly small: "px-2 py-0.75 h-5 text-sm leading-sm";
-    readonly medium: "px-3 py-1.5 h-7.5 text-base leading-base";
-    readonly large: "px-3.5 py-0.75 h-10 text-lg leading-lg";
-};
-type BadgeColor = keyof typeof colors;
-type BadgeSize = keyof typeof sizes;
-export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    color?: BadgeColor;
-    size?: BadgeSize;
-    icon?: React.ReactElement;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Badge: ({ color, size, icon, children, className, ...rest }: BadgeProps) => React.JSX.Element;
-export {};

package/build/components/Badge.js

@@ -1,42 +0,0 @@
-import { jsxs as n } from "react/jsx-runtime";
-import r from "clsx";
-import { cloneElement as g } from "react";
-const c = {
-  primary: "bg-primary-lighter text-primary-dark",
-  secondary: "bg-secondary-lighter text-black",
-  success: "bg-success-lightish text-success-darker",
-  warning: "bg-warning-lightish text-warning-darker",
-  caution: "bg-caution-lighter text-caution-dark",
-  danger: "bg-danger-lightish text-danger-dark",
-  problem: "bg-warning text-white",
-  critical: "bg-danger text-white"
-}, m = {
-  xs: "px-1 py-0.5 h-3 text-xs",
-  small: "px-2 py-0.75 h-5 text-sm leading-sm",
-  medium: "px-3 py-1.5 h-7.5 text-base leading-base",
-  large: "px-3.5 py-0.75 h-10 text-lg leading-lg"
-}, x = {
-  xs: "w-2.5 h-2.5",
-  small: "w-3 h-3",
-  medium: "w-4 h-4",
-  large: "w-5 h-5 mr-1.5"
-}, p = ({ color: a = "primary", size: e = "small", icon: t, children: s, className: i, ...l }) => /* @__PURE__ */ n(
-  "span",
-  {
-    className: r(
-      "ui-badge",
-      "inline-flex items-center whitespace-nowrap rounded-full",
-      c[a],
-      m[e],
-      i
-    ),
-    ...l,
-    children: [
-      t ? g(t, { className: r("mr-1", x[e]) }) : null,
-      s
-    ]
-  }
-);
-export {
-  p as Badge
-};

package/build/components/Breadcrumb.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
-    separator?: string;
-    children?: React.ReactNode;
-    classNames?: {
-        item?: string;
-        separator?: string;
-    };
-    className?: string;
-}
-export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    onClick?: () => void;
-    children: React.ReactNode;
-}
-export declare const Breadcrumb: (({ separator, children, classNames, className, ...rest }: BreadcrumbProps) => React.JSX.Element) & {
-    Item: {
-        ({ className, onClick, children }: BreadcrumbItemProps): React.JSX.Element;
-        displayName: string;
-    };
-};

package/build/components/Breadcrumb.js

@@ -1,27 +0,0 @@
-import { jsx as t, jsxs as p, Fragment as b } from "react/jsx-runtime";
-import a from "clsx";
-import { Children as s } from "react";
-const x = ({ separator: n = "/", children: r, classNames: e = {}, className: o, ...i }) => {
-  const d = s.count(r) - 1;
-  return /* @__PURE__ */ t("div", { className: a("ui-breadcrumb", "whitespace-nowrap text-2xl font-semibold", o), ...i, children: s.map(r, (u, l) => {
-    const m = l >= d;
-    return /* @__PURE__ */ p(b, { children: [
-      /* @__PURE__ */ t("span", { className: a(e.item, m ? "text-black" : "text-gray-dark"), children: u }),
-      m ? null : /* @__PURE__ */ t("span", { className: a(e.separator, "mx-2 text-gray-dark"), children: n })
-    ] });
-  }) });
-}, c = ({ className: n, onClick: r, children: e }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: a("ui-breadcrumb-item inline", r && "cursor-pointer hover:underline", n),
-    onClick: r,
-    children: e
-  }
-);
-c.displayName = "Breadcrumb.Item";
-const B = Object.assign(x, {
-  Item: c
-});
-export {
-  B as Breadcrumb
-};

package/build/components/Breakdown.d.ts

@@ -1,63 +0,0 @@
-import { default as React } from 'react';
-declare const colors: {
-    readonly default: "text-gray-darker";
-    readonly black: "text-black";
-    readonly primary: "text-primary";
-    readonly secondary: "text-secondary";
-    readonly warning: "text-warning";
-    readonly success: "text-success";
-    readonly danger: "text-danger";
-    readonly caution: "text-caution";
-};
-type BreakdownColor = keyof typeof colors;
-export interface BreakdownProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    currency: string;
-    locale?: string;
-    children?: React.ReactNode;
-    className?: string;
-}
-export interface BreakdownItemProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    info?: React.ReactNode;
-    methodIcon?: React.ReactNode;
-    secondary?: React.ReactNode;
-    value?: React.ReactNode;
-    color?: BreakdownColor;
-    children?: React.ReactNode;
-    classNames?: {
-        key?: string;
-        children?: string;
-        info?: string;
-        value?: string;
-    };
-    className?: string;
-}
-export interface BreakdownSubtotalItemProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    info?: React.ReactNode;
-    value?: number;
-    color?: BreakdownColor;
-    children?: React.ReactNode;
-    classNames?: {
-        children?: string;
-        info?: string;
-        value?: string;
-    };
-    className?: string;
-}
-export interface BreakdownSeparatorProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    className?: string;
-}
-export declare const Breakdown: (({ currency, locale, children, className, ...rest }: BreakdownProps) => React.JSX.Element) & {
-    Item: {
-        ({ info, methodIcon, secondary, value, color, children, classNames, className, ...rest }: BreakdownItemProps): React.JSX.Element;
-        displayName: string;
-    };
-    SubtotalItem: {
-        ({ info, value, color, children, classNames, className, ...rest }: BreakdownSubtotalItemProps): React.JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        ({ className, ...rest }: BreakdownSeparatorProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export {};

package/build/components/Breakdown.js

@@ -1,89 +0,0 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import r from "clsx";
-import { isNumber as f } from "lodash-es";
-import { useMemo as S, createContext as v, useContext as h } from "react";
-import { Currency as b } from "./Utilities/Currency.js";
-const w = {
-  default: "text-gray-darker",
-  black: "text-black",
-  primary: "text-primary",
-  secondary: "text-secondary",
-  warning: "text-warning",
-  success: "text-success",
-  danger: "text-danger",
-  caution: "text-caution"
-}, u = v(void 0), B = ({ currency: a, locale: t, children: s, className: l, ...c }) => {
-  const i = S(() => ({ currency: a, locale: t }), [a, t]);
-  return /* @__PURE__ */ e(u.Provider, { value: i, children: /* @__PURE__ */ e("table", { className: r("ui-breakdown", "w-full", l), ...c, children: /* @__PURE__ */ e("tbody", { children: s }) }) });
-}, k = ({
-  info: a,
-  methodIcon: t,
-  secondary: s,
-  value: l,
-  color: c = "default",
-  children: i,
-  classNames: d = {},
-  className: o,
-  ...p
-}) => {
-  const n = h(u), N = n == null ? void 0 : n.currency, g = n == null ? void 0 : n.locale;
-  return /* @__PURE__ */ m("tr", { className: r("ui-breakdown-item", w[c], o), ...p, children: [
-    /* @__PURE__ */ m("td", { colSpan: 2, className: r("break-words text-left leading-none", d.key), children: [
-      /* @__PURE__ */ e("span", { className: "mr-0.5", children: t }),
-      /* @__PURE__ */ e("span", { className: r("mr-1 break-normal md:break-all", d.children), children: i ?? "" }),
-      /* @__PURE__ */ m("span", { className: r("text-sm", d.info), children: [
-        a && /* @__PURE__ */ e("span", { className: "mr-2 rounded bg-white p-1 uppercase text-black empty:hidden", children: a }),
-        s && /* @__PURE__ */ e("span", { className: "empty:hidden", children: s })
-      ] })
-    ] }),
-    /* @__PURE__ */ e("td", { className: r("w-[1%] whitespace-nowrap pl-4 text-right", d.value), children: f(l) ? /* @__PURE__ */ e(
-      b,
-      {
-        shouldRemoveTrailingZeroes: !1,
-        currency: N,
-        locale: g,
-        compact: void 0,
-        isNarrowSymbolForm: void 0,
-        children: l
-      }
-    ) : /* @__PURE__ */ e("span", { children: l }) })
-  ] });
-};
-k.displayName = "Breakdown.Item";
-const y = ({
-  info: a,
-  value: t,
-  color: s = "black",
-  children: l,
-  classNames: c = {},
-  className: i,
-  ...d
-}) => {
-  const o = h(u), p = o == null ? void 0 : o.currency, n = o == null ? void 0 : o.locale;
-  return /* @__PURE__ */ m("tr", { className: r("ui-breakdown-subtotal-item", "font-bold", w[s], i), ...d, children: [
-    /* @__PURE__ */ e("td", { className: r("pb-4 pt-1 text-left", c.children), children: l }),
-    /* @__PURE__ */ e("td", { className: r("whitespace-nowrap pb-4 pt-1 text-right", c.info), children: a }),
-    /* @__PURE__ */ e("td", { className: r("w-[1%] whitespace-nowrap pb-4 pl-4 pt-1 text-right", c.value), children: /* @__PURE__ */ e(
-      b,
-      {
-        shouldRemoveTrailingZeroes: !1,
-        currency: p,
-        locale: n,
-        compact: void 0,
-        isNarrowSymbolForm: void 0,
-        children: t ?? 0
-      }
-    ) })
-  ] });
-};
-y.displayName = "Breakdown.SubtotalItem";
-const x = ({ className: a, ...t }) => /* @__PURE__ */ e("tr", { className: r("ui-breakdown-separator", a), ...t, children: /* @__PURE__ */ e("td", { colSpan: 3, className: "border-b border-gray-light pb-1" }) });
-x.displayName = "Breakdown.Separator";
-const T = Object.assign(B, {
-  Item: k,
-  SubtotalItem: y,
-  Separator: x
-});
-export {
-  T as Breakdown
-};

package/build/components/Buttons/Button.d.ts

@@ -1,53 +0,0 @@
-import { default as React, ElementType } from 'react';
-export declare const colors: {
-    readonly standard: {
-        readonly common: "border-transparent text-white";
-        readonly primary: "bg-primary hover:bg-primary-darker disabled:bg-primary active:bg-primary";
-        readonly secondary: "bg-secondary text-white hover:bg-secondary-dark disabled:bg-secondary border-transparent active:bg-secondary";
-        readonly success: "bg-success hover:bg-success-dark disabled:bg-success active:bg-success";
-        readonly warning: "bg-warning hover:bg-warning-dark disabled:bg-warning active:bg-warning";
-        readonly caution: "bg-caution hover:bg-caution-dark disabled:bg-caution active:bg-caution";
-        readonly danger: "bg-danger hover:bg-danger-dark disabled:bg-danger active:bg-danger";
-    };
-    readonly outline: {
-        readonly common: "bg-white border hover:bg-white active:text-white";
-        readonly default: "border-gray-light hover:border-gray-dark active:bg-primary-lighter active:text-black active:border-primary";
-        readonly primary: "text-primary border-primary hover:text-primary-dark hover:border-primary-dark active:bg-primary-light";
-        readonly secondary: "border-gray-light hover:border-gray-dark active:bg-primary-lighter active:text-black active:border-primary";
-        readonly success: "text-success border-success hover:text-success-dark hover:border-success-dark active:bg-success-light";
-        readonly warning: "text-warning border-warning hover:text-warning-dark hover:border-warning-dark active:bg-warning-light";
-        readonly caution: "text-caution border-caution hover:text-caution-dark hover:border-caution-dark active:bg-caution-light";
-        readonly danger: "text-danger border-danger hover:text-danger-dark hover:border-danger-dark active:bg-danger-light";
-    };
-    readonly link: {
-        readonly common: "border-transparent hover:underline";
-        readonly primary: "text-primary";
-        readonly secondary: "text-secondary";
-        readonly success: "text-success";
-        readonly warning: "text-warning";
-        readonly caution: "text-caution";
-        readonly danger: "text-danger";
-    };
-};
-declare const sizes: {
-    readonly tiny: "px-2 py-0.5 text-xs leading-xs";
-    readonly small: "px-3 py-2 h-7.5 text-sm leading-sm";
-    readonly medium: "px-4.5 py-3 h-10 text-base leading-base";
-    readonly large: "px-6 py-4 h-[50px] text-md leading-md";
-};
-type ButtonVariant = keyof typeof colors;
-type ButtonColor = keyof typeof colors.outline;
-type ButtonSize = keyof typeof sizes;
-type IconPlacement = "left" | "right";
-export interface ButtonProps<T extends ElementType = "button"> {
-    as?: T;
-    variant?: ButtonVariant;
-    color?: ButtonColor;
-    size?: ButtonSize;
-    icon?: React.ReactElement;
-    iconPlacement?: IconPlacement;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Button: <T extends ElementType = "button">({ as, variant, color, size, icon, iconPlacement, children, className, ...rest }: ButtonProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ButtonProps<T>>) => React.JSX.Element;
-export {};

package/build/components/Buttons/Button.js

@@ -1,83 +0,0 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import h from "clsx";
-const m = {
-  standard: {
-    common: "border-transparent text-white",
-    // Common classes for each style
-    primary: "bg-primary hover:bg-primary-darker disabled:bg-primary active:bg-primary",
-    secondary: "bg-secondary text-white hover:bg-secondary-dark disabled:bg-secondary border-transparent active:bg-secondary",
-    success: "bg-success hover:bg-success-dark disabled:bg-success active:bg-success",
-    warning: "bg-warning hover:bg-warning-dark disabled:bg-warning active:bg-warning",
-    caution: "bg-caution hover:bg-caution-dark disabled:bg-caution active:bg-caution",
-    danger: "bg-danger hover:bg-danger-dark disabled:bg-danger active:bg-danger"
-  },
-  outline: {
-    common: "bg-white border hover:bg-white active:text-white",
-    // Common classes for each style
-    default: "border-gray-light hover:border-gray-dark active:bg-primary-lighter active:text-black active:border-primary",
-    primary: "text-primary border-primary hover:text-primary-dark hover:border-primary-dark active:bg-primary-light",
-    secondary: "border-gray-light hover:border-gray-dark active:bg-primary-lighter active:text-black active:border-primary",
-    success: "text-success border-success hover:text-success-dark hover:border-success-dark active:bg-success-light",
-    warning: "text-warning border-warning hover:text-warning-dark hover:border-warning-dark active:bg-warning-light",
-    caution: "text-caution border-caution hover:text-caution-dark hover:border-caution-dark active:bg-caution-light",
-    danger: "text-danger border-danger hover:text-danger-dark hover:border-danger-dark active:bg-danger-light"
-  },
-  link: {
-    common: "border-transparent hover:underline",
-    primary: "text-primary",
-    secondary: "text-secondary",
-    success: "text-success",
-    warning: "text-warning",
-    caution: "text-caution",
-    danger: "text-danger"
-  }
-}, y = {
-  tiny: "px-2 py-0.5 text-xs leading-xs",
-  // 20px
-  small: "px-3 py-2 h-7.5 text-sm leading-sm",
-  // 30px
-  medium: "px-4.5 py-3 h-10 text-base leading-base",
-  // 40px
-  large: "px-6 py-4 h-[50px] text-md leading-md"
-  // 50px
-}, x = ({
-  as: s,
-  variant: o = "standard",
-  color: a = "primary",
-  size: d = "medium",
-  icon: r,
-  iconPlacement: t = "left",
-  children: i,
-  className: c,
-  ...g
-}) => {
-  const b = s ?? "button";
-  process.env.NODE_ENV !== "production" && r && !i && console.error(
-    "UI Kit: You are using an icon without specifying children. If you want to use an icon only specify it as a child instead of prop"
-  );
-  const e = m[o], l = a in e ? e[a] : e.primary;
-  return /* @__PURE__ */ u(
-    b,
-    {
-      className: h(
-        "ui-button",
-        "inline-flex rounded border transition-colors focus:ring disabled:cursor-default disabled:bg-gray-lighter disabled:text-gray-dark",
-        "items-center justify-center font-semibold",
-        e.common,
-        l,
-        y[d],
-        c
-      ),
-      ...g,
-      children: [
-        r && t === "left" ? /* @__PURE__ */ n("span", { className: "mr-2 flex-shrink-0", children: r }) : null,
-        i,
-        r && t === "right" ? /* @__PURE__ */ n("span", { className: "ml-2 flex-shrink-0", children: r }) : null
-      ]
-    }
-  );
-};
-export {
-  x as Button,
-  m as colors
-};

package/build/components/Buttons/ButtonGroup.d.ts

@@ -1,35 +0,0 @@
-import { default as React, ElementType } from 'react';
-declare const sizes: {
-    readonly small: "px-2 py-1.5 text-sm";
-    readonly medium: "py-3 px-2.5 text-base";
-    readonly large: "px-4 py-3.5 text-lg";
-};
-type ButtonGroupSize = keyof typeof sizes;
-type IconPlacement = "left" | "right";
-export interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onChange"> {
-    size: ButtonGroupSize;
-    value: number;
-    isCollapsed?: boolean;
-    children: React.ReactNode;
-    className?: string;
-    onChange: (index: number) => void;
-}
-export interface ButtonGroupButtonProps {
-    as?: ElementType;
-    isActive?: boolean;
-    shouldShowText?: boolean;
-    isHidden?: boolean;
-    size?: ButtonGroupSize;
-    icon?: React.ReactElement;
-    iconPlacement?: IconPlacement;
-    children: React.ReactNode;
-    className?: string;
-    onClick?: () => void;
-}
-export declare const ButtonGroup: (({ size, value, isCollapsed, children, className, onChange, ...rest }: ButtonGroupProps) => React.JSX.Element) & {
-    Button: {
-        ({ as, isActive, shouldShowText, isHidden, size, icon, iconPlacement, children, className, ...rest }: ButtonGroupButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonGroupButtonProps>): React.JSX.Element;
-        displayName: string;
-    };
-};
-export {};

package/build/components/Buttons/ButtonGroup.js

@@ -1,55 +0,0 @@
-import { jsx as d, jsxs as g } from "react/jsx-runtime";
-import m from "clsx";
-import x, { Children as h, cloneElement as y } from "react";
-const B = {
-  small: "px-2 py-1.5 text-sm",
-  medium: "py-3 px-2.5 text-base",
-  large: "px-4 py-3.5 text-lg"
-}, k = ({
-  size: i,
-  value: e,
-  isCollapsed: a = !1,
-  children: p,
-  className: u,
-  onChange: t,
-  ...n
-}) => /* @__PURE__ */ d("span", { className: m("ui-button-group", "inline-flex whitespace-nowrap", u), ...n, children: h.map(p, (r, o) => {
-  if (!x.isValidElement(r) || r.props.isHidden)
-    return null;
-  const s = { size: i };
-  return e !== void 0 && (s.isActive = e === o), a && e >= 0 && e !== o && (s.shouldShowText = !1), t && (s.onClick = () => t(o)), y(r, s);
-}) }), c = ({
-  as: i,
-  isActive: e,
-  shouldShowText: a = !0,
-  /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
-  isHidden: p = !1,
-  size: u = "medium",
-  icon: t,
-  iconPlacement: n = "left",
-  children: r,
-  className: o,
-  ...s
-}) => {
-  const f = i ?? "button", l = { ...s };
-  delete l.isActive, delete l.shouldShowText, delete l.isHidden;
-  const b = m(
-    "ui-button-group-button",
-    "inline-flex border-t border-l border-b last:border-r first:rounded-l-md last:rounded-r-md transition-colors focus:ring disabled:opacity-60 focus:z-10 leading-none",
-    B[u],
-    e ? "bg-primary border-primary text-white hover:bg-primary-dark" : "border-gray-light hover:bg-gray-lighter text-gray-darker",
-    o
-  );
-  return /* @__PURE__ */ g(f, { className: b, ...l, children: [
-    t && n === "left" ? /* @__PURE__ */ d("span", { className: "mr-2 flex-shrink-0", children: t }) : null,
-    a ? r : t ? null : r,
-    t && n === "right" ? /* @__PURE__ */ d("span", { className: "ml-2 flex-shrink-0", children: t }) : null
-  ] });
-};
-c.displayName = "ButtonGroup.Button";
-const j = Object.assign(k, {
-  Button: c
-});
-export {
-  j as ButtonGroup
-};

package/build/components/Buttons/SubmitButton.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { colors, ButtonProps } from './Button';
-type ButtonVariant = keyof typeof colors;
-export interface SubmitButtonProps extends Omit<ButtonProps, "icon" | "iconPlacement">, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonProps> {
-    isLoading?: boolean;
-    isSuccess?: boolean;
-    disabled?: boolean;
-    variant?: ButtonVariant;
-}
-export declare const SubmitButton: ({ color, variant, isLoading, isSuccess, disabled, children, className, ...rest }: SubmitButtonProps) => React.JSX.Element;
-export {};

package/build/components/Buttons/SubmitButton.js

@@ -1,83 +0,0 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { Transition as g } from "@headlessui/react";
-import o from "clsx";
-import { useState as y, useEffect as b } from "react";
-import { Spinner as d } from "../Spinner.js";
-import { Button as x } from "./Button.js";
-import { CheckIcon as w } from "../../icons/src/CheckIcon.js";
-const N = {
-  primary: "!bg-primary-light",
-  secondary: "!bg-secondary-light",
-  success: "!bg-success-light",
-  warning: "!bg-warning-light",
-  caution: "!bg-caution-light",
-  danger: "!bg-danger-light"
-}, C = ({
-  color: i = "primary",
-  variant: n = "standard",
-  isLoading: e,
-  isSuccess: c,
-  disabled: m = !1,
-  children: p,
-  className: u,
-  ...f
-}) => {
-  const [r, a] = y(!1);
-  b(() => {
-    if (c && !e) {
-      a(!0);
-      const h = setTimeout(() => a(!1), 3e3);
-      return () => clearTimeout(h);
-    }
-    e && r && a(!1);
-  }, [c, e]);
-  const t = !!e || r;
-  return /* @__PURE__ */ l(
-    x,
-    {
-      color: i,
-      variant: n,
-      disabled: t || m,
-      className: o(u, "relative", t && N[i]),
-      ...f,
-      children: [
-        /* @__PURE__ */ s(
-          "span",
-          {
-            className: o(
-              "absolute inset-0 flex items-center justify-center",
-              t ? "opacity-100" : "opacity-0"
-            ),
-            children: t && /* @__PURE__ */ l(
-              g,
-              {
-                appear: !0,
-                as: "span",
-                show: t,
-                enter: "transition-all duration-700",
-                enterFrom: "opacity-0",
-                enterTo: "opacity-100",
-                children: [
-                  r && /* @__PURE__ */ s(
-                    w,
-                    {
-                      size: "medium",
-                      className: o("relative -top-0.25 text-white", {
-                        "text-black": n === "outline"
-                      })
-                    }
-                  ),
-                  e && !r && /* @__PURE__ */ s(d, { size: "current", color: "current", className: "relative -top-0.25 text-white" })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ s("span", { className: o(t ? "flex-shrink flex-grow opacity-0" : "opacity-100"), children: p })
-      ]
-    }
-  );
-};
-export {
-  C as SubmitButton
-};

package/build/components/Buttons/ToggleButton.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps } from './Button';
-declare const colors: {
-    readonly outline: {
-        readonly primary: "bg-primary-lighter border border-primary hover:bg-primary-light hover:border-primary-dark";
-        readonly secondary: "bg-secondary-light border border-secondary-light hover:bg-secondary-light hover:border-secondary";
-        readonly success: "bg-success-lightish border border-success hover:bg-success-light hover:border-success-dark";
-        readonly warning: "bg-warning-lightish border border-warning hover:bg-warning-light hover:border-warning-dark";
-        readonly caution: "bg-caution-lightish border border-caution hover:bg-caution-light hover:border-caution-dark";
-        readonly danger: "bg-danger-lightish border border-danger hover:bg-danger-light hover:border-danger-dark";
-    };
-};
-type ToggleVariant = keyof typeof colors;
-type ToggleColor = keyof typeof colors.outline;
-export interface ToggleButtonProps extends Omit<ButtonProps, "variant" | "color"> {
-    color?: ToggleColor;
-    variant?: ToggleVariant;
-    isActive: boolean;
-}
-export declare const ToggleButton: ({ color, variant, isActive, className, ...rest }: ToggleButtonProps) => React.JSX.Element;
-export {};