@geneui/components 3.0.0-next-b458115-12022025 → 3.0.0-next-ca44d76-15022025

package/{WarningFill-fb50593e.js → WarningFill-143d0870.js}

@@ -1,25 +1,6 @@
 import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
 import React__default from 'react';
 
-var _excluded$1 = ["size", "color"];
-var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "currentColor" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
-    fill: color
-  }));
-};
-
 var _excluded = ["size", "color"];
 var SvgWarningFill = function SvgWarningFill(_ref) {
   var _ref$size = _ref.size,
@@ -41,4 +22,4 @@ var SvgWarningFill = function SvgWarningFill(_ref) {
   }));
 };
 
-export { SvgErrorAlertFill as S, SvgWarningFill as a };
+export { SvgWarningFill as S };

package/components/atoms/Button/Button.d.ts

@@ -32,7 +32,7 @@ interface IButtonProps {
     /**
      * The text will shown as content of the `button`.
      */
-    text?: string;
+    children?: string;
     /**
      * The `Icon` prop accepts a React Functional Component that will be displayed alongside the button text.
      */

package/components/atoms/Popover/Helper.d.ts

@@ -0,0 +1,8 @@
+import { Placement } from "@floating-ui/utils";
+export declare const getPositionRect: (currentPopoverRect: DOMRect, position: Placement) => DOMRect | {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+};
+export declare const calculateOverlap: (rect1: DOMRect, rect2: DOMRect) => number;

package/components/atoms/Popover/Popover.d.ts

@@ -0,0 +1,64 @@
+import { Dispatch, FC, ReactNode, SetStateAction } from "react";
+import "./Popover.scss";
+type Positions = "bottom" | "bottom-start" | "bottom-end" | "left-end" | "left" | "left-start" | "right-end" | "right" | "right-start" | "top" | "top-start" | "top-end" | "auto";
+export declare const correctPosition: Record<string, Positions>;
+export type StaticSides = "bottom" | "left" | "right" | "top";
+export declare const staticSides: Record<string, StaticSides>;
+export interface IPopoverProps {
+    /**
+     * Whether the popover is open initially. Defaults value is `false`.
+     */
+    isOpen?: boolean;
+    /**
+     * Define width and height of the popover.<br>
+     * Possible values: <code> xLarge | large | medium | small </code>
+     */
+    size?: "xLarge" | "large" | "medium" | "small" | "mobile";
+    /**
+     * Title displayed in the popover header.
+     */
+    title?: string;
+    /**
+     * Position of the popover, relative to the target.<br><br>
+     * Possible values: <code> bottom-center | bottom-left | bottom-right | left-bottom | left-center | left-top | <br><br> right-bottom | right-center | right-top | top-center | top-left | top-right | auto </code>
+     */
+    position?: keyof typeof correctPosition;
+    /**
+     * Padding between the popover and its target element.
+     */
+    padding?: number;
+    /**
+     * If `true`, the popover is always visible.
+     */
+    alwaysShow?: boolean;
+    /**
+     * Function to update popover props dynamically.
+     */
+    setProps: Dispatch<SetStateAction<Record<string, unknown>>>;
+    /**
+     * Additional content displayed in the popover footer.
+     */
+    footerContent?: ReactNode;
+    /**
+     * The content displayed inside the popover.
+     */
+    children: ReactNode;
+    /**
+     * Show or hide arrows
+     */
+    withArrow?: boolean;
+    /**
+     * If this property is enabled, rather than the popover content repositioning on a boundary collision,
+     * the popover content container will move beyond the window's bounds.
+     * You are, however, supplied with nudgedLeft and nudgedTop values, so you may choose to handle content overflow as you wish.
+     */
+    disableReposition?: boolean;
+}
+/**
+ Popover displays additional content or information in an overlay box.
+ It appears on top of the main content when triggered by a user action,
+ such as a click or hover. Unlike tooltips, popovers can contain more
+ complex and interactive content, including text, images, and form elements.
+*/
+declare const Popover: FC<IPopoverProps>;
+export default Popover;

package/components/atoms/Popover/PopoverBody.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+declare const PopoverBody: FC<PropsWithChildren>;
+export default PopoverBody;

package/components/atoms/Popover/PopoverFooter.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+declare const PopoverFooter: FC<PropsWithChildren>;
+export default PopoverFooter;

package/components/atoms/Popover/PopoverFooterActions.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+declare const PopoverFooterActions: FC<PropsWithChildren>;
+export default PopoverFooterActions;

package/components/atoms/Popover/index.d.ts

@@ -0,0 +1,4 @@
+export { IPopoverProps, default as Popover } from "./Popover";
+export { default as PopoverBody } from "./PopoverBody";
+export { default as PopoverFooter } from "./PopoverFooter";
+export { default as PopoverFooterActions } from "./PopoverFooterActions";

package/components/molecules/Steps/Step.d.ts

@@ -0,0 +1,41 @@
+import { FC } from "react";
+interface IPointTypesProps {
+    /**
+     * If type is numeric you can provide the number.<br>
+     * By default starts with 1.
+     */
+    stepNumber?: number;
+    /**
+     * Error state for Step.
+     */
+    error?: boolean;
+    /**
+     * Loading state for Step.
+     */
+    isLoading?: boolean;
+    /**
+     * Change the icon for step to mention the Step state.
+     */
+    state?: "incomplete" | "current" | "complete";
+}
+interface IStepProps extends IPointTypesProps {
+    /**
+     * The text displayed as the label for the Step, describing its purpose.<br>
+     * The Label can be clickable on not. For more information see the isLinear prop.
+     */
+    label?: string;
+    /**
+     * Extra information displayed with the label of step for clarity or guidance.
+     */
+    description?: string;
+    /**
+     * Unique id for Step.
+     */
+    id: string | number;
+    /**
+     * Disable state for Steps.
+     */
+    disabled?: boolean;
+}
+declare const Step: FC<IStepProps>;
+export { IStepProps, Step as default };

package/components/molecules/Steps/Steps.d.ts

@@ -0,0 +1,39 @@
+import React, { FC, ReactNode } from "react";
+import "./Steps.scss";
+interface IStepsContextProps {
+    /**
+     * Steps direction <br/>
+     * Possible values: `vertical | horizontal`
+     */
+    direction?: "vertical" | "horizontal";
+    /**
+     * Fires when the user interact with Step label. Provides the Step id as a callback's argument.
+     */
+    onChange?: (e: string | number) => void;
+    /**
+     * Steps type <br/>
+     * Possible values: `dot | numeric`
+     */
+    type?: "dot" | "numeric";
+}
+interface IStepsProps extends IStepsContextProps {
+    /**
+     * Provide `<Step/>` components to be rendered in the `<Steps/>`
+     */
+    children: ReactNode;
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
+    /**
+     * This prop for label click ability. If true the labels are interactive else informative.
+     */
+    isLinear?: boolean;
+}
+export declare const StepsContext: React.Context<IStepsContextProps>;
+/**
+ * Step component is used to guide users through a sequential process by breaking it down into distinct steps. It is commonly employed in multi-step forms, checkout processes, or workflows that require users to complete tasks in a specific order.
+ */
+declare const Steps: FC<IStepsProps>;
+export { IStepsProps, Steps as default };

package/components/molecules/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export { IStepsProps, default as Steps } from "./Steps";
+export { IStepProps, default as Step } from "./Step";