@sellgar/kit 0.0.37 → 0.0.38

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sellgar/kit",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "Sellgar storybook",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

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

@@ -9,6 +9,7 @@ export * from './input';
 export * from './textarea';
 export * from './label-field';
 export * from './caption-field';
+export * from './link';
 export * from './typography';
 export * from './accordion';
 export * from './avatar';
@@ -19,3 +20,5 @@ export * from './tooltip';
 export * from './calendar';
 export * from './quantity-stepper';
 export * from './breadcrumb';
+export * from './notification';
+export * from './modal';

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

@@ -0,0 +1 @@
+export { Link } from './link.tsx';

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

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

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

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

package/types/components/symbols/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: {
+        placement: import('@floating-ui/utils').Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        x: number;
+        y: number;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        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: {
+        placement: import('@floating-ui/utils').Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        x: number;
+        y: number;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        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/notification/index.d.ts

@@ -0,0 +1 @@
+export { Notification } from './notification.tsx';

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface IProps {
+    style?: 'info' | 'warning' | 'destructive' | 'success';
+    title: string;
+    description?: React.ReactNode;
+    slot?: React.ReactNode;
+    onClose?(): void;
+}
+export declare const Notification: React.FC<IProps>;
+export {};