@sellgar/kit 0.0.102 → 0.0.104

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sellgar/kit",
   "type": "module",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "description": "Storybook",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.6.13",
-    "@floating-ui/react": "0.27.6",
+    "@floating-ui/react": "0.27.7",
     "@react-input/mask": "2.0.4",
     "@react-input/number-format": "2.0.3",
     "@types/react-slider": "1.3.6",
@@ -61,9 +61,9 @@
   "devDependencies": {
     "@vitejs/plugin-react": "4.3.4",
     "typescript": "5.8.3",
-    "vite": "6.2.5",
+    "vite": "6.2.6",
     "vite-plugin-dts": "4.5.3",
-    "vite-plugin-lib-inject-css": "2.2.1",
+    "vite-plugin-lib-inject-css": "2.2.2",
     "vite-plugin-webfont-dl": "3.10.4"
   },
   "bugs": {

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

@@ -0,0 +1 @@
+export { Modal, useModalContext } from './modal.tsx';

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

@@ -0,0 +1,106 @@
+import { default as React } from 'react';
+interface IProps {
+    open?: boolean;
+    initialOpen?: boolean;
+    onOpen?(): void;
+    onClose?(): void;
+}
+export declare function useDialog({ initialOpen, open: controlledOpen, onOpen, onClose }?: IProps): {
+    placement: import('@floating-ui/utils').Placement;
+    strategy: import('@floating-ui/utils').Strategy;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    elements: {
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    context: {
+        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;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    onOpen: (() => void) | undefined;
+    onClose: (() => void) | undefined;
+};
+export declare const useModalContext: () => {
+    placement: import('@floating-ui/utils').Placement;
+    strategy: import('@floating-ui/utils').Strategy;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    elements: {
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    context: {
+        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;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    onOpen: (() => void) | undefined;
+    onClose: (() => void) | undefined;
+};
+export declare const Dialog: React.FC<React.PropsWithChildren<IProps>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Modal: React.FC<React.PropsWithChildren<IProps>>;
+export {};

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface IProps {
+    leadIcon?: React.ReactNode;
+    caption: string;
+    state?: 'default' | 'info' | 'success' | 'destructive';
+}
+export declare const Caption: React.FC<IProps>;

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

@@ -0,0 +1,2 @@
+export { Caption } from './caption.tsx';
+export type { IProps as ICaptionProps } from './caption.tsx';

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

@@ -11,8 +11,8 @@ export * from './input-mask';
 export * from './input-numeral';
 export * from './input-select';
 export * from './textarea';
-export * from './label-field';
-export * from './caption-field';
+export * from './label';
+export * from './caption';
 export * from './accordion';
 export * from './avatar';
 export * from './chip';
@@ -23,7 +23,6 @@ export * from './calendar';
 export * from './quantity-stepper';
 export * from './breadcrumb';
 export * from './notification';
-export * from './modal';
 export * from './select';
 export * from './select-tree';
 export * from './datepicker';

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

@@ -0,0 +1,2 @@
+export { Label } from './label.tsx';
+export type { IProps as ILabelProps } from './label.tsx';

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface IProps {
+    label: string;
+    caption?: string;
+    required?: boolean;
+}
+export declare const Label: React.FC<IProps>;

package/types/index.d.ts

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