@bbki.ng/components 2.6.16 → 3.0.0

package/dist/index.mjs

@@ -0,0 +1,79 @@
+import { Article as t } from "./article/Article.mjs";
+import { Button as n, ButtonType as x } from "./button/Button.mjs";
+import { Logo as m } from "./logo/Logo.mjs";
+import { Nav as f } from "./nav/Nav.mjs";
+import { Link as a, LinkColor as l } from "./link/Link.mjs";
+import { Tag as M, Tags as L } from "./tag/Tag.mjs";
+import { Panel as k } from "./panel/Panel.mjs";
+import { Error as S, ErrorBoundary as T, NotFound as b, Page as d } from "./page/Page.mjs";
+import { Breadcrumb as B } from "./breadcrumb/Breadcrumb.mjs";
+import { PopConfirm as y } from "./pop-confirm/PopConfirm.mjs";
+import { Table as h } from "./table/Table.mjs";
+import { ArticleSkeleton as D, LinkListSkeleton as G, Skeleton as A, SkeletonColor as E } from "./skeleton/Seleton.mjs";
+import { DropImage as R } from "./drop-image/DropImage.mjs";
+import { BlinkDot as Z } from "./blink-dot/BlinkDot.mjs";
+import { ThreeColLayout as q } from "./layout/layout.mjs";
+import { LinkList as z, List as H, TitledList as J } from "./list/list.mjs";
+import { Img as O } from "./img/Img.mjs";
+import { Gallery as U } from "./img/Gallery.mjs";
+import { LoadingSpiral as W } from "./loading-spiral/LoadingSpiral.mjs";
+import { DropZone as Y } from "./drop-zone/DropZone.mjs";
+import { ContextMenu as $, ContextMenuCheckboxItem as oo, ContextMenuContent as eo, ContextMenuGroup as to, ContextMenuItem as ro, ContextMenuLabel as no, ContextMenuPortal as xo, ContextMenuRadioGroup as po, ContextMenuRadioItem as mo, ContextMenuSeparator as uo, ContextMenuShortcut as fo, ContextMenuSub as Co, ContextMenuSubContent as ao, ContextMenuSubTrigger as lo, ContextMenuTrigger as io } from "./context-menu/index.mjs";
+import { Label as Lo } from "./label/index.mjs";
+import { Input as ko } from "./input/index.mjs";
+import { BlurCover as So } from "./blur-cover/BlurCover.mjs";
+import { Canvas as bo } from "./canvas/Canvas.mjs";
+import { ossProcessType as Bo } from "./img/types.mjs";
+export {
+  t as Article,
+  D as ArticleSkeleton,
+  Z as BlinkDot,
+  So as BlurCover,
+  B as Breadcrumb,
+  n as Button,
+  x as ButtonType,
+  bo as Canvas,
+  $ as ContextMenu,
+  oo as ContextMenuCheckboxItem,
+  eo as ContextMenuContent,
+  to as ContextMenuGroup,
+  ro as ContextMenuItem,
+  no as ContextMenuLabel,
+  xo as ContextMenuPortal,
+  po as ContextMenuRadioGroup,
+  mo as ContextMenuRadioItem,
+  uo as ContextMenuSeparator,
+  fo as ContextMenuShortcut,
+  Co as ContextMenuSub,
+  ao as ContextMenuSubContent,
+  lo as ContextMenuSubTrigger,
+  io as ContextMenuTrigger,
+  R as DropImage,
+  Y as DropZone,
+  S as Error,
+  T as ErrorBoundary,
+  U as Gallery,
+  O as Img,
+  ko as Input,
+  Lo as Label,
+  a as Link,
+  l as LinkColor,
+  z as LinkList,
+  G as LinkListSkeleton,
+  H as List,
+  W as LoadingSpiral,
+  m as Logo,
+  f as Nav,
+  b as NotFound,
+  d as Page,
+  k as Panel,
+  y as PopConfirm,
+  A as Skeleton,
+  E as SkeletonColor,
+  h as Table,
+  M as Tag,
+  L as Tags,
+  q as ThreeColLayout,
+  J as TitledList,
+  Bo as ossProcessType
+};

package/dist/input/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/input/index.mjs

@@ -0,0 +1,17 @@
+import * as t from "react";
+import d from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsx as f } from "../_virtual/jsx-runtime.mjs";
+const n = t.forwardRef(({
+  className: e,
+  type: r,
+  ...o
+}, i) => /* @__PURE__ */ f("input", {
+  type: r,
+  className: d("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", e),
+  ref: i,
+  ...o
+}));
+n.displayName = "Input";
+export {
+  n as Input
+};

package/dist/label/index.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Label: React.ForwardRefExoticComponent<Pick<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "hidden" | "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "htmlFor"> & VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/label/index.mjs

@@ -0,0 +1,17 @@
+import * as m from "react";
+import { Root as o } from "../node_modules/.pnpm/@radix-ui_react-label@2.1.1_@types_react-dom@18.0.6_@types_react@18.0.15_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-label/dist/index.mjs";
+import { cva as t } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
+import i from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsx as s } from "../_virtual/jsx-runtime.mjs";
+const l = t("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({
+  className: a,
+  ...e
+}, r) => /* @__PURE__ */ s(o, {
+  ref: r,
+  className: i(l(), a),
+  ...e
+}));
+p.displayName = o.displayName;
+export {
+  p as Label
+};

package/dist/layout/layout.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+export declare type threeColLayoutProps = {
+    leftRenderer?: () => ReactElement | null;
+    rightRenderer?: () => ReactElement | null;
+    middleRenderer?: () => ReactElement | null;
+};
+export declare const ThreeColLayout: (props: threeColLayoutProps) => JSX.Element;

package/dist/layout/layout.mjs

@@ -0,0 +1,27 @@
+import e from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { jsxs as c, jsx as d } from "../_virtual/jsx-runtime.mjs";
+const t = (s) => {
+  const {
+    leftRenderer: i,
+    middleRenderer: l,
+    rightRenderer: o
+  } = s, r = e("max-h-full overflow-auto xl:block! py-128");
+  return /* @__PURE__ */ c("div", {
+    className: "grid grid-cols-1 xl:grid-cols-3 gap-4 h-full w-full",
+    children: [/* @__PURE__ */ d("div", {
+      className: e("hidden", r),
+      children: i && i()
+    }), /* @__PURE__ */ d("div", {
+      className: e(r, "no-scrollbar p-16", "relative", {
+        hidden: !l
+      }),
+      children: l && l()
+    }), /* @__PURE__ */ d("div", {
+      className: e("hidden", r),
+      children: o && o()
+    })]
+  });
+};
+export {
+  t as ThreeColLayout
+};

package/dist/link/Link.d.ts

@@ -0,0 +1,17 @@
+import { LinkProps as BaseLinkProps } from 'react-router-dom';
+export declare enum LinkColor {
+    BLUE = "blue",
+    RED = "red",
+    GRAY = "gray"
+}
+export interface LinkProps extends BaseLinkProps {
+    to: string;
+    color?: LinkColor;
+    className?: string;
+    external?: boolean;
+    name?: any;
+    children?: any;
+    readonly?: boolean;
+    status?: "blink" | "still" | "hidden";
+}
+export declare const Link: (props: LinkProps) => JSX.Element;

package/dist/link/Link.mjs

@@ -0,0 +1,83 @@
+import s from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { Link as y } from "react-router-dom";
+import { BlinkDot as l } from "../blink-dot/BlinkDot.mjs";
+import { jsx as t, jsxs as c, Fragment as d } from "../_virtual/jsx-runtime.mjs";
+var x = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.RED = "red", e.GRAY = "gray", e))(x || {});
+const h = {
+  blue: "text-blue-600",
+  red: "text-red-500",
+  gray: "text-gray-400"
+}, p = {
+  blue: "md:not-focus:hover:bg-blue-100 md:not-focus:hover:text-blue-600",
+  red: "md:not-focus:hover:bg-red-100 md:not-focus:hover:text-red-500",
+  gray: "md:not-focus:hover:bg-gray-100 md:not-focus:hover:text-gray-400"
+}, N = {
+  blue: "focus:bg-blue-100",
+  red: "focus:bg-red-100",
+  gray: "focus:bg-gray-100"
+}, R = (e) => {
+  const {
+    color: o = "blue",
+    external: u,
+    className: i,
+    children: r,
+    status: n,
+    readonly: m,
+    ...f
+  } = e, a = s(
+    i,
+    "rounded-sm",
+    "no-underline!",
+    "inline-block",
+    "transition-colors",
+    "active:scale-[0.97]",
+    // "focus:text-white",
+    h[o],
+    p[o],
+    N[o]
+  );
+  if (u)
+    return /* @__PURE__ */ t("a", {
+      href: e.to,
+      className: a,
+      target: "_blank",
+      rel: "noreferrer",
+      style: {
+        padding: 4
+      },
+      children: r
+    });
+  if (m) {
+    const g = !/^[a-zA-Z~]+$/.test(r), b = s({
+      "relative top-[2px]": g
+    });
+    return /* @__PURE__ */ c(d, {
+      children: [/* @__PURE__ */ t("span", {
+        className: s("text-gray-400", b),
+        style: {
+          padding: 4
+        },
+        children: r
+      }), /* @__PURE__ */ t(l, {
+        status: n
+      })]
+    });
+  }
+  return /* @__PURE__ */ c(d, {
+    children: [/* @__PURE__ */ t(y, {
+      ...f,
+      className: a,
+      style: {
+        padding: 4
+      },
+      children: r
+    }), /* @__PURE__ */ t(l, {
+      className: "-top-3 left-1",
+      status: n
+    })]
+  });
+};
+export {
+  R as Link,
+  x as LinkColor
+};

package/dist/list/list.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement, FunctionComponent, ReactNode } from 'react';
+import { LinkProps } from '../link/Link';
+export interface listProps {
+    className?: string;
+    compact?: boolean;
+    items: any[];
+    itemRenderer: (itemProps: any, index: number) => ReactElement;
+    horizontal?: boolean;
+    footer?: ReactNode;
+}
+export declare const List: FunctionComponent<listProps>;
+export interface TitledListProps extends listProps {
+    title?: any;
+    description?: any;
+    footer?: ReactNode;
+}
+export declare const TitledList: FunctionComponent<TitledListProps>;
+export interface LinkListProps extends Omit<listProps, "itemRenderer" | "items"> {
+    title?: string;
+    description?: any;
+    links: LinkProps[];
+}
+export declare const LinkList: (props: LinkListProps) => JSX.Element;

package/dist/list/list.mjs

@@ -0,0 +1,76 @@
+import a from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { Link as f } from "../link/Link.mjs";
+import { Article as h } from "../article/Article.mjs";
+import { jsxs as k, jsx as e } from "../_virtual/jsx-runtime.mjs";
+const p = (i) => {
+  const {
+    items: t,
+    itemRenderer: n,
+    className: s,
+    horizontal: r,
+    compact: d,
+    footer: o
+  } = i, c = d ? "" : r ? "mr-3" : "mb-16";
+  return /* @__PURE__ */ k("ul", {
+    className: a(s, "list-style-none", {
+      flex: r,
+      "items-center": r
+    }),
+    children: [t.map((l, m) => /* @__PURE__ */ e("li", {
+      className: a(c, "shrink-0", {
+        "my-0!": r
+      }),
+      children: n(l, m)
+    }, l.id || m)), o && /* @__PURE__ */ e("li", {
+      className: a(c, "shrink-0", {
+        "my-0!": r
+      }),
+      children: o
+    }, "footer")]
+  });
+}, u = (i) => {
+  const {
+    title: t,
+    description: n,
+    ...s
+  } = i;
+  return t ? /* @__PURE__ */ e(h, {
+    title: t,
+    description: n,
+    className: "w-fit",
+    children: /* @__PURE__ */ e(p, {
+      ...s
+    })
+  }) : /* @__PURE__ */ e(p, {
+    ...s
+  });
+}, j = (i) => {
+  const {
+    title: t,
+    description: n,
+    links: s,
+    ...r
+  } = i;
+  return /* @__PURE__ */ e(u, {
+    title: t,
+    description: n,
+    items: s,
+    itemRenderer: ({
+      name: o,
+      to: c,
+      external: l,
+      ...m
+    }) => /* @__PURE__ */ e(f, {
+      to: c,
+      external: l,
+      ...m,
+      children: o
+    }, o),
+    ...r
+  });
+};
+export {
+  j as LinkList,
+  p as List,
+  u as TitledList
+};

package/dist/loading-spiral/LoadingSpiral.d.ts

@@ -0,0 +1,5 @@
+import { ISettings } from './createSettings';
+export interface LoadingSpiralProps extends ISettings {
+    className?: string;
+}
+export declare const LoadingSpiral: (props?: LoadingSpiralProps) => JSX.Element;

package/dist/loading-spiral/LoadingSpiral.mjs

@@ -0,0 +1,37 @@
+import a from "../node_modules/.pnpm/phenomenon@1.6.0/node_modules/phenomenon/dist/phenomenon.mjs";
+import o from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { useRef as s, useEffect as i } from "react";
+import { createSettings as m } from "./createSettings.mjs";
+import { createOptions as c } from "./createOptions.mjs";
+import { jsx as f } from "../_virtual/jsx-runtime.mjs";
+const v = (t) => {
+  const {
+    className: r,
+    step: n
+  } = t || {}, e = s(null);
+  return i(() => {
+    if (!e.current)
+      return;
+    new a({
+      settings: m({
+        canvas: e.current,
+        step: n
+      }),
+      context: {
+        antialias: !0,
+        alpha: !0
+      }
+    }).add("spiral", c());
+  }, []), /* @__PURE__ */ f("canvas", {
+    style: {
+      maxWidth: 500,
+      maxHeight: 500,
+      imageRendering: "pixelated"
+    },
+    ref: e,
+    className: o("h-full w-full overflow-hidden flex justify-center items-center aspect-1", r)
+  });
+};
+export {
+  v as LoadingSpiral
+};

package/dist/loading-spiral/constants.d.ts

@@ -0,0 +1,6 @@
+export declare enum ATTR {
+    PERCENT = "aPercent",
+    POINT_SIZE = "aPointSize"
+}
+export declare const VERTEX_SHADER: string;
+export declare const FRAGMENT_SHADER = "\n  precision mediump float;\n  uniform float uProgress;\n  void main(){\n    gl_FragColor = vec4(0.81, 0.83, 0.85, 1.0);\n  }\n";

package/dist/loading-spiral/constants.mjs

@@ -0,0 +1,61 @@
+var e = /* @__PURE__ */ ((t) => (t.PERCENT = "aPercent", t.POINT_SIZE = "aPointSize", t))(e || {});
+const o = `
+  attribute float aPercent;
+  attribute float aPointSize;
+
+  uniform mat4 uProjectionMatrix;
+  uniform mat4 uModelMatrix;
+  uniform mat4 uViewMatrix;
+  uniform float uProgress;
+
+  varying vec3 vColor;
+  
+  vec3 curve(float _percent) {
+    const float PI2 = 3.141592653589793 * 2.0;
+    const float _length = 0.3;
+    const float radius = 0.056;
+    float t = mod(_percent, 0.25) / 0.25;
+    t = mod(_percent, 0.25) - (2.0 * (1.0 - t) * t * -0.0185 + t * t * 0.25);
+    float x = _length * sin(PI2 * _percent);
+    float y = radius * cos(PI2 * 3.0 * _percent);
+
+    if (
+      floor(_percent / 0.25) == 0.0
+      || floor(_percent / 0.25) == 2.0
+    ) {
+      t = t * -1.0;
+    }
+    float z = radius * sin(PI2 * 2.0 * (_percent - t));
+    return vec3(x, y, z);
+  }
+
+  mat4 rotateX(float _angle){
+    return mat4(
+      1.0, 0.0, 0.0, 0.0,
+      0.0, cos(_angle), -sin(_angle), 0.0,
+      0.0, sin(_angle), cos(_angle), 0.0,
+      0.0, 0.0, 0.0, 1.0
+    );
+  }
+
+  void main(){
+    gl_Position = uProjectionMatrix
+     * uModelMatrix
+     * uViewMatrix
+     * rotateX(uProgress)
+     * vec4(curve(aPercent), 1.0);
+
+    gl_PointSize = aPointSize;
+  }
+`, r = `
+  precision mediump float;
+  uniform float uProgress;
+  void main(){
+    gl_FragColor = vec4(0.81, 0.83, 0.85, 1.0);
+  }
+`;
+export {
+  e as ATTR,
+  r as FRAGMENT_SHADER,
+  o as VERTEX_SHADER
+};

package/dist/loading-spiral/createOptions.d.ts

@@ -0,0 +1,17 @@
+import { ATTR } from './constants';
+export declare const createOptions: () => {
+    uniforms: {
+        uProgress: {
+            type: string;
+            value: number[];
+        };
+    };
+    attributes: {
+        name: ATTR;
+        data: (i: number, total: number) => number[];
+        size: number;
+    }[];
+    multiplier: number;
+    vertex: string;
+    fragment: string;
+};

package/dist/loading-spiral/createOptions.mjs

@@ -0,0 +1,30 @@
+import { ATTR as e, FRAGMENT_SHADER as o, VERTEX_SHADER as a } from "./constants.mjs";
+const m = () => {
+  const t = [
+    {
+      name: e.PERCENT,
+      data: (r, i) => [r / i],
+      size: 1
+    },
+    {
+      name: e.POINT_SIZE,
+      data: () => [window.devicePixelRatio * 1.3],
+      size: 1
+    }
+  ];
+  return {
+    uniforms: {
+      uProgress: {
+        type: "float",
+        value: [0]
+      }
+    },
+    attributes: t,
+    multiplier: 4e3,
+    vertex: a,
+    fragment: o
+  };
+};
+export {
+  m as createOptions
+};

package/dist/loading-spiral/createSettings.d.ts

@@ -0,0 +1,16 @@
+export interface ISettings {
+    canvas?: HTMLCanvasElement;
+    step?: number;
+}
+export declare const createSettings: (settings: ISettings) => {
+    uniforms: {
+        uProgress: {
+            type: string;
+            value: number;
+        };
+    };
+    devicePixelRatio: number;
+    shouldRender: boolean;
+    canvas: HTMLCanvasElement | undefined;
+    onRender: (r: any) => void;
+};

package/dist/loading-spiral/createSettings.mjs

@@ -0,0 +1,21 @@
+const i = (e) => {
+  const { canvas: o, step: s = 0.09 } = e;
+  return {
+    uniforms: {
+      uProgress: {
+        type: "float",
+        value: 0
+      }
+    },
+    devicePixelRatio: window.devicePixelRatio,
+    shouldRender: !0,
+    canvas: o,
+    onRender: (t) => {
+      const { uProgress: n } = t.uniforms;
+      n.value += s;
+    }
+  };
+};
+export {
+  i as createSettings
+};

package/dist/loading-spiral/useCanvasRef.d.ts

@@ -0,0 +1,4 @@
+export declare const useResizedCanvasRef: (maxSize: number) => {
+    canvasRef: import('react').RefObject<HTMLCanvasElement>;
+    containerRef: import('react').RefObject<HTMLDivElement>;
+};

package/dist/loading-spiral/utils.d.ts

@@ -0,0 +1 @@
+export declare const rgba: (val: number[]) => number[];

package/dist/logo/Logo.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare type LogoProps = {
+    className?: string;
+    onClick?: () => void;
+};
+export declare const Logo: React.MemoExoticComponent<(props: LogoProps) => JSX.Element>;

package/dist/logo/Logo.mjs

@@ -0,0 +1,36 @@
+import * as t from "react";
+import { jsxs as i, jsx as C } from "../_virtual/jsx-runtime.mjs";
+const a = t.memo((l) => /* @__PURE__ */ i("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  onClick: l.onClick,
+  className: l.className,
+  children: [/* @__PURE__ */ C("path", {
+    d: "M29.1152 21.3106C32.0605 21.3106 34.4481 18.9101 34.4481 15.9489V24.6457C34.4481 25.7585 33.5508 26.6607 32.444 26.6607H15.1207C14.0138 26.6607 13.1166 25.7585 13.1166 24.6457V15.9489C13.1166 18.9101 15.5042 21.3106 18.4494 21.3106C21.3947 21.3106 23.7823 18.9101 23.7823 15.9489C23.7823 18.9101 26.17 21.3106 29.1152 21.3106Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M23.7823 15.9373L23.7823 15.9489C23.7823 15.9451 23.7823 15.9412 23.7823 15.9373Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M23.1143 28.004C23.1205 30.9598 25.5057 33.3541 28.4472 33.3541C31.3886 33.3541 33.7738 30.9598 33.7801 28.004H23.1143Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M13.7846 28.004C13.7846 28.0079 13.7846 28.0117 13.7846 28.0156C13.7908 30.9714 16.1761 33.3657 19.1175 33.3657C22.0589 33.3657 24.4442 30.9714 24.4504 28.0156H13.7846V28.004Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M14.4527 15.9373C14.4527 16.6792 13.8545 17.2806 13.1166 17.2806C12.3786 17.2806 11.7805 16.6792 11.7805 15.9373C11.7805 15.1954 12.3786 14.594 13.1166 14.594C13.8545 14.594 14.4527 15.1954 14.4527 15.9373Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M25.1184 15.2657C25.1184 16.0076 24.5202 16.609 23.7823 16.609C23.0444 16.609 22.4462 16.0076 22.4462 15.2657C22.4462 14.5238 23.0444 13.9224 23.7823 13.9224C24.5202 13.9224 25.1184 14.5238 25.1184 15.2657Z",
+    fill: "#9CA3AF"
+  }), /* @__PURE__ */ C("path", {
+    d: "M35.7842 15.9373C35.7842 16.6792 35.186 17.2806 34.4481 17.2806C33.7102 17.2806 33.112 16.6792 33.112 15.9373C33.112 15.1954 33.7102 14.594 34.4481 14.594C35.186 14.594 35.7842 15.1954 35.7842 15.9373Z",
+    fill: "#9CA3AF"
+  })]
+}), () => !0);
+export {
+  a as Logo
+};

package/dist/nav/Nav.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PathObj } from '../breadcrumb/Breadcrumb';
+export declare type NavProps = {
+    paths: PathObj[];
+    loading?: boolean;
+    mini?: boolean;
+    className?: string;
+    customLogo?: React.ReactNode;
+};
+export declare const Nav: (props: NavProps) => JSX.Element;