@grasp-labs/ds-react-components 0.20.0 → 0.22.0

package/dist/components/datePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { DatePicker } from './datePicker';
-export type { DatePickerProps } from './datePicker';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/components/stepper/Step.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type StepProps = {
+    /** Label displayed next to the step indicator */
+    label: string;
+    /** Content to display when this step is active */
+    children?: ReactNode;
+};
+/**
+ * A step component to be used as children of Stepper.
+ * Renders its children wrapped in a flex container.
+ *
+ * @param props - The props for the Step component.
+ * @returns The rendered step content.
+ */
+export declare const Step: {
+    ({ children }: StepProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/stepper/StepConnector.d.ts

@@ -0,0 +1,13 @@
+import { StepStatus } from './StepIndicator';
+export type StepConnectorProps = {
+    /** Status of the preceding step */
+    status: StepStatus;
+};
+/**
+ * A horizontal line connecting two step indicators.
+ * Changes color based on completion state.
+ *
+ * @param props - The props for the StepConnector component.
+ * @returns The rendered connector line.
+ */
+export declare const StepConnector: ({ status }: StepConnectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/StepIndicator.d.ts

@@ -0,0 +1,10 @@
+export type StepStatus = "complete" | "active" | "incomplete";
+export type StepIndicatorProps = {
+    /** Label displayed next to the step indicator */
+    label: string;
+    /** Zero-based index of the step */
+    index: number;
+    /** Current status of the step */
+    status: StepStatus;
+};
+export declare const StepIndicator: ({ label, index, status }: StepIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type StepperProps = {
+    /** Current active step index (0-based) */
+    currentStep: number;
+    /** Step components defining the stepper content */
+    children: ReactNode;
+    /** Action buttons to display at the bottom */
+    actions?: ReactNode;
+    /** Whether to show connecting lines between steps */
+    showConnectors?: boolean;
+    /** Additional CSS classes for the container */
+    className?: string;
+};
+export declare const Stepper: ({ currentStep, children, actions, showConnectors, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,5 @@
+export { Step } from './Step';
+export type { StepProps } from './Step';
+export { Stepper } from './Stepper';
+export type { StepperProps } from './Stepper';
+export type { StepStatus } from './StepIndicator';