@sellgar/kit 0.0.97 → 0.0.99

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sellgar/kit",
   "type": "module",
-  "version": "0.0.97",
+  "version": "0.0.99",
   "description": "Storybook",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -34,8 +34,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.6.13",
-    "@floating-ui/react": "0.27.5",
+    "@floating-ui/react": "0.27.6",
     "@react-input/mask": "2.0.4",
+    "@react-input/number-format": "2.0.3",
     "@types/react-slider": "1.3.6",
     "classnames": "2.5.1",
     "date-fns": "4.1.0",
@@ -59,8 +60,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "4.3.4",
-    "typescript": "5.8.2",
-    "vite": "6.2.2",
+    "typescript": "5.8.3",
+    "vite": "6.2.5",
     "vite-plugin-dts": "4.5.3",
     "vite-plugin-lib-inject-css": "2.2.1",
     "vite-plugin-webfont-dl": "3.10.4"

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

@@ -1 +1,2 @@
 export { Select } from './select.tsx';
+export type { TSelectContext } from './select.tsx';

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

@@ -67,7 +67,7 @@ declare const useSelect: (options: IOptions) => {
     onBlur: (() => void) | undefined;
     onFocus: (() => void) | undefined;
 };
-type TSelectContext = ReturnType<typeof useSelect>;
+export type TSelectContext = ReturnType<typeof useSelect>;
 export declare const useSelectContext: () => {
     open: boolean | undefined;
     setOpen: (open: boolean) => void;

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

@@ -8,6 +8,7 @@ export * from './radio';
 export * from './checkbox';
 export * from './input';
 export * from './input-mask';
+export * from './input-numeral';
 export * from './input-select';
 export * from './textarea';
 export * from './label-field';
@@ -24,6 +25,7 @@ export * from './breadcrumb';
 export * from './notification';
 export * from './modal';
 export * from './select';
+export * from './select-tree';
 export * from './datepicker';
 export * from './tab-menu';
 export * from './card';

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

@@ -0,0 +1 @@
+export { InputNumeral } from './input-numeral.tsx';

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

@@ -0,0 +1,12 @@
+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 IInputProps {
+}
+declare const InputNumeralComponent: React.FC<IProps>;
+type TInputNumeral = typeof InputNumeralComponent & {
+    format: typeof format;
+    unFormat: typeof unformat;
+};
+export declare const InputNumeral: TInputNumeral;
+export {};

package/types/components/symbols/select-tree/empty/empty.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface IProps {
+    title: string;
+    disabled?: boolean;
+}
+export declare const Empty: React.FC<IProps>;

package/types/components/symbols/select-tree/empty/index.d.ts

@@ -0,0 +1 @@
+export { Empty } from './empty.tsx';

package/types/components/symbols/select-tree/index.d.ts

@@ -0,0 +1 @@
+export { SelectTree } from './select-tree.tsx';

package/types/components/symbols/select-tree/option/index.d.ts

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

package/types/components/symbols/select-tree/option/option.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface IProps {
+    title: string;
+    disabled?: boolean;
+}
+export declare const Option: React.FC<IProps>;

package/types/components/symbols/select-tree/placeholder/index.d.ts

@@ -0,0 +1 @@
+export { Placeholder } from './placeholder.tsx';

package/types/components/symbols/select-tree/placeholder/placeholder.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface IProps {
+    title: string;
+}
+export declare const Placeholder: React.FC<IProps>;

package/types/components/symbols/select-tree/select-tree.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface IProps<T extends Record<string, any>, K extends keyof T> {
+    leadIcon?: React.ReactNode;
+    tailIcon?: React.ReactNode;
+    badge?: string | number;
+    size?: 'xs' | 'md';
+    target?: 'destructive';
+    accessor: K;
+    optionKey: K;
+    optionValue: K;
+    options: T[];
+    value?: T[K];
+    tabIndex?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    isClearable?: boolean;
+    templateValue?(option?: T): React.ReactNode;
+    templateOption?(option: T): React.ReactNode;
+    onChange?: (value: T[K] | undefined) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const SelectTree: <T extends Record<string, any>, K extends keyof T>({ value, placeholder, tabIndex, options, accessor, optionKey, optionValue, templateValue, templateOption, onBlur, onFocus, onChange, disabled, isClearable, ...props }: IProps<T, K>) => React.JSX.Element;

package/types/components/symbols/select-tree/tree/index.d.ts

@@ -0,0 +1 @@
+export { Tree } from './tree.tsx';

package/types/components/symbols/select-tree/tree/tree.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface IProps<T extends Record<string, any>, K extends keyof T> {
+    index: number;
+    options: T[];
+    accessor: K;
+    optionKey: K;
+    optionValue: K;
+    templateOption?(option: T): React.ReactNode;
+}
+export declare const Tree: <T extends Record<string, any>, K extends keyof T>(props: IProps<T, K>) => (string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>)[];
+export {};

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

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

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

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

package/types/components/table/cell/hook/useCellData.d.ts

@@ -0,0 +1,4 @@
+export declare const useCellData: () => {
+    data: any;
+    deps: number;
+};

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

@@ -0,0 +1,4 @@
+export { Cell } from './cell.tsx';
+export { context, Provider } from './cell.context.ts';
+export { useCellData } from './hook/useCellData.ts';
+export type { IProps as ICellProps } from './cell.tsx';

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IColumn<T> {
+    accessor?: keyof T;
+    width?: number;
+    dynamicWidth: number;
+    setWidth: React.Dispatch<React.SetStateAction<number>>;
+}
+export declare const context: React.Context<IColumn<any>>;
+export declare const Provider: React.Provider<IColumn<any>>;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Title } from '../title';
+import { Cell } from '../cell';
+interface IProps<T> {
+    accessor?: keyof T;
+    width?: number;
+}
+declare const ColumnComponent: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+type TColumn = typeof ColumnComponent & {
+    Title: typeof Title;
+    Cell: typeof Cell;
+};
+export declare const Column: TColumn;
+export {};

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

@@ -0,0 +1,2 @@
+export { Column } from './column.tsx';
+export { Provider, context } from './column.context.ts';

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

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

package/types/components/table/empty/index.d.ts

@@ -0,0 +1 @@
+export { Empty } from './empty.tsx';

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+interface IProps {
+}
+export declare const Expand: React.FC<IProps>;
+export {};

package/types/components/table/expand/index.d.ts

@@ -0,0 +1 @@
+export { Expand } from './expand.tsx';

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Head: React.FC<React.PropsWithChildren>;

package/types/components/table/head/index.d.ts

@@ -0,0 +1 @@
+export { Head } from './head.tsx';

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

@@ -0,0 +1,8 @@
+export { Table } from './table.tsx';
+export { Column } from './column';
+export { Expand } from './expand';
+export { context as rowContext } from './row';
+export { context as cellContext } from './cell';
+export { useCellData } from './cell/hook/useCellData.ts';
+export { type ITitleProps } from './title';
+export { type ICellProps } from './cell';

package/types/components/table/row/index.d.ts

@@ -0,0 +1,2 @@
+export { Row } from './row.tsx';
+export { context } from './row.context.ts';

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface IColumn<T> {
+    data: T;
+    deps: number;
+    hasExpanded: boolean;
+    expanded: boolean;
+    setExpand(state: boolean): void;
+}
+export declare const context: React.Context<IColumn<any>>;
+export declare const Provider: React.Provider<IColumn<any>>;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    deps: number;
+    expanded: boolean;
+    setExpand(state: boolean): void;
+}
+export declare const Row: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ITree<T> {
+    accessor: keyof T;
+    defaultExpanded?: boolean;
+}
+export interface IContext<T> {
+    tree?: ITree<T>;
+}
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface ITree<T> {
+    accessor: keyof T;
+    defaultExpanded?: boolean;
+}
+interface IProps<T> {
+    data: T[];
+    tree?: ITree<T>;
+    empty?: React.ReactNode;
+}
+export declare const Table: <T extends Record<string, any>>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table/title/index.d.ts

@@ -0,0 +1,2 @@
+export { Title } from './title.tsx';
+export type { IProps as ITitleProps } from './title.tsx';

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

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

package/types/index.d.ts

@@ -3,3 +3,4 @@ export * from './components/symbols';
 export * from './components/wrappers';
 export * from './subcomponents';
 export * from './components/helpers/animate';
+export * from './components/table';