chop-logic-components 4.1.0 → 4.2.0

package/dist/components/organisms/gallery/viewer-navigation/ViewerNavigation.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface ViewerNavigationProps {
+    currentIndex: number;
+    totalImages: number;
+    onNavigate: (index: number) => void;
+}
+declare const ViewerNavigation: FC<ViewerNavigationProps>;
+export default ViewerNavigation;

package/dist/components/organisms/gallery/viewer-navigation/ViewerNavigation2.js

@@ -0,0 +1,29 @@
+import { getClassName as e } from "../../../../utils/get-class-name.js";
+import { ButtonView as t } from "../../../../enums/button-view.js";
+import { IconName as n } from "../../../../enums/icon-name.js";
+import r from "../../../atoms/button/Button2.js";
+import './ViewerNavigation.css';/* empty css                 */
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/organisms/gallery/viewer-navigation/ViewerNavigation.tsx
+var s = ({ currentIndex: s, totalImages: c, onNavigate: l }) => {
+	let u = s > 0, d = s < c - 1, f = () => {
+		l(s - 1);
+	}, p = () => {
+		l(s + 1);
+	}, m = e(["cl-fullscreen-viewer__nav-button", "cl-fullscreen-viewer__nav-button_prev"]), h = e(["cl-fullscreen-viewer__nav-button", "cl-fullscreen-viewer__nav-button_next"]);
+	return /* @__PURE__ */ o(i, { children: [u && /* @__PURE__ */ a(r, {
+		view: t.Icon,
+		icon: n.ChevronLeft,
+		label: "Previous image",
+		onClick: f,
+		className: m
+	}), d && /* @__PURE__ */ a(r, {
+		view: t.Icon,
+		icon: n.ChevronRight,
+		label: "Next image",
+		onClick: p,
+		className: h
+	})] });
+};
+//#endregion
+export { s as default };

package/dist/components/organisms/gallery/viewer-overlay/ViewerOverlay.css

@@ -0,0 +1 @@
+.cl-fullscreen-viewer__overlay{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}

package/dist/components/organisms/gallery/viewer-overlay/ViewerOverlay.d.ts

@@ -0,0 +1,12 @@
+import { GalleryItem, ImageProps } from '../../../../types';
+import { FC } from 'react';
+export interface ViewerOverlayProps {
+    fullscreenImageProps: Omit<ImageProps, 'caption'>;
+    caption?: GalleryItem['caption'];
+    currentIndex: number;
+    totalImages: number;
+    onClose: () => void;
+    onNavigate: (index: number) => void;
+}
+declare const ViewerOverlay: FC<ViewerOverlayProps>;
+export default ViewerOverlay;

package/dist/components/organisms/gallery/viewer-overlay/ViewerOverlay2.js

@@ -0,0 +1,33 @@
+import e from "../viewer-counter/ViewerCounter2.js";
+import t from "../viewer-image-container/ViewerImageContainer2.js";
+import n from "../viewer-navigation/ViewerNavigation2.js";
+import './ViewerOverlay.css';/* empty css              */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/organisms/gallery/viewer-overlay/ViewerOverlay.tsx
+var a = ({ fullscreenImageProps: a, caption: o, currentIndex: s, totalImages: c, onClose: l, onNavigate: u }) => /* @__PURE__ */ i("div", {
+	className: "cl-fullscreen-viewer__overlay",
+	onClick: (e) => {
+		e.target === e.currentTarget && l();
+	},
+	onKeyDown: (e) => {
+		(e.key === "Enter" || e.key === " ") && e.target === e.currentTarget && (e.preventDefault(), l());
+	},
+	"data-testid": "viewer-overlay",
+	children: [
+		/* @__PURE__ */ r(t, {
+			fullscreenImageProps: a,
+			caption: o
+		}),
+		/* @__PURE__ */ r(e, {
+			currentIndex: s,
+			totalImages: c
+		}),
+		/* @__PURE__ */ r(n, {
+			currentIndex: s,
+			totalImages: c,
+			onNavigate: u
+		})
+	]
+});
+//#endregion
+export { a as default };

package/dist/components/organisms/grid/Grid.controller.d.ts

@@ -0,0 +1,15 @@
+import { GridItem } from '../../../types';
+export declare const useGridController: ({ data, id, onSelect, }: {
+    data: GridItem[];
+    id?: string;
+    onSelect?: (ids: string[]) => void;
+}) => {
+    elementId: string;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled: boolean;
+    selectedIds: string[];
+    handleSelectAll: () => void;
+    handleDeselectAll: () => void;
+    handleSelectRowById: (id: string) => void;
+    handleDeselectRowById: (id: string) => void;
+};

package/dist/components/organisms/grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import { GridProps } from '../../../types';
+import { FC } from 'react';
+declare const Grid: FC<GridProps>;
+export default Grid;

package/dist/components/organisms/grid/Grid.helpers.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn, GridItem, GridRowValue, RenderDataItemCallback } from '../../../types';
+export declare function getGridRowValues({ item, columns, renderDataItem, }: {
+    item: GridItem;
+    columns: GridColumn[];
+    renderDataItem?: RenderDataItemCallback;
+}): GridRowValue[];

package/dist/components/organisms/grid/body/GridBody.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn, GridItem, RenderDataItemCallback } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    data: GridItem[];
+    columns: GridColumn[];
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    renderDataItem?: RenderDataItemCallback;
+    selectable: boolean;
+};
+export declare const GridBody: FC<Props>;
+export {};

package/dist/components/organisms/grid/checkbox/GridCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { FC, InputHTMLAttributes } from 'react';
+type Props = InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+};
+export declare const GridCheckbox: FC<Props>;
+export {};

package/dist/components/organisms/grid/column-group/GridColumnGroup.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+export declare const GridColumnGroup: FC<{
+    columns: GridColumn[];
+    selectable: boolean;
+}>;

package/dist/components/organisms/grid/data-cell/GridDataCell.d.ts

@@ -0,0 +1,4 @@
+import { FC, ReactElement } from 'react';
+export declare const GridDataCell: FC<{
+    value: ReactElement | string;
+}>;

package/dist/components/organisms/grid/grid-row/GridRow.d.ts

@@ -0,0 +1,13 @@
+import { GridRowValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    selectable: boolean;
+    values: GridRowValue[];
+    disabled?: boolean;
+};
+export declare const GridRow: FC<Props>;
+export {};

package/dist/components/organisms/grid/head/GridHead.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+type GridHeadProps = {
+    columns: GridColumn[];
+    gridId: string;
+    selectable: boolean;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled?: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+};
+export declare const GridHead: FC<GridHeadProps>;
+export {};

package/dist/components/organisms/grid/header-cell/HeaderCell.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const GridHeaderCell: FC<{
+    title?: string;
+    component?: React.ReactElement;
+}>;

package/dist/components/organisms/grid/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    gridId: string;
+    isAllSelected: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+    disabled?: boolean;
+};
+export declare const SelectAllGridRowsCell: FC<Props>;
+export {};

package/dist/components/organisms/grid/select-grid-row-cell/SelectGridRowCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    isRowSelected: boolean;
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    disabled?: boolean;
+};
+export declare const SelectGridRowCell: FC<Props>;
+export {};

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

@@ -0,0 +1,6 @@
+export { default as Dialog } from './dialog/Dialog';
+export { default as Form } from './form/Form';
+export { default as Gallery } from './gallery/Gallery';
+export { default as Grid } from './grid/Grid';
+export { default as Menu } from './menu/Menu';
+export { default as Tabs } from './tabs/Tabs';

package/dist/components/organisms/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps } from '../../../types';
+import { FC } from 'react';
+declare const Menu: FC<MenuProps>;
+export default Menu;

package/dist/components/organisms/menu/leaf/MenuLeaf.d.ts

@@ -0,0 +1,5 @@
+import { MenuItem } from '../../../../types';
+import { ReactElement } from 'react';
+export declare const MenuLeaf: ({ item }: {
+    item: MenuItem;
+}) => ReactElement;

package/dist/components/organisms/menu/list-item/MenuListItem.d.ts

@@ -0,0 +1,10 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    mode: OrientationMode;
+    openedOn?: 'hover' | 'click';
+};
+export declare const MenuListItem: FC<Props>;
+export {};

package/dist/components/organisms/menu/sub-menu/SubMenu.d.ts

@@ -0,0 +1,14 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    isSubMenuOpened: boolean;
+    mode: OrientationMode;
+    toggleSubMenu: () => void;
+    closeSubMenu: () => void;
+    openSubMenu: () => void;
+    openedOn?: 'hover' | 'click';
+};
+export declare const SubMenu: FC<Props>;
+export {};

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

@@ -0,0 +1,4 @@
+import { TabsProps } from '../../../types';
+import { FC } from 'react';
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/components/organisms/tabs/button/TabButton.d.ts

@@ -0,0 +1,18 @@
+import { OrientationMode } from '../../../../enums';
+import { FC } from 'react';
+type Props = {
+    title: string;
+    tabId: string;
+    onTabSelect: (id: string) => void;
+    tabPanelId: string;
+    isSelected: boolean;
+    mode: OrientationMode;
+    isDisabled?: boolean;
+    stretched?: boolean;
+    editable?: boolean;
+    onTabTitleChange?: (newTitle: string) => void;
+    onTabDelete?: (id: string) => void;
+    extendable?: boolean;
+};
+export declare const TabButton: FC<Props>;
+export {};

package/dist/components/organisms/tabs/content/TabContent.d.ts

@@ -0,0 +1,8 @@
+import { ChopLogicTabItem } from '../../../../types';
+import { FC, ReactElement } from 'react';
+export declare const TabContent: FC<{
+    tabs: ChopLogicTabItem[];
+    selectedTabId: string;
+    extendable?: boolean;
+    extendedTabContent?: ReactElement;
+}>;

package/dist/components/organisms/tabs/edit-input/TabEditInput.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+type Props = {
+    tabId: string;
+    isEditMode: boolean;
+    editValue: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    cancelButtonId: string;
+};
+export declare const TabEditInput: FC<Props>;
+export {};

package/dist/components/organisms/tabs/list/TabList.d.ts

@@ -0,0 +1,19 @@
+import { OrientationMode } from '../../../../enums';
+import { ChopLogicTabItem } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: OrientationMode;
+    onTabTitleChange?: (tabId: string, newTitle: string) => void;
+    stretched?: boolean;
+    editable?: boolean;
+    extendable?: boolean;
+    onTabAdd?: () => void;
+    onTabDelete?: (id: string) => void;
+};
+export declare const TabList: FC<Props>;
+export {};

package/dist/enums/alert-mode.d.ts

@@ -0,0 +1,7 @@
+export declare enum AlertMode {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info",
+    Help = "help"
+}

package/dist/enums/button-view.d.ts

@@ -0,0 +1,6 @@
+export declare enum ButtonView {
+    Primary = "primary",
+    Secondary = "secondary",
+    Icon = "icon",
+    Inner = "inner"
+}

package/dist/enums/element-size.d.ts

@@ -0,0 +1,8 @@
+export declare enum ElementSize {
+    ExtraSmall = "xs",
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl",
+    ExtraExtraLarge = "2xl"
+}

package/dist/enums/icon-name.d.ts

@@ -0,0 +1,284 @@
+export declare enum IconName {
+    Activity = "chop-icon__activity",
+    Airplay = "chop-icon__airplay",
+    AlertCircle = "chop-icon__alert-circle",
+    AlertOctagon = "chop-icon__alert-octagon",
+    AlertTriangle = "chop-icon__alert-triangle",
+    AlignCenter = "chop-icon__align-center",
+    AlignJustify = "chop-icon__align-justify",
+    AlignLeft = "chop-icon__align-left",
+    AlignRight = "chop-icon__align-right",
+    Anchor = "chop-icon__anchor",
+    Aperture = "chop-icon__aperture",
+    Archive = "chop-icon__archive",
+    ArrowDown = "chop-icon__arrow-down",
+    ArrowDownCircle = "chop-icon__arrow-down-circle",
+    ArrowDownLeft = "chop-icon__arrow-down-left",
+    ArrowDownRight = "chop-icon__arrow-down-right",
+    ArrowLeft = "chop-icon__arrow-left",
+    ArrowLeftCircle = "chop-icon__arrow-left-circle",
+    ArrowRight = "chop-icon__arrow-right",
+    ArrowRightCircle = "chop-icon__arrow-right-circle",
+    ArrowUp = "chop-icon__arrow-up",
+    ArrowUpCircle = "chop-icon__arrow-up-circle",
+    ArrowUpLeft = "chop-icon__arrow-up-left",
+    ArrowUpRight = "chop-icon__arrow-up-right",
+    AtSign = "chop-icon__at-sign",
+    Award = "chop-icon__award",
+    BarChart = "chop-icon__bar-chart",
+    BarChart2 = "chop-icon__bar-chart-2",
+    Battery = "chop-icon__battery",
+    BatteryCharging = "chop-icon__battery-charging",
+    Bell = "chop-icon__bell",
+    BellOff = "chop-icon__bell-off",
+    Bluetooth = "chop-icon__bluetooth",
+    Bold = "chop-icon__bold",
+    Book = "chop-icon__book",
+    BookOpen = "chop-icon__book-open",
+    Bookmark = "chop-icon__bookmark",
+    Box = "chop-icon__box",
+    Briefcase = "chop-icon__briefcase",
+    Calendar = "chop-icon__calendar",
+    Camera = "chop-icon__camera",
+    CameraOff = "chop-icon__camera-off",
+    Cast = "chop-icon__cast",
+    Check = "chop-icon__check",
+    CheckCircle = "chop-icon__check-circle",
+    CheckSquare = "chop-icon__check-square",
+    ChevronDown = "chop-icon__chevron-down",
+    ChevronLeft = "chop-icon__chevron-left",
+    ChevronRight = "chop-icon__chevron-right",
+    ChevronUp = "chop-icon__chevron-up",
+    ChevronsDown = "chop-icon__chevrons-down",
+    ChevronsLeft = "chop-icon__chevrons-left",
+    ChevronsRight = "chop-icon__chevrons-right",
+    ChevronsUp = "chop-icon__chevrons-up",
+    Chrome = "chop-icon__chrome",
+    Circle = "chop-icon__circle",
+    Clipboard = "chop-icon__clipboard",
+    Clock = "chop-icon__clock",
+    Cloud = "chop-icon__cloud",
+    CloudDrizzle = "chop-icon__cloud-drizzle",
+    CloudLightning = "chop-icon__cloud-lightning",
+    CloudOff = "chop-icon__cloud-off",
+    CloudRain = "chop-icon__cloud-rain",
+    CloudSnow = "chop-icon__cloud-snow",
+    Code = "chop-icon__code",
+    Codepen = "chop-icon__codepen",
+    Codesandbox = "chop-icon__codesandbox",
+    Coffee = "chop-icon__coffee",
+    Columns = "chop-icon__columns",
+    Command = "chop-icon__command",
+    Compass = "chop-icon__compass",
+    Copy = "chop-icon__copy",
+    CornerDownLeft = "chop-icon__corner-down-left",
+    CornerDownRight = "chop-icon__corner-down-right",
+    CornerLeftDown = "chop-icon__corner-left-down",
+    CornerLeftUp = "chop-icon__corner-left-up",
+    CornerRightDown = "chop-icon__corner-right-down",
+    CornerRightUp = "chop-icon__corner-right-up",
+    CornerUpLeft = "chop-icon__corner-up-left",
+    CornerUpRight = "chop-icon__corner-up-right",
+    Cpu = "chop-icon__cpu",
+    CreditCard = "chop-icon__credit-card",
+    Crop = "chop-icon__crop",
+    Crosshair = "chop-icon__crosshair",
+    Database = "chop-icon__database",
+    Delete = "chop-icon__delete",
+    Disc = "chop-icon__disc",
+    DollarSign = "chop-icon__dollar-sign",
+    Download = "chop-icon__download",
+    DownloadCloud = "chop-icon__download-cloud",
+    Droplet = "chop-icon__droplet",
+    Edit = "chop-icon__edit",
+    Edit2 = "chop-icon__edit-2",
+    Edit3 = "chop-icon__edit-3",
+    ExternalLink = "chop-icon__external-link",
+    Eye = "chop-icon__eye",
+    EyeOff = "chop-icon__eye-off",
+    Facebook = "chop-icon__facebook",
+    FastForward = "chop-icon__fast-forward",
+    Feather = "chop-icon__feather",
+    Figma = "chop-icon__figma",
+    File = "chop-icon__file",
+    FileMinus = "chop-icon__file-minus",
+    FilePlus = "chop-icon__file-plus",
+    FileText = "chop-icon__file-text",
+    Film = "chop-icon__film",
+    Filter = "chop-icon__filter",
+    Flag = "chop-icon__flag",
+    Folder = "chop-icon__folder",
+    FolderMinus = "chop-icon__folder-minus",
+    FolderPlus = "chop-icon__folder-plus",
+    Framer = "chop-icon__framer",
+    Frown = "chop-icon__frown",
+    Gift = "chop-icon__gift",
+    GitBranch = "chop-icon__git-branch",
+    GitCommit = "chop-icon__git-commit",
+    GitMerge = "chop-icon__git-merge",
+    GitPullRequest = "chop-icon__git-pull-request",
+    Github = "chop-icon__github",
+    Gitlab = "chop-icon__gitlab",
+    Globe = "chop-icon__globe",
+    Grid = "chop-icon__grid",
+    HardDrive = "chop-icon__hard-drive",
+    Hash = "chop-icon__hash",
+    Headphones = "chop-icon__headphones",
+    Heart = "chop-icon__heart",
+    HelpCircle = "chop-icon__help-circle",
+    Hexagon = "chop-icon__hexagon",
+    Home = "chop-icon__home",
+    Image = "chop-icon__image",
+    Inbox = "chop-icon__inbox",
+    Info = "chop-icon__info",
+    Instagram = "chop-icon__instagram",
+    Italic = "chop-icon__italic",
+    Key = "chop-icon__key",
+    Layers = "chop-icon__layers",
+    Layout = "chop-icon__layout",
+    LifeBuoy = "chop-icon__life-buoy",
+    Link = "chop-icon__link",
+    Link2 = "chop-icon__link-2",
+    Linkedin = "chop-icon__linkedin",
+    List = "chop-icon__list",
+    Loader = "chop-icon__loader",
+    Lock = "chop-icon__lock",
+    LogIn = "chop-icon__log-in",
+    LogOut = "chop-icon__log-out",
+    Mail = "chop-icon__mail",
+    Map = "chop-icon__map",
+    MapPin = "chop-icon__map-pin",
+    Maximize = "chop-icon__maximize",
+    Maximize2 = "chop-icon__maximize-2",
+    Meh = "chop-icon__meh",
+    Menu = "chop-icon__menu",
+    MessageCircle = "chop-icon__message-circle",
+    MessageSquare = "chop-icon__message-square",
+    Mic = "chop-icon__mic",
+    MicOff = "chop-icon__mic-off",
+    Minimize = "chop-icon__minimize",
+    Minimize2 = "chop-icon__minimize-2",
+    Minus = "chop-icon__minus",
+    MinusCircle = "chop-icon__minus-circle",
+    MinusSquare = "chop-icon__minus-square",
+    Monitor = "chop-icon__monitor",
+    Moon = "chop-icon__moon",
+    MoreHorizontal = "chop-icon__more-horizontal",
+    MoreVertical = "chop-icon__more-vertical",
+    MousePointer = "chop-icon__mouse-pointer",
+    Move = "chop-icon__move",
+    Music = "chop-icon__music",
+    Navigation = "chop-icon__navigation",
+    Navigation2 = "chop-icon__navigation-2",
+    Octagon = "chop-icon__octagon",
+    Package = "chop-icon__package",
+    Paperclip = "chop-icon__paperclip",
+    Pause = "chop-icon__pause",
+    PauseCircle = "chop-icon__pause-circle",
+    PenTool = "chop-icon__pen-tool",
+    Percent = "chop-icon__percent",
+    Phone = "chop-icon__phone",
+    PhoneCall = "chop-icon__phone-call",
+    PhoneForwarded = "chop-icon__phone-forwarded",
+    PhoneIncoming = "chop-icon__phone-incoming",
+    PhoneMissed = "chop-icon__phone-missed",
+    PhoneOff = "chop-icon__phone-off",
+    PhoneOutgoing = "chop-icon__phone-outgoing",
+    PieChart = "chop-icon__pie-chart",
+    Play = "chop-icon__play",
+    PlayCircle = "chop-icon__play-circle",
+    Plus = "chop-icon__plus",
+    PlusCircle = "chop-icon__plus-circle",
+    PlusSquare = "chop-icon__plus-square",
+    Pocket = "chop-icon__pocket",
+    Power = "chop-icon__power",
+    Printer = "chop-icon__printer",
+    Radio = "chop-icon__radio",
+    RefreshCcw = "chop-icon__refresh-ccw",
+    RefreshCw = "chop-icon__refresh-cw",
+    Repeat = "chop-icon__repeat",
+    Rewind = "chop-icon__rewind",
+    RotateCcw = "chop-icon__rotate-ccw",
+    RotateCw = "chop-icon__rotate-cw",
+    Rss = "chop-icon__rss",
+    Save = "chop-icon__save",
+    Scissors = "chop-icon__scissors",
+    Search = "chop-icon__search",
+    Send = "chop-icon__send",
+    Server = "chop-icon__server",
+    Settings = "chop-icon__settings",
+    Share = "chop-icon__share",
+    Share2 = "chop-icon__share-2",
+    Shield = "chop-icon__shield",
+    ShieldOff = "chop-icon__shield-off",
+    ShoppingBag = "chop-icon__shopping-bag",
+    ShoppingCart = "chop-icon__shopping-cart",
+    Shuffle = "chop-icon__shuffle",
+    Sidebar = "chop-icon__sidebar",
+    SkipBack = "chop-icon__skip-back",
+    SkipForward = "chop-icon__skip-forward",
+    Slack = "chop-icon__slack",
+    Slash = "chop-icon__slash",
+    Sliders = "chop-icon__sliders",
+    Smartphone = "chop-icon__smartphone",
+    Smile = "chop-icon__smile",
+    Speaker = "chop-icon__speaker",
+    Square = "chop-icon__square",
+    Star = "chop-icon__star",
+    StopCircle = "chop-icon__stop-circle",
+    Sun = "chop-icon__sun",
+    Sunrise = "chop-icon__sunrise",
+    Sunset = "chop-icon__sunset",
+    Tablet = "chop-icon__tablet",
+    Tag = "chop-icon__tag",
+    Target = "chop-icon__target",
+    Terminal = "chop-icon__terminal",
+    Thermometer = "chop-icon__thermometer",
+    ThumbsDown = "chop-icon__thumbs-down",
+    ThumbsUp = "chop-icon__thumbs-up",
+    ToggleLeft = "chop-icon__toggle-left",
+    ToggleRight = "chop-icon__toggle-right",
+    Tool = "chop-icon__tool",
+    Trash = "chop-icon__trash",
+    Trash2 = "chop-icon__trash-2",
+    Trello = "chop-icon__trello",
+    TrendingDown = "chop-icon__trending-down",
+    TrendingUp = "chop-icon__trending-up",
+    Triangle = "chop-icon__triangle",
+    Truck = "chop-icon__truck",
+    Tv = "chop-icon__tv",
+    Twitch = "chop-icon__twitch",
+    Twitter = "chop-icon__twitter",
+    Type = "chop-icon__type",
+    Umbrella = "chop-icon__umbrella",
+    Underline = "chop-icon__underline",
+    Unlock = "chop-icon__unlock",
+    Upload = "chop-icon__upload",
+    UploadCloud = "chop-icon__upload-cloud",
+    User = "chop-icon__user",
+    UserCheck = "chop-icon__user-check",
+    UserMinus = "chop-icon__user-minus",
+    UserPlus = "chop-icon__user-plus",
+    UserX = "chop-icon__user-x",
+    Users = "chop-icon__users",
+    Video = "chop-icon__video",
+    VideoOff = "chop-icon__video-off",
+    Voicemail = "chop-icon__voicemail",
+    Volume = "chop-icon__volume",
+    Volume1 = "chop-icon__volume-1",
+    Volume2 = "chop-icon__volume-2",
+    VolumeX = "chop-icon__volume-x",
+    Watch = "chop-icon__watch",
+    Wifi = "chop-icon__wifi",
+    WifiOff = "chop-icon__wifi-off",
+    Wind = "chop-icon__wind",
+    X = "chop-icon__x",
+    XCircle = "chop-icon__x-circle",
+    XOctagon = "chop-icon__x-octagon",
+    XSquare = "chop-icon__x-square",
+    Youtube = "chop-icon__youtube",
+    Zap = "chop-icon__zap",
+    ZapOff = "chop-icon__zap-off",
+    ZoomIn = "chop-icon__zoom-in",
+    ZoomOut = "chop-icon__zoom-out"
+}

package/dist/enums/index.d.ts

@@ -0,0 +1,8 @@
+export { AlertMode } from './alert-mode';
+export { ButtonView } from './button-view';
+export { ElementSize } from './element-size';
+export { IconName } from './icon-name';
+export { LoaderView } from './loader-view';
+export { OrientationMode } from './orientation-mode';
+export { SemanticColor } from './semantic-color';
+export { TooltipContainer } from './tooltip-container';