@xola/ui-kit 3.4.6 → 3.6.0

package/build/components/Forms/ComboBox.js

@@ -1,41 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "clsx";
-import { useRef as c, useState as s, useEffect as m } from "react";
-import u, { components as f } from "react-select";
-import d from "react-select/creatable";
-import { Tooltip as b } from "../Tooltip.js";
-/* empty css             */
-const R = ({ isCreatable: e = !1, isError: t, className: l, ...n }) => /* @__PURE__ */ o(
-  e ? d : u,
-  {
-    className: i("ui-combo-box", t && "border-danger", l),
-    classNamePrefix: "ui-combo-box",
-    components: e ? {
-      IndicatorsContainer: () => null,
-      Menu: () => null,
-      MultiValueLabel: x
-    } : void 0,
-    ...n
-  }
-), { MultiValueLabel: p } = f, x = (e) => {
-  const t = c(null), [l, n] = s(!0);
-  return m(() => {
-    var r;
-    if ((r = t.current) != null && r.offsetParent) {
-      const a = t.current.offsetWidth > t.current.offsetParent.clientWidth;
-      n(!a);
-    }
-  }, [e.data.label]), /* @__PURE__ */ o(p, { ...e, children: /* @__PURE__ */ o(
-    b,
-    {
-      disabled: l,
-      maxWidth: "none",
-      content: /* @__PURE__ */ o("span", { children: e.data.label }),
-      className: "",
-      children: /* @__PURE__ */ o("span", { ref: t, children: e.data.label })
-    }
-  ) });
-};
-export {
-  R as ComboBox
-};

package/build/components/Forms/FormGroup.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
-}
-export declare const FormGroup: ({ className, ...rest }: FormGroupProps) => React.JSX.Element;

package/build/components/Forms/FormGroup.js

@@ -1,6 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import p from "clsx";
-const i = ({ className: r, ...o }) => /* @__PURE__ */ m("div", { className: p("ui-form-group", r, "mb-4"), ...o });
-export {
-  i as FormGroup
-};

package/build/components/Forms/InlineValuePopover.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-export interface InlineValuePopoverProps {
-    text?: React.ReactNode;
-    isOpen?: boolean;
-    showArrow?: boolean;
-    autoSelectOnClick?: boolean;
-    children?: React.ReactNode;
-    error?: React.ReactNode | null;
-    classNames?: {
-        text?: string;
-        textField?: string;
-        children?: string;
-    };
-    onClick?: (e: React.MouseEvent) => void;
-    onClickOutside?: () => void;
-}
-export declare const InlineValuePopover: ({ text, isOpen, showArrow, autoSelectOnClick, children, error, classNames, onClick, onClickOutside, ...rest }: InlineValuePopoverProps) => React.JSX.Element;

package/build/components/Forms/InlineValuePopover.js

@@ -1,47 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import i from "clsx";
-import { useRef as P } from "react";
-import { Popover as l } from "../Popover/Popover.js";
-import { ValuePopoverText as g } from "./ValuePopoverText.js";
-import { DownArrowIcon as j } from "../../icons/src/DownArrowIcon.js";
-const D = ({
-  text: f,
-  isOpen: x = !1,
-  showArrow: b = !0,
-  autoSelectOnClick: c = !1,
-  children: h,
-  error: p = null,
-  classNames: r,
-  onClick: o,
-  onClickOutside: v,
-  ...m
-}) => {
-  const t = P(null), w = (I) => {
-    setTimeout(() => {
-      var u;
-      const n = (u = t == null ? void 0 : t.current) == null ? void 0 : u.querySelector("select,textarea,input");
-      n && (n.focus(), c && n.select());
-    }, 0), o == null || o(I);
-  };
-  return /* @__PURE__ */ d(l, { visible: x, className: "", onClickOutside: v, ...m, children: [
-    /* @__PURE__ */ d(
-      "span",
-      {
-        className: i(
-          "cursor-pointer whitespace-nowrap",
-          p && "!border-danger !text-danger",
-          r == null ? void 0 : r.text
-        ),
-        onClick: w,
-        children: [
-          /* @__PURE__ */ e("span", { className: i("border-b border-b-black font-bold text-black", r == null ? void 0 : r.textField), children: /* @__PURE__ */ e(g, { value: f, error: p }) }),
-          b && /* @__PURE__ */ e(j, { size: "medium" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(l.Content, { children: /* @__PURE__ */ e("div", { ref: t, className: i("p-2", r == null ? void 0 : r.children), children: h }) })
-  ] });
-};
-export {
-  D as InlineValuePopover
-};

package/build/components/Forms/Input.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { BaseInputProps } from './BaseInput';
-export interface InputProps extends BaseInputProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof BaseInputProps> {
-    type?: string;
-}
-export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/components/Forms/Input.js

@@ -1,9 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import s from "clsx";
-import { forwardRef as a } from "react";
-import { BaseInput as e } from "./BaseInput.js";
-const n = a(({ className: t, type: r = "text", value: o, ...p }, m) => /* @__PURE__ */ i(e, { ref: m, as: "input", className: s("ui-input", t), type: r, value: o, ...p }));
-n.displayName = "Input";
-export {
-  n as Input
-};

package/build/components/Forms/Label.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    isDisabled?: boolean;
-    isError?: boolean;
-    className?: string;
-}
-export declare const Label: ({ isDisabled, isError, className, ...rest }: LabelProps) => React.JSX.Element;

package/build/components/Forms/Label.js

@@ -1,17 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "clsx";
-const m = ({ isDisabled: t = !1, isError: e = !1, className: l, ...a }) => /* @__PURE__ */ o(
-  "label",
-  {
-    className: r(
-      "ui-label",
-      l,
-      "mb-1 block text-sm font-bold",
-      e ? "text-danger" : t ? "text-gray" : "text-black"
-    ),
-    ...a
-  }
-);
-export {
-  m as Label
-};

package/build/components/Forms/RangeSlider.d.ts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-interface TooltipFormatter {
-    from: (value: number) => number;
-    to: (value: number) => string;
-}
-export interface RangeSliderProps {
-    values: number[];
-    min: number;
-    max: number;
-    isDisabled?: boolean;
-    shouldConnectHandles?: boolean;
-    step?: number;
-    isTooltipEnabled?: boolean;
-    tooltipCustomFormatter?: TooltipFormatter[] | null;
-    tooltipSuffix?: string;
-    className?: string;
-    onChange?: (values: number[], handle: number) => void;
-}
-/**
- * @param {string?}     props.className                 Class name to apply to the Range slider input.
- * @param {number[]}    props.values                    Initial values to be display on the slider input.
- * @param {number}      props.min                       Slider Minimum value.
- * @param {number}      props.max                       Slider Maximum value.
- * @param {boolean?}    props.isDisabled                To disabled the range slider.
- * @param {boolean?}    props.shouldConnectHandles      To Display colored bars between handles.
- * @param {number?}     props.step                      Increament / decrement slider input by this Step count.
- * @param {boolean?}    props.isTooltipEnabled          Show tooltip on slider.
- * @param {object[]?}   props.tooltipCustomFormatter    Custom tooltip formatter.
- * @param {string?}     props.tooltipSuffix             Suffix to be added to the tooltip.
- * @param {Function?}   props.onChange                  Debounced callback when range slider is changed.
- */
-export declare const RangeSlider: ({ values, min, max, isDisabled, shouldConnectHandles, step, isTooltipEnabled, tooltipCustomFormatter, tooltipSuffix, className, onChange, }: RangeSliderProps) => React.JSX.Element;
-export {};

package/build/components/Forms/RangeSlider.js

@@ -1,39 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import u from "clsx";
-import g from "nouislider-react";
-/* empty css                                                      */
-/* empty css                */
-const j = ({
-  values: t,
-  min: o,
-  max: e,
-  isDisabled: i = !1,
-  shouldConnectHandles: s = !1,
-  step: a = 1,
-  isTooltipEnabled: l = !0,
-  tooltipCustomFormatter: m = null,
-  tooltipSuffix: n,
-  className: p,
-  onChange: f
-}) => {
-  const c = m ?? t.map(() => ({
-    from: (r) => r,
-    to: (r) => `${Math.round(r)}${n ?? ""}`
-  }));
-  return /* @__PURE__ */ d(
-    g,
-    {
-      className: u("ui-range-slider", p),
-      connect: s,
-      disabled: i,
-      start: t,
-      range: { min: o, max: e },
-      step: a,
-      tooltips: l ? c : !1,
-      onChange: f
-    }
-  );
-};
-export {
-  j as RangeSlider
-};

package/build/components/Forms/Select.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { BaseInputProps } from './BaseInput';
-export interface SelectProps extends BaseInputProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, keyof BaseInputProps> {
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/components/Forms/Select.js

@@ -1,8 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { BaseInput as m } from "./BaseInput.js";
-const p = o((e, r) => /* @__PURE__ */ t(m, { ref: r, as: "select", ...e }));
-p.displayName = "Select";
-export {
-  p as Select
-};

package/build/components/Forms/Switch.d.ts

@@ -1,46 +0,0 @@
-import { default as React } from 'react';
-declare const sizes: {
-    readonly large: {
-        readonly parent: "h-6 w-11";
-        readonly inner: "h-5 w-5";
-        readonly translate: "translate-x-5";
-    };
-    readonly medium: {
-        readonly parent: "h-5 w-8";
-        readonly inner: "h-4 w-4";
-        readonly translate: "translate-x-3";
-    };
-    readonly small: {
-        readonly parent: "h-3 w-5";
-        readonly inner: "h-2 w-2";
-        readonly translate: "translate-x-2";
-    };
-};
-type SwitchSize = keyof typeof sizes;
-export interface SwitchProps {
-    isChecked?: boolean;
-    size?: SwitchSize;
-    disabled?: boolean;
-    className?: string;
-    onChange?: (checked: boolean) => void;
-}
-export interface SwitchGroupProps {
-    className?: string;
-    children: React.ReactNode;
-}
-export interface SwitchLabelProps {
-    direction?: "left" | "right";
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const Switch: (({ isChecked, size, disabled, className, onChange }: SwitchProps) => React.JSX.Element) & {
-    Group: {
-        ({ children, className }: SwitchGroupProps): React.JSX.Element;
-        displayName: string;
-    };
-    Label: {
-        ({ direction, children, className }: SwitchLabelProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export {};

package/build/components/Forms/Switch.js

@@ -1,62 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Switch as s } from "@headlessui/react";
-import n from "clsx";
-import { noop as m } from "lodash-es";
-const i = {
-  large: {
-    parent: "h-6 w-11",
-    inner: "h-5 w-5",
-    translate: "translate-x-5"
-  },
-  medium: {
-    parent: "h-5 w-8",
-    inner: "h-4 w-4",
-    translate: "translate-x-3"
-  },
-  small: {
-    parent: "h-3 w-5",
-    inner: "h-2 w-2",
-    translate: "translate-x-2"
-  }
-}, p = ({ isChecked: r = !1, size: t = "medium", disabled: a, className: c, onChange: u }) => /* @__PURE__ */ e(
-  s,
-  {
-    checked: r,
-    disabled: a,
-    className: n(
-      "ui-switch",
-      r ? "bg-primary disabled:bg-gray-light" : "bg-gray disabled:bg-gray-light",
-      "relative inline-flex flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none",
-      i[t].parent,
-      c
-    ),
-    onChange: u ?? m,
-    children: /* @__PURE__ */ e(
-      "span",
-      {
-        className: n(
-          r ? i[t].translate : "translate-x-0",
-          "ui-switch-inner pointer-events-none inline-block transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out",
-          i[t].inner
-        )
-      }
-    )
-  }
-), o = ({ children: r, className: t }) => /* @__PURE__ */ e(s.Group, { as: "div", className: n("ui-switch-group", "inline-flex items-center", t), children: r });
-o.displayName = "Switch.Group";
-const l = ({ direction: r = "left", children: t, className: a }) => /* @__PURE__ */ e(
-  s.Label,
-  {
-    as: "span",
-    className: n("ui-switch-label", "cursor-pointer", r === "left" ? "mr-2" : "ml-2", a),
-    children: t
-  }
-);
-l.displayName = "Switch.Label";
-const g = Object.assign(p, {
-  Group: o,
-  Label: l
-});
-export {
-  g as Switch
-};

package/build/components/Forms/Textarea.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { BaseInputProps } from './BaseInput';
-export interface TextareaProps extends BaseInputProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof BaseInputProps> {
-    shouldAutoSize?: boolean;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/components/Forms/Textarea.js

@@ -1,35 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import i from "clsx";
-import { forwardRef as p } from "react";
-import f from "react-textarea-autosize";
-import { BaseInput as s } from "./BaseInput.js";
-const n = p(
-  ({ className: a, value: r, shouldAutoSize: x = !1, rows: t = 2, ...e }, o) => x ? (
-    // TextareaAutosize has a few special props like minRows and maxRows instead of rows field so using rows field to feed the minRows prop. See full list here https://github.com/Andarist/react-textarea-autosize?tab=readme-ov-file#props
-    /* @__PURE__ */ m(
-      s,
-      {
-        ref: o,
-        as: f,
-        value: r,
-        minRows: t,
-        className: i("ui-textarea", a),
-        ...e
-      }
-    )
-  ) : /* @__PURE__ */ m(
-    s,
-    {
-      ref: o,
-      as: "textarea",
-      value: r,
-      rows: t,
-      className: i("ui-textarea", a),
-      ...e
-    }
-  )
-);
-n.displayName = "Textarea";
-export {
-  n as Textarea
-};

package/build/components/Forms/ValuePopoverText.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export interface ValuePopoverTextProps {
-    value?: React.ReactNode;
-    error?: React.ReactNode | null;
-}
-export declare const ValuePopoverText: ({ value, error }: ValuePopoverTextProps) => React.JSX.Element;

package/build/components/Forms/ValuePopoverText.js

@@ -1,10 +0,0 @@
-import { jsxs as e, jsx as n } from "react/jsx-runtime";
-import { Tooltip as t } from "../Tooltip.js";
-import { WarningDiamondIcon as a } from "../../icons/src/WarningDiamondIcon.js";
-const l = ({ value: r, error: o }) => /* @__PURE__ */ e("span", { children: [
-  o ? /* @__PURE__ */ n(t, { content: o, className: "", children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(a, { className: "mr-1 text-danger" }) }) }) : null,
-  r
-] });
-export {
-  l as ValuePopoverText
-};

package/build/components/GooglePlacesAutocomplete.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-export interface GooglePlaceSuggestion {
-    place_id: string;
-    description?: string;
-    name?: string;
-    formatted_address?: string;
-    types?: string[];
-}
-export interface GooglePlacesAutocompleteProps {
-    initialValue?: string;
-    onSelect?: (suggestion: GooglePlaceSuggestion) => void;
-    apiBaseUrl: string;
-}
-export declare const GooglePlacesAutocomplete: ({ initialValue, onSelect, apiBaseUrl, }: GooglePlacesAutocompleteProps) => React.JSX.Element;

package/build/components/HeaderToolbar.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-export interface HeaderToolbarProps {
-    classNames?: string;
-    children: React.ReactNode;
-}
-export declare const HeaderToolbar: {
-    ({ classNames, children }: HeaderToolbarProps): React.JSX.Element;
-    Breadcrumb: {
-        ({ children, className }: HeaderToolbarBreadcrumbProps): React.JSX.Element;
-        displayName: string;
-    };
-    Search: {
-        (props: any): React.JSX.Element;
-        displayName: string;
-    };
-};
-interface HeaderToolbarBreadcrumbProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export type { HeaderToolbarBreadcrumbProps };

package/build/components/HeaderToolbar.js

@@ -1,33 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import o from "clsx";
-import { Search as c } from "./Search.js";
-import { Breadcrumb as d } from "./Breadcrumb.js";
-const l = ({ classNames: r, children: e }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: o(
-      "ui-header-toolbar",
-      "flex w-full items-center space-x-2 border-b border-gray-light px-5 py-3 pr-3 xl:space-x-6 xl:px-10 xl:py-5",
-      r
-    ),
-    children: e
-  }
-), m = ({ children: r, className: e }) => /* @__PURE__ */ a(
-  d,
-  {
-    className: o(
-      "ui-header-toolbar-breadcrumb",
-      "border-r border-gray-light text-xl md:pr-4 xl:pr-6",
-      e
-    ),
-    children: r
-  }
-);
-m.displayName = "HeaderToolbar.Breadcrumb";
-const t = (r) => /* @__PURE__ */ a(c, { className: "ui-header-toolbar-search w-full flex-grow pr-1", ...r });
-t.displayName = "HeaderToolbar.Search";
-l.Breadcrumb = m;
-l.Search = t;
-export {
-  l as HeaderToolbar
-};

package/build/components/ImageUpload.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-type LogoSize = "small" | "medium" | "large";
-export interface ImageUploadProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "onError"> {
-    src?: string;
-    size?: LogoSize;
-    isLoading?: boolean;
-    maxSize?: number;
-    hasDelete?: boolean;
-    requirements?: React.ReactNode | string | null;
-    caption?: string | null;
-    csvAcceptFormats?: string;
-    onChange: (file: File) => void;
-    onDelete: () => void;
-    onError: (message: string) => void;
-}
-export declare const ImageUpload: ({ src, size, isLoading, maxSize, hasDelete, requirements, caption, csvAcceptFormats, onChange, onDelete, onError, ...props }: ImageUploadProps) => React.JSX.Element;
-export {};

package/build/components/ImageUpload.js

@@ -1,86 +0,0 @@
-import { jsxs as c, jsx as e, Fragment as B } from "react/jsx-runtime";
-import g from "clsx";
-import { useRef as R, useState as U } from "react";
-import { Button as w } from "./Buttons/Button.js";
-import { SubmitButton as u } from "./Buttons/SubmitButton.js";
-import { Logo as x } from "./Logo.js";
-import { ImageIcon as G } from "../icons/src/ImageIcon.js";
-import { TrashIcon as K } from "../icons/src/TrashIcon.js";
-const H = ({
-  src: a,
-  size: s = "large",
-  isLoading: l = !1,
-  maxSize: o = 5,
-  hasDelete: d = !0,
-  requirements: t = null,
-  caption: r = null,
-  csvAcceptFormats: y = "image/png,image/jpeg",
-  onChange: N,
-  onDelete: v,
-  onError: C,
-  ...b
-}) => {
-  const h = R(null), [m, k] = U(0), p = () => {
-    var n;
-    (n = h.current) == null || n.click();
-  }, I = (n) => {
-    const [i] = n.target.files ?? [];
-    if (i) {
-      if (o && 1048576 * o < i.size) {
-        C(`Image size shouldn't exceed ${o}MB`);
-        return;
-      }
-      N(i);
-    }
-  }, P = () => {
-    k(m + 1), v();
-  }, j = typeof t == "string" ? (t == null ? void 0 : t.trim().length) > 0 : !!t, f = r ? r.trim().length > 0 : !1;
-  return /* @__PURE__ */ c("div", { className: g("flex items-center rounded bg-gray-lighter p-4", d ? "space-x-2" : "space-x-3"), children: [
-    /* @__PURE__ */ e("div", { children: a ? /* @__PURE__ */ e(x, { src: a, size: s }) : /* @__PURE__ */ e(
-      "div",
-      {
-        className: g(
-          x.sizes[s],
-          "flex items-center justify-center rounded border border-gray-light"
-        ),
-        children: /* @__PURE__ */ e(G, { size: "large", className: "text-gray" })
-      }
-    ) }),
-    /* @__PURE__ */ c("div", { className: "flex flex-col space-y-2", children: [
-      /* @__PURE__ */ e("div", { className: "space-x-2", children: d ? /* @__PURE__ */ c(B, { children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            variant: "outline",
-            color: "secondary",
-            icon: /* @__PURE__ */ e(K, {}),
-            disabled: l,
-            onClick: P,
-            children: "Delete"
-          }
-        ),
-        /* @__PURE__ */ e(u, { disabled: l, isLoading: l, onClick: p, children: f ? r.trim() : "Upload New Photo" })
-      ] }) : /* @__PURE__ */ e(u, { disabled: l, isLoading: l, onClick: p, children: f ? r.trim() : a ? "Replace Photo" : "Upload New Photo" }) }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          ref: h,
-          className: "hidden",
-          type: "file",
-          multiple: !1,
-          accept: y,
-          onChange: I,
-          ...b
-        },
-        m
-      ),
-      /* @__PURE__ */ e("div", { className: "text-xs text-gray-darker", children: j ? t : /* @__PURE__ */ c("div", { children: [
-        "Check that the image is in PNG or JPG format",
-        o ? ` and does not exceed ${o}MB` : ""
-      ] }) })
-    ] })
-  ] });
-};
-export {
-  H as ImageUpload
-};

package/build/components/Key.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export interface KeyProps extends React.HTMLAttributes<HTMLDivElement> {
-    char: string;
-    className?: string;
-}
-export declare const Key: ({ char, className, ...rest }: KeyProps) => React.JSX.Element;

package/build/components/Key.js

@@ -1,28 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "clsx";
-import { isOSX as t } from "../helpers/browser.js";
-const s = {
-  cmd: t ? "⌘" : "ctrl",
-  option: t ? "⌥" : "win",
-  ctrl: "ctrl",
-  up: "↑",
-  down: "↓"
-}, x = ({ char: e, className: n, ...o }) => {
-  const r = s[e] ?? e;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: l(
-        "ui-key",
-        "no-translate inline-flex h-5 items-center justify-center rounded bg-gray-lighter px-2 py-1 text-xs font-semibold text-gray",
-        r.length === 1 && "w-5",
-        n
-      ),
-      ...o,
-      children: r
-    }
-  );
-};
-export {
-  x as Key
-};

package/build/components/Logo.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-declare const sizes: {
-    readonly small: "w-10 h-10";
-    readonly medium: "w-16 h-16";
-    readonly large: "w-20 h-20";
-};
-type LogoSize = keyof typeof sizes;
-export interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    size?: LogoSize;
-    className?: string;
-}
-export declare const Logo: (({ size, className, ...rest }: LogoProps) => React.JSX.Element) & {
-    sizes: {
-        readonly small: "w-10 h-10";
-        readonly medium: "w-16 h-16";
-        readonly large: "w-20 h-20";
-    };
-};
-export {};