@sellgar/kit 0.0.166 → 0.0.168

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@sellgar/kit",
   "type": "module",
-  "version": "0.0.166",
+  "version": "0.0.168",
   "description": "Sellgar kit",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./types/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pyatakovvg/sellgar.ui.kit.git"
-  },
   "scripts": {
+    "dev": "vite build --watch",
     "build": "vite build",
     "login": "yarn npm login",
     "publish": "yarn npm publish"
@@ -27,13 +24,6 @@
         "default": "./dist/index.js"
       }
     },
-    "./development": "./src/index.ts",
-    "./development/theme.css": "./src/theme/theme.css",
-    "./development/theme.mobile.css": "./src/theme/theme.mobile.css",
-    "./development/theme.desktop.css": "./src/theme/theme.desktop.css",
-    "./development/icons.css": "./src/theme/fonts/icons/style.css",
-    "./development/inter.css": "./src/theme/fonts/inter/style.css",
-    "./development/geologica.css": "./src/theme/fonts/geologica/style.css",
     "./icons.css": "./dist/icons.css",
     "./inter.css": "./dist/inter.css",
     "./geologica.css": "./dist/geologica.css",
@@ -43,6 +33,7 @@
     "./theme.terminal.css": "./dist/theme.terminal.css"
   },
   "dependencies": {
+    "@emotion/react": "11.14.0",
     "@floating-ui/dom": "1.7.4",
     "@floating-ui/react": "0.27.16",
     "@react-input/mask": "2.0.4",

package/types/components/drawer/drawer.d.ts

@@ -27,11 +27,11 @@ export declare function useDrawer({ initialOpen, isClosable, isOverlayClosable,
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: import('@floating-ui/utils').Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;
@@ -75,11 +75,11 @@ export declare const useDrawerContext: () => {
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: import('@floating-ui/utils').Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;

package/types/components/helpers/dropdown/dropdown.d.ts

@@ -32,11 +32,11 @@ declare const useDropdown: ({ placement, ...options }: IOptions) => {
             floating: HTMLElement | null;
         } & import('@floating-ui/react').ExtendedElements<ReferenceType>;
         context: {
+            x: number;
+            y: number;
             update: () => void;
             placement: Placement;
             strategy: import('@floating-ui/utils').Strategy;
-            x: number;
-            y: number;
             middlewareData: import('@floating-ui/core').MiddlewareData;
             isPositioned: boolean;
             floatingStyles: React.CSSProperties;
@@ -79,11 +79,11 @@ export declare const useDropdownContext: () => {
             floating: HTMLElement | null;
         } & import('@floating-ui/react').ExtendedElements<ReferenceType>;
         context: {
+            x: number;
+            y: number;
             update: () => void;
             placement: Placement;
             strategy: import('@floating-ui/utils').Strategy;
-            x: number;
-            y: number;
             middlewareData: import('@floating-ui/core').MiddlewareData;
             isPositioned: boolean;
             floatingStyles: React.CSSProperties;

package/types/components/helpers/select/select.d.ts

@@ -42,11 +42,11 @@ declare const useSelect: (options: IOptions) => {
             floating: HTMLElement | null;
         } & import('@floating-ui/react').ExtendedElements<ReferenceType>;
         context: {
+            x: number;
+            y: number;
             update: () => void;
             placement: import('@floating-ui/utils').Placement;
             strategy: import('@floating-ui/utils').Strategy;
-            x: number;
-            y: number;
             middlewareData: import('@floating-ui/core').MiddlewareData;
             isPositioned: boolean;
             floatingStyles: React.CSSProperties;
@@ -98,11 +98,11 @@ export declare const useSelectContext: () => {
             floating: HTMLElement | null;
         } & import('@floating-ui/react').ExtendedElements<ReferenceType>;
         context: {
+            x: number;
+            y: number;
             update: () => void;
             placement: import('@floating-ui/utils').Placement;
             strategy: import('@floating-ui/utils').Strategy;
-            x: number;
-            y: number;
             middlewareData: import('@floating-ui/core').MiddlewareData;
             isPositioned: boolean;
             floatingStyles: React.CSSProperties;

package/types/components/modal/modal.d.ts

@@ -25,11 +25,11 @@ export declare function useDialog({ initialOpen, open: controlledOpen, onOpen, o
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: import('@floating-ui/utils').Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;
@@ -72,11 +72,11 @@ export declare const useModalContext: () => {
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: import('@floating-ui/utils').Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;

package/types/components/symbols/checkbox/checkbox.d.ts

@@ -3,5 +3,6 @@ export interface IProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
     size?: 'sm' | 'md';
     label?: string;
     caption?: string;
+    isIndeterminate?: boolean;
 }
 export declare const Checkbox: React.FC<IProps>;

package/types/components/symbols/checkbox/element/element.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export interface IProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     size?: 'sm' | 'md';
+    isIndeterminate?: boolean;
 }
 export declare const Element: React.FC<IProps>;

package/types/components/symbols/dropdown/dropdown.d.ts

@@ -20,4 +20,4 @@ export interface IProps<T extends Record<string, any>, K extends keyof T> {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const Dropdown: <T extends Record<string, any>, K extends keyof T>({ value, placeholder, tabIndex, options, optionKey, optionValue, templateValue, templateOption, onBlur, onFocus, onChange, disabled, isClearable, ...props }: IProps<T, K>) => React.JSX.Element;
+export declare const Dropdown: <T extends Record<string, any>, K extends keyof T>({ value, placeholder, tabIndex, options, optionKey, optionValue, templateValue, onBlur, onFocus, onChange, disabled, isClearable, }: IProps<T, K>) => React.JSX.Element;

package/types/components/symbols/index.d.ts

@@ -5,9 +5,7 @@ export * from './button-link';
 export * from './radio';
 export * from './checkbox';
 export * from './input';
-export * from './dropdown';
 export * from './input-mask';
-export * from './input-amount';
 export * from './input-numeral';
 export * from './input-select';
 export * from './textarea';

package/types/components/symbols/input/input.d.ts

@@ -3,7 +3,6 @@ export interface IProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
     ref?: React.RefObject<HTMLInputElement> | React.RefCallback<HTMLInputElement>;
     leadIcon?: React.ReactNode;
     tailIcon?: React.ReactNode;
-    tailSlot?: React.ReactNode;
     badge?: React.ReactNode;
     size?: 'xs' | 'md';
     target?: 'destructive';

package/types/components/symbols/input-numeral/input-numeral.d.ts

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
 import { format, unformat } from '@react-input/number-format';
 import { IProps as IInputProps } from '../input/input.tsx';
-export interface IProps extends Omit<IInputProps, 'onChange' | 'value' | 'defaultValue'> {
-    value?: string;
-    defaultValue?: string;
-    onChange: (value: string | undefined) => void;
+export interface IProps extends IInputProps {
 }
 export declare const InputNumeralComponent: React.FC<IProps>;
 type TInputNumeral = typeof InputNumeralComponent & {

package/types/components/symbols/tooltip/tooltip.d.ts

@@ -27,11 +27,11 @@ export declare function useTooltip({ size, initialOpen, placement, open: control
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;
@@ -75,11 +75,11 @@ export declare const useTooltipContext: () => {
         floating: HTMLElement | null;
     } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     context: {
+        x: number;
+        y: number;
         update: () => void;
         placement: Placement;
         strategy: import('@floating-ui/utils').Strategy;
-        x: number;
-        y: number;
         middlewareData: import('@floating-ui/core').MiddlewareData;
         isPositioned: boolean;
         floatingStyles: React.CSSProperties;

package/types/components/table/column/column.context.d.ts

@@ -3,6 +3,8 @@ export interface IColumn<T> {
     accessor?: keyof T;
     width?: number;
     align?: 'left' | 'center' | 'right';
+    pinLeft?: boolean;
+    pinRight?: boolean;
     dynamicWidth: number;
     setWidth: React.Dispatch<React.SetStateAction<number>>;
 }

package/types/components/table/column/column.d.ts

@@ -5,6 +5,8 @@ interface IProps<T> {
     accessor?: keyof T;
     width?: number;
     align?: 'left' | 'center' | 'right';
+    pinLeft?: boolean;
+    pinRight?: boolean;
 }
 declare const ColumnComponent: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
 type TColumn = typeof ColumnComponent & {

package/types/components/table/table.context.d.ts

@@ -5,6 +5,7 @@ export interface ITree<T> {
 }
 export interface IContext<T> {
     tree?: ITree<T>;
+    target?: HTMLTableElement;
 }
 export declare const context: React.Context<IContext<any>>;
 export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table2/index.d.ts

@@ -0,0 +1 @@
+export { Table } from './table.tsx';

package/types/components/table2/table.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+interface IColumnProps {
+    width?: number;
+    resizable?: boolean;
+    pinLeft?: boolean;
+    pinRight?: boolean;
+}
+interface IColumnPropsWithDisplayName extends React.FC<React.PropsWithChildren<IColumnProps>> {
+    displayName: string;
+}
+declare const Column: IColumnPropsWithDisplayName;
+interface IHeadProps {
+    label?: string;
+}
+interface IHeadPropsWithDisplayName extends React.FC<IHeadProps> {
+    displayName: string;
+}
+declare const Head: IHeadPropsWithDisplayName;
+interface ICellProps {
+}
+interface ICellPropsWithDisplayName extends React.FC<React.PropsWithChildren<ICellProps>> {
+    displayName: string;
+}
+declare const Cell: ICellPropsWithDisplayName;
+interface ITableSelectProps {
+    isUse: boolean;
+    onChange: (items: any[]) => void;
+}
+interface ITableProps {
+    data: any[];
+    select?: ITableSelectProps;
+}
+export declare const TableComponent: React.FC<React.PropsWithChildren<ITableProps>>;
+type TTable = typeof TableComponent & {
+    Column: typeof Column;
+    Head: typeof Head;
+    Cell: typeof Cell;
+};
+export declare const Table: TTable;
+export {};

package/types/components/table2/table2.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+declare const Column: React.FC<React.PropsWithChildren>;
+declare const Title: React.FC<React.PropsWithChildren>;
+declare const Cell: React.FC<React.PropsWithChildren>;
+export declare const TableComponent: () => React.JSX.Element;
+type TTable = typeof TableComponent & {
+    Column: typeof Column & {
+        Title: typeof Title;
+        Cell: typeof Cell;
+    };
+};
+export declare const Table: TTable;
+export {};

package/types/components/table3/cell/cell.context.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface IContext {
+    data: any;
+}
+export declare const context: React.Context<IContext>;
+export declare const Provider: React.Provider<IContext>;
+export {};

package/types/components/table3/cell/cell.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps {
+    data: any;
+}
+export declare const Cell: React.FC<React.PropsWithChildren<IProps>>;
+export {};

package/types/components/table3/cell/cell.provider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps {
+    data: any;
+}
+export declare const CellProvider: React.FC<React.PropsWithChildren<IProps>>;
+export {};

package/types/components/table3/cell/hook/cell-data.hook.d.ts

@@ -0,0 +1 @@
+export declare const useCellData: () => any;

package/types/components/table3/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from './cell.tsx';
+export { useCellData } from './hook/cell-data.hook.ts';

package/types/components/table3/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './table.tsx';
+export { useCellData } from './cell';

package/types/components/table3/table.context.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface IContext {
+    isSelectedAll: boolean;
+    isIndeterminate: boolean;
+    selectedItems: any[];
+    hasSelected: (item: any) => boolean;
+    addItem: (item: any) => void;
+    deleteItem: (item: any) => void;
+    selectAll: () => void;
+    deleteAll: () => void;
+}
+export declare const context: React.Context<IContext>;
+export declare const Provider: React.Provider<IContext>;
+export {};

package/types/components/table3/table.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+interface IColumnProps {
+    width?: number;
+    pinLeft?: boolean;
+    pinRight?: boolean;
+}
+interface IColumnPropsWithDisplayName extends React.FC<React.PropsWithChildren<IColumnProps>> {
+    displayName: string;
+}
+declare const Column: IColumnPropsWithDisplayName;
+interface IHeadProps {
+    label?: string;
+}
+interface IHeadPropsWithDisplayName extends React.FC<IHeadProps> {
+    displayName: string;
+}
+declare const Head: IHeadPropsWithDisplayName;
+interface ICaptionProps {
+    label?: string;
+}
+interface ICaptionPropsWithDisplayName extends React.FC<ICaptionProps> {
+    displayName: string;
+}
+declare const Caption: ICaptionPropsWithDisplayName;
+interface ICellProps {
+    render?: (item: any) => React.ReactNode;
+}
+interface ICellPropsWithDisplayName extends React.FC<React.PropsWithChildren<ICellProps>> {
+    displayName: string;
+}
+declare const Cell: ICellPropsWithDisplayName;
+interface ITableSelectProps {
+    isUse: boolean;
+    onChange: (items: any[]) => void;
+}
+interface ITableProps {
+    data: any[];
+    select?: ITableSelectProps;
+}
+export declare const TableComponent: React.FC<React.PropsWithChildren<ITableProps>>;
+type TTable = typeof TableComponent & {
+    Column: typeof Column;
+    Head: typeof Head;
+    Cell: typeof Cell;
+    Caption: typeof Caption;
+};
+export declare const Table: TTable;
+export {};

package/types/components/table3/table.provider.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface IProviderProps {
+    data: any[];
+    onSelect: (items: any[]) => void;
+}
+export declare const TableProvider: React.FC<React.PropsWithChildren<IProviderProps>>;
+export {};

package/types/components/wrappers/scrollbar/scrollbar.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 interface IProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: any;
+    contentStyle?: React.CSSProperties;
 }
 export declare const Scrollbar: React.FC<React.PropsWithChildren<IProps>>;
 export {};

package/types/index.d.ts

@@ -4,5 +4,5 @@ export * from './components/wrappers';
 export * from './subcomponents';
 export * from './components/helpers/animate';
 export * from './components/modal';
-export * from './components/table';
+export * from './components/table3';
 export * from './components/drawer';

package/types/components/misc/base-option/base-option.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-interface IProps {
-    leadIcon?: React.ReactNode;
-    active?: boolean;
-    label: string;
-    badge?: string;
-    toggle?: boolean;
-}
-export declare const BaseOption: React.FC<IProps>;
-export {};

package/types/components/misc/base-option/index.d.ts

@@ -1 +0,0 @@
-export { BaseOption } from './base-option.tsx';

package/types/components/misc/divider/divider.stories.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<React.FC<import('./divider.tsx').IProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TypeLabelLeft: Story;
-export declare const TypeLabelCenter: Story;
-export declare const TypeLabelCenterActionCenter: Story;

package/types/components/misc/option/option.stories.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<React.FC<import('./option.tsx').IProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TypeLabelLeft: Story;

package/types/components/symbols/badge/badge.stories.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<React.FC<import('./badge.tsx').IProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TypeLabelLeft: Story;

package/types/components/symbols/button/button.stories.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<React.FC<import('./button.tsx').IProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/types/components/symbols/button-dropdown/button-dropdown.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
-    form?: 'icon-only';
-    style?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
-    size?: 'lg' | 'md' | 'sm' | 'xs';
-    target?: 'destructive';
-    shape?: 'rounded' | 'pill';
-    leadIcon?: React.ReactNode;
-    tailIcon?: React.ReactNode;
-    label?: string | number;
-}
-export declare const ButtonDropdown: React.FC<IProps>;
-export {};

package/types/components/symbols/button-dropdown/index.d.ts

@@ -1 +0,0 @@
-export { ButtonDropdown } from './button-dropdown.tsx';

package/types/components/symbols/button-icon/button-icon.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-interface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
-    style: 'primary' | 'secondary' | 'tertiary' | 'ghost';
-    size?: 'lg' | 'md' | 'sm' | 'xs';
-    target?: 'destructive';
-    shape?: 'rounded' | 'pill';
-    icon: React.ReactNode;
-}
-export declare const ButtonIcon: React.FC<IProps>;
-export {};

package/types/components/symbols/button-icon/index.d.ts

@@ -1 +0,0 @@
-export { ButtonIcon } from './button-icon.tsx';

package/types/components/symbols/button-link/button-link.stories.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<React.FC<import('./button-link.tsx').IProps>>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;