@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/dist/components/FileCard/FileCard.js

@@ -1,91 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { Mic, Landscape, Video, TextPage } from "@edifice.io/icons";
-import clsx from "clsx";
-import { DocumentHelper, odeServices } from "edifice-ts-client";
-import Card from "../Card/Card.js";
-import FileIcon from "./FileIcon.js";
-import useThumbnail from "../../hooks/useThumbnail/useThumbnail.js";
-const FileCard = ({
-  doc,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className
-}) => {
-  var _a;
-  const ref = useRef(null), type = DocumentHelper.getRole(doc);
-  function getRoleMap(type2) {
-    const roleMappings = {
-      csv: {
-        icon: ".CSV",
-        color: "bg-orange-200"
-      },
-      xls: {
-        icon: ".XLS",
-        color: "bg-green-200"
-      },
-      doc: {
-        icon: ".DOC",
-        color: "bg-blue-200"
-      },
-      txt: {
-        icon: ".TXT",
-        color: "bg-blue-200"
-      },
-      pdf: {
-        icon: ".PDF",
-        color: "bg-red-200"
-      },
-      audio: {
-        icon: /* @__PURE__ */ jsx(Mic, { width: 22, height: 22 }),
-        color: "bg-red-200"
-      },
-      ppt: {
-        icon: ".PPT",
-        color: "bg-yellow-200"
-      },
-      img: {
-        icon: /* @__PURE__ */ jsx(Landscape, { width: 22, height: 22 }),
-        color: "bg-green-200"
-      },
-      video: {
-        icon: /* @__PURE__ */ jsx(Video, { width: 22, height: 22 }),
-        color: "bg-purple-200"
-      },
-      zip: {
-        icon: ".ZIP",
-        color: "bg-gray-300"
-      },
-      md: {
-        icon: ".MD",
-        color: "bg-blue-200"
-      },
-      unknown: {
-        icon: /* @__PURE__ */ jsx(TextPage, { width: 22, height: 22 }),
-        color: "bg-gray-300"
-      }
-    };
-    return roleMappings[type2] || roleMappings.unknown;
-  }
-  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
-    ref
-  }), imageStyles = hasThumbnail && {
-    backgroundImage: `url(${mediaSrc})`,
-    backgroundSize: "cover"
-  };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
-      aspectRatio: "16/10",
-      ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })
-    ] })
-  ] }) });
-}, FileCard$1 = FileCard;
-export {
-  FileCard$1 as default
-};

package/dist/components/FileCard/FileIcon.d.ts

@@ -1,6 +0,0 @@
-import { Role } from 'edifice-ts-client';
-declare const FileIcon: ({ type, roleMap, }: {
-    type: Role | 'unknown';
-    roleMap?: Record<string, string | JSX.Element> | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FileIcon;

package/dist/components/FileCard/FileIcon.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Paperclip } from "@edifice.io/icons";
-import clsx from "clsx";
-const FileIcon = ({
-  type,
-  roleMap
-}) => {
-  const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasNoShadow
-  }, roleMap == null ? void 0 : roleMap.color);
-  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(Paperclip, {}) });
-};
-export {
-  FileIcon as default
-};

package/dist/components/ImagePicker/ImagePicker.d.ts

@@ -1,38 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-import { IWebApp } from 'edifice-ts-client';
-export interface ImagePickerProps extends ComponentPropsWithRef<'input'> {
-    /**
-     * Description of the ImagePicker label.
-     */
-    label: string;
-    /**
-     * Accessible description of the add button
-     */
-    addButtonLabel: string;
-    /**
-     * Accessible description of the delete button
-     */
-    deleteButtonLabel: string;
-    /**
-     * Provide a default image as placeholder
-     */
-    src?: string;
-    /**
-     * To show the icon of an application
-     */
-    app?: IWebApp | undefined;
-    appCode?: string;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
-    /**
-     * Callback when uploading image
-     */
-    onUploadImage: (file: File) => void;
-    /**
-     * Callback when deleting image
-     */
-    onDeleteImage: () => void;
-}
-export declare const ImagePicker: import('react').ForwardRefExoticComponent<Omit<ImagePickerProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/ImagePicker/ImagePicker.js

@@ -1,58 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from "react";
-import { Edit, Delete } from "@edifice.io/icons";
-import clsx from "clsx";
-import FormControl from "../Form/FormControl.js";
-import IconButton from "../Button/IconButton.js";
-import Input from "../Input/Input.js";
-import Avatar from "../Avatar/Avatar.js";
-import useDropzone from "../../hooks/useDropzone/useDropzone.js";
-import { AppIcon } from "../AppIcon/AppIcon.js";
-const ImagePicker = /* @__PURE__ */ forwardRef(({
-  label,
-  addButtonLabel = "Add image",
-  deleteButtonLabel = "Delete image",
-  src,
-  className,
-  app,
-  onUploadImage,
-  onDeleteImage
-}, ref) => {
-  const [preview, setPreview] = useState(src || ""), {
-    inputRef,
-    files,
-    deleteFile,
-    handleOnChange,
-    handleDragging,
-    handleDragLeave,
-    handleDrop
-  } = useDropzone();
-  useEffect(() => {
-    if (files.length > 0) {
-      deleteFile(files[0]), setPreview("");
-      const file = files == null ? void 0 : files[0];
-      if (!file) return;
-      setPreview(URL.createObjectURL(file)), onUploadImage(file);
-    }
-  }, [files]);
-  const handleClick = () => {
-    var _a;
-    (_a = inputRef.current) == null || _a.click();
-  }, handleClean = () => {
-    inputRef.current && (inputRef.current.value = ""), deleteFile(files[0]), setPreview(""), onDeleteImage();
-  }, classes = clsx("image-input", className);
-  return /* @__PURE__ */ jsxs(FormControl, { id: "image-input", className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: handleDrop, ref, children: [
-    /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(Edit, {}), onClick: handleClick, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(Delete, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
-    ] }),
-    /* @__PURE__ */ jsxs(FormControl.Label, { children: [
-      /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: label }),
-      /* @__PURE__ */ jsx(Input, { accept: "image/jpeg, image/png", hidden: !0, onChange: handleOnChange, ref: inputRef, size: "sm", type: "file" }),
-      preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
-    ] })
-  ] });
-});
-export {
-  ImagePicker
-};

package/dist/components/ImagePicker/index.d.ts

@@ -1 +0,0 @@
-export * from './ImagePicker';

package/dist/components/Menu/Menu.js

@@ -1,58 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { usePrevious } from "@uidotdev/usehooks";
-import { useRef, useState, useEffect, useMemo } from "react";
-import { MenuButton } from "./MenuButton.js";
-import { MenuContext } from "./MenuContext.js";
-import { MenuItem } from "./MenuItem.js";
-const Menu = ({
-  label,
-  children
-}) => {
-  const menuRef = useRef(null), menuItems = useRef(/* @__PURE__ */ new Set()).current, [currentIndex, setCurrentIndex] = useState(0), previousIndex = usePrevious(currentIndex) ?? 0;
-  useEffect(() => {
-    var _a, _b;
-    if (currentIndex !== previousIndex) {
-      const items = Array.from(menuItems), currentNode = (_a = items[currentIndex]) == null ? void 0 : _a.firstChild, previousNode = (_b = items[previousIndex]) == null ? void 0 : _b.firstChild;
-      previousNode == null || previousNode.setAttribute("tabindex", "-1"), currentNode == null || currentNode.setAttribute("tabindex", "0"), currentNode == null || currentNode.focus({
-        preventScroll: !0
-      });
-    }
-  }, [currentIndex, previousIndex, menuItems]);
-  const first = () => setCurrentIndex(0), last = () => setCurrentIndex(menuItems.size - 1), next = () => {
-    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;
-    setCurrentIndex(index);
-  }, previous = () => {
-    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;
-    setCurrentIndex(index);
-  }, onKeyDown = (event) => {
-    switch (event.stopPropagation(), event.code) {
-      case "ArrowUp":
-        event.preventDefault(), previous();
-        break;
-      case "ArrowDown":
-        event.preventDefault(), next();
-        break;
-    }
-    switch (event.code) {
-      case "End":
-        event.preventDefault(), last();
-        break;
-      case "Home":
-        event.preventDefault(), first();
-        break;
-    }
-  }, childProps = useMemo(() => ({
-    "data-menubar-menuitem": "",
-    role: "menuitem"
-  }), []), values = useMemo(() => ({
-    menuRef,
-    menuItems,
-    childProps
-  }), [childProps, menuItems]);
-  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: values, children: /* @__PURE__ */ jsx("nav", { "aria-label": label, className: "menu", children: /* @__PURE__ */ jsx("ul", { ref: menuRef, role: "menubar", "aria-label": label, onKeyDown, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children }) }) });
-};
-Menu.Item = MenuItem;
-Menu.Button = MenuButton;
-export {
-  Menu
-};

package/dist/components/Menu/MenuButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../Button';
-export type MenuButtonProps = Pick<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'onClick'> & {
-    selected: boolean;
-};
-export declare const MenuButton: (props: Partial<MenuButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuButton.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useMenuContext } from "./MenuContext.js";
-import Button from "../Button/Button.js";
-const MenuButton = (props) => {
-  const {
-    selected,
-    leftIcon,
-    rightIcon,
-    onClick,
-    children
-  } = props, {
-    childProps
-  } = useMenuContext();
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100", {
-    selected
-  }), leftIcon, rightIcon, onClick, ...childProps, children });
-};
-export {
-  MenuButton
-};

package/dist/components/Table/Table.components.d.ts

@@ -1,20 +0,0 @@
-export declare const TableThead: {
-    (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const TableTh: {
-    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const TableTr: {
-    (props: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const TableTbody: {
-    (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const TableTd: {
-    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/Table/Table.components.js

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const TableThead = (props) => {
-  const {
-    children,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx("thead", { ...restProps, children });
-}, TableTh = (props) => {
-  const {
-    children,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx("th", { ...restProps, children });
-}, TableTr = (props) => {
-  const {
-    children,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx("tr", { ...restProps, children });
-}, TableTbody = (props) => {
-  const {
-    children,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx("tbody", { ...restProps, children });
-}, TableTd = (props) => {
-  const {
-    children,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx("td", { ...restProps, children });
-};
-export {
-  TableTbody,
-  TableTd,
-  TableTh,
-  TableThead,
-  TableTr
-};

package/dist/components/Table/Table.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-export type TableRef = HTMLTableElement;
-export interface TableProps {
-    children?: Array<React.ReactElement<HTMLTableSectionElement>> | any;
-}
-export declare const Root: import('react').ForwardRefExoticComponent<{
-    children: ReactNode;
-} & import('react').RefAttributes<HTMLTableElement>>;
-declare const Table: import('react').ForwardRefExoticComponent<{
-    children: ReactNode;
-} & import('react').RefAttributes<HTMLTableElement>> & {
-    Thead: {
-        (props: import('react').HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Th: {
-        (props: import('react').HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Tbody: {
-        (props: import('react').HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Tr: {
-        (props: import('react').HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Td: {
-        (props: import('react').HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export default Table;

package/dist/components/Table/Table.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { TableThead, TableTh, TableTbody, TableTr, TableTd } from "./Table.components.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  children
-}, ref) => /* @__PURE__ */ jsx("div", { className: "table-responsive", children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
-  Thead: TableThead,
-  Th: TableTh,
-  Tbody: TableTbody,
-  Tr: TableTr,
-  Td: TableTd
-}), Table$1 = Table;
-export {
-  Root,
-  Table$1 as default
-};

package/dist/components/Table/TableExplorer.d.ts

@@ -1,14 +0,0 @@
-/**
- * TableExplorer  Component
- *
- * @see Docs     https://edifice-ui.vercel.app/?path=/docs/components-core-table--base
- * @see Source   https://github.com/opendigitaleducation/edifice-ui/blob/main/packages/core/src/Table/Table.tsx
- * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/table/
- */
-/// <reference types="react" />
-export type TableExplorerRef = HTMLTableElement;
-export interface TableExplorerProps {
-    children?: Array<React.ReactElement<HTMLTableSectionElement>>;
-}
-declare const TableExplorer: import('react').ForwardRefExoticComponent<TableExplorerProps & import('react').RefAttributes<HTMLTableElement>>;
-export default TableExplorer;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from 'react';
-import { TabsItemProps } from './TabsItem';
-export interface TabsProps {
-    /**
-     * Selected tab, by default.
-     */
-    defaultId?: string;
-    /**
-     * Items to be displayed
-     */
-    items: TabsItemProps[];
-    /**
-     * Get notified when a tab is selected
-     */
-    onChange?: (tab: TabsItemProps) => void;
-    /**
-     * Children Props
-     */
-    children?: (...props: any) => ReactNode;
-}
-/**
- * Tab Content displayed one at a time when a Tab Item is selected
- */
-declare const Tabs: {
-    ({ defaultId, items, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
-    Item: {
-        ({ icon, label, id, order, }: TabsItemProps & {
-            order: number;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        ({ children, currentItem }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    List: {
-        (props: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    displayName: string;
-};
-export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -1,75 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { TabsContext } from "./TabsContext.js";
-import TabsItem from "./TabsItem.js";
-import TabsList from "./TabsList.js";
-import TabsPanel from "./TabsPanel.js";
-const Tabs = ({
-  defaultId,
-  items,
-  onChange,
-  children
-}) => {
-  const [activeTab, setActiveTab] = useState(defaultId || ""), [tabUnderlineWidth, setTabUnderlineWidth] = useState(0), [tabUnderlineLeft, setTabUnderlineLeft] = useState(0), tabsRef = useRef([]), setSelectedTab = useCallback((id) => {
-    setActiveTab(id);
-  }, []);
-  useEffect(() => {
-    const currentItem2 = items.find((item) => item.id === activeTab);
-    currentItem2 && (onChange == null || onChange(currentItem2));
-  }, [activeTab]), useEffect(() => {
-    function setTabPosition() {
-      var _a;
-      if (((_a = document == null ? void 0 : document.activeElement) == null ? void 0 : _a.tagName) !== "INPUT") {
-        const currentTabIndex = items.findIndex((item) => item.id === activeTab);
-        currentTabIndex === -1 && defaultId && setActiveTab(defaultId);
-        const currentTabRef = tabsRef.current[currentTabIndex];
-        currentTabRef && (currentTabRef.focus(), setTabUnderlineLeft((currentTabRef == null ? void 0 : currentTabRef.offsetLeft) ?? 0), setTabUnderlineWidth((currentTabRef == null ? void 0 : currentTabRef.clientWidth) ?? 0));
-      }
-    }
-    return setTabPosition(), window.addEventListener("resize", setTabPosition), () => window.removeEventListener("resize", setTabPosition);
-  }, [activeTab, items, defaultId]);
-  const moveFocusToPreviousTab = useCallback((activeTab2) => {
-    var _a, _b, _c;
-    const index = items.findIndex((item) => item.id === activeTab2);
-    activeTab2 === ((_a = items[0]) == null ? void 0 : _a.id) ? setActiveTab((_b = items[items.length - 1]) == null ? void 0 : _b.id) : setActiveTab((_c = items[index - 1]) == null ? void 0 : _c.id);
-  }, [items]), moveFocusToNextTab = useCallback((activeTab2) => {
-    var _a, _b, _c;
-    const index = items.findIndex((item) => item.id === activeTab2);
-    activeTab2 === ((_a = items[items.length - 1]) == null ? void 0 : _a.id) ? setActiveTab((_b = items[0]) == null ? void 0 : _b.id) : setActiveTab((_c = items[index + 1]) == null ? void 0 : _c.id);
-  }, [items]), onKeyDown = useCallback((event) => {
-    var _a, _b;
-    switch (event.code) {
-      case "ArrowLeft":
-        moveFocusToPreviousTab(activeTab);
-        break;
-      case "ArrowRight":
-        moveFocusToNextTab(activeTab);
-        break;
-      case "Home":
-        setActiveTab((_a = items[0]) == null ? void 0 : _a.id);
-        break;
-      case "End":
-        setActiveTab((_b = items[items.length - 1]) == null ? void 0 : _b.id);
-        break;
-    }
-  }, [activeTab, items, moveFocusToNextTab, moveFocusToPreviousTab]), value = useMemo(() => ({
-    activeTab,
-    items,
-    setSelectedTab,
-    tabsRef,
-    tabUnderlineLeft,
-    tabUnderlineWidth,
-    onKeyDown
-  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth]), currentItem = items.find((item) => item.id === activeTab);
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tabs.List, {}),
-    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
-  ] }) });
-};
-Tabs.Item = TabsItem;
-Tabs.Panel = TabsPanel;
-Tabs.List = TabsList;
-const Tabs$1 = Tabs;
-export {
-  Tabs$1 as default
-};

package/dist/components/Tabs/TabsContext.d.ts

@@ -1,12 +0,0 @@
-import { TabsItemProps } from './TabsItem';
-export interface TabsContextProps {
-    activeTab?: string;
-    items: TabsItemProps[];
-    setSelectedTab: (key: string) => void;
-    tabsRef: React.MutableRefObject<(HTMLButtonElement | null)[]>;
-    tabUnderlineLeft: number;
-    tabUnderlineWidth: number;
-    onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-}
-export declare const TabsContext: import('react').Context<TabsContextProps | null>;
-export declare function useTabsContext(): TabsContextProps;

package/dist/components/Tabs/TabsItem.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useTabsContext } from "./TabsContext.js";
-const TabsItem = ({
-  icon,
-  label,
-  id,
-  order
-}) => {
-  const {
-    activeTab,
-    setSelectedTab,
-    onKeyDown,
-    tabsRef
-  } = useTabsContext(), {
-    t
-  } = useTranslation(), classes = clsx("nav-link d-inline-flex gap-8 border-0", activeTab === id ? "selected" : "");
-  return /* @__PURE__ */ jsx("li", { className: "nav-item flex-shrink-0", role: "presentation", children: /* @__PURE__ */ jsxs("button", { ref: (el) => tabsRef.current[order] = el, type: "button", id: `tab-${id}`, className: classes, onClick: () => setSelectedTab(id), onKeyDown: (event) => onKeyDown(event), role: "tab", "aria-controls": `tabpanel-${id}`, "aria-selected": activeTab === id, tabIndex: activeTab === id ? 0 : -1, children: [
-    icon,
-    /* @__PURE__ */ jsx("small", { children: t(label) })
-  ] }) });
-};
-export {
-  TabsItem as default
-};

package/dist/components/Tabs/TabsList.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-declare const TabsList: {
-    (props: ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default TabsList;

package/dist/components/Tabs/TabsList.js

@@ -1,24 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import Tabs from "./Tabs.js";
-import { useTabsContext } from "./TabsContext.js";
-const TabsList = (props) => {
-  const {
-    items,
-    tabUnderlineLeft,
-    tabUnderlineWidth
-  } = useTabsContext(), {
-    className,
-    ...restProps
-  } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
-  return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
-    /* @__PURE__ */ jsx("ul", { className: "nav nav-tabs flex-nowrap", role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
-    /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
-      left: tabUnderlineLeft,
-      width: tabUnderlineWidth
-    } })
-  ] });
-};
-export {
-  TabsList as default
-};

package/dist/components/Tabs/TabsPanel.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTabsContext } from "./TabsContext.js";
-const TabsPanel = ({
-  children,
-  currentItem
-}) => {
-  const {
-    activeTab
-  } = useTabsContext();
-  return /* @__PURE__ */ jsx("div", { className: "tab-content d-flex flex-fill w-100", children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
-};
-export {
-  TabsPanel as default
-};