@mp-front/components 0.0.1-next-0

package/dist/components/skeleton/skeleton.component.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonProps } from './skeleton.types';
+export declare const components: {
+    default: () => import("react/jsx-runtime").JSX.Element;
+    avatar: () => import("react/jsx-runtime").JSX.Element;
+    image: () => import("react/jsx-runtime").JSX.Element;
+    "image-description": () => import("react/jsx-runtime").JSX.Element;
+    list: () => import("react/jsx-runtime").JSX.Element;
+};
+declare const Skeleton: ({ type }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+//# sourceMappingURL=skeleton.component.d.ts.map

package/dist/components/skeleton/skeleton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/skeleton/skeleton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,QAAA,MAAM,QAAQ,aAA0B,aAAa,4CAGpD,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/skeleton/skeleton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from '..';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Example: Story;
+//# sourceMappingURL=skeleton.stories.d.ts.map

package/dist/components/skeleton/skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/skeleton/skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAU/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}

package/dist/components/skeleton/skeleton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=skeleton.test.d.ts.map

package/dist/components/skeleton/skeleton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/skeleton/skeleton.test.tsx"],"names":[],"mappings":""}

package/dist/components/skeleton/skeleton.types.d.ts

@@ -0,0 +1,5 @@
+import { components } from './skeleton.component';
+export interface SkeletonProps {
+    type?: keyof typeof components;
+}
+//# sourceMappingURL=skeleton.types.d.ts.map

package/dist/components/skeleton/skeleton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAA;CAC/B"}

package/dist/components/skeleton/variants/avatar.sk.component.d.ts

@@ -0,0 +1,3 @@
+declare const AvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default AvatarSkeleton;
+//# sourceMappingURL=avatar.sk.component.d.ts.map

package/dist/components/skeleton/variants/avatar.sk.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.sk.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/skeleton/variants/avatar.sk.component.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,+CAWnB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/skeleton/variants/default.sk.component.d.ts

@@ -0,0 +1,3 @@
+declare const DefaultSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default DefaultSkeleton;
+//# sourceMappingURL=default.sk.component.d.ts.map

package/dist/components/skeleton/variants/default.sk.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.sk.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/skeleton/variants/default.sk.component.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,+CAUpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/skeleton/variants/image.sk.component.d.ts

@@ -0,0 +1,3 @@
+declare const ImageSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default ImageSkeleton;
+//# sourceMappingURL=image.sk.component.d.ts.map

package/dist/components/skeleton/variants/image.sk.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.sk.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/skeleton/variants/image.sk.component.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,+CAUlB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/skeleton/variants/imagedescription.sk.component.d.ts

@@ -0,0 +1,3 @@
+declare const ImageSkeletonDescription: () => import("react/jsx-runtime").JSX.Element;
+export default ImageSkeletonDescription;
+//# sourceMappingURL=imagedescription.sk.component.d.ts.map

package/dist/components/skeleton/variants/imagedescription.sk.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagedescription.sk.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/skeleton/variants/imagedescription.sk.component.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,wBAAwB,+CAkB7B,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/components/skeleton/variants/list.sk.component.d.ts

@@ -0,0 +1,3 @@
+declare const ListSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default ListSkeleton;
+//# sourceMappingURL=list.sk.component.d.ts.map

package/dist/components/skeleton/variants/list.sk.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.sk.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/skeleton/variants/list.sk.component.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,+CA0CjB,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,3 @@
+export * as Slider from './slider.component';
+export * from './slider.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAC5C,cAAc,gBAAgB,CAAA"}

package/dist/components/slider/slider.component.d.ts

@@ -0,0 +1,27 @@
+import { SliderProps } from './slider.types';
+/**
+ * Slider component that allows users to select a value from a range.
+ *
+ * Uses Radix UI as a base to provide an accessible implementation
+ * of a slider. Supports different sizes, customizable colors,
+ * optional labels, and maintains all native Radix UI Slider properties.
+ *
+ * Main features:
+ * - Accessible: Based on Radix UI with full ARIA support
+ * - Customizable: Configurable colors and sizes
+ * - Flexible: Supports custom CSS classes
+ * - Primary blue color by default
+ * - Optional min/max labels with custom formatting
+ * - All Radix UI Slider props supported
+ *
+ * @example
+ * ```tsx
+ * <Slider defaultValue={[50]} />
+ * <Slider defaultValue={[1500]} min={1000} max={3000} showLabels formatLabel={(v) => `$${v.toLocaleString()}`} />
+ * <Slider defaultValue={[50]} rangeColor="success" size="lg" />
+ * <Slider defaultValue={[50]} customRangeClass="bg-purple-500" />
+ * ```
+ */
+declare const Slider: ({ classNames, rangeColor, customRangeClass, size, showLabels, formatLabel, min, max, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export default Slider;
+//# sourceMappingURL=slider.component.d.ts.map

package/dist/components/slider/slider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,oGAUT,WAAW,4CAyDb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/slider/slider.stories.d.ts

@@ -0,0 +1,42 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Slider } from '..';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof Slider>;
+/**
+ * Default slider with primary blue color
+ */
+export declare const Default: Story;
+/**
+ * Slider with different values
+ */
+export declare const DifferentValues: Story;
+/**
+ * Available colors
+ */
+export declare const Colors: Story;
+/**
+ * Different sizes
+ */
+export declare const Sizes: Story;
+/**
+ * With labels - similar to the reference image
+ */
+export declare const WithLabels: Story;
+export declare const ControlledWithState: Story;
+export declare const PriceRange: Story;
+/**
+ * Disabled state
+ */
+export declare const Disabled: Story;
+/**
+ * Different step values
+ */
+export declare const StepValues: Story;
+/**
+ * Full customization with CSS classes
+ */
+export declare const CustomStyles: Story;
+export declare const VolumeControl: Story;
+export declare const RangeSlider: Story;
+//# sourceMappingURL=slider.stories.d.ts.map

package/dist/components/slider/slider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAGrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAwD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KA+BpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAiCD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AA+BD,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAA;AAwBD,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAA;AAoBD,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA"}

package/dist/components/slider/slider.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=slider.test.d.ts.map

package/dist/components/slider/slider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.test.tsx"],"names":[],"mappings":""}

package/dist/components/slider/slider.types.d.ts

@@ -0,0 +1,46 @@
+import { Slider as SliderPrimitive } from 'radix-ui';
+export interface SliderProps extends React.ComponentProps<typeof SliderPrimitive.Root> {
+    /**
+     * Custom CSS classes for different parts of the component
+     */
+    classNames?: {
+        /** Class for the root container */
+        root?: string;
+        /** Class for the track */
+        track?: string;
+        /** Class for the range (filled portion) */
+        range?: string;
+        /** Class for the thumb */
+        thumb?: string;
+        /** Class for the labels container */
+        labels?: string;
+        /** Class for start label */
+        startLabelClass?: string;
+        /** Class for end label */
+        endLabelClass?: string;
+    };
+    /**
+     * Range (filled portion) color
+     * @default "primary" (primary blue)
+     */
+    rangeColor?: "primary" | "success" | "warning" | "error" | "info";
+    /**
+     * Custom CSS class for the range color (takes priority over rangeColor)
+     */
+    customRangeClass?: string;
+    /**
+     * Slider size
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Show min/max labels
+     * @default false
+     */
+    showLabels?: boolean;
+    /**
+     * Format function for labels
+     */
+    formatLabel?: (value: number) => string;
+}
+//# sourceMappingURL=slider.types.d.ts.map

package/dist/components/slider/slider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,mCAAmC;QACnC,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,0BAA0B;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,2CAA2C;QAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,0BAA0B;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,qCAAqC;QACrC,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,4BAA4B;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,0BAA0B;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IACjE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC"}

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

@@ -0,0 +1,3 @@
+export * as Spinner from './spinner.component';
+export * from './spinner.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAC9C,cAAc,iBAAiB,CAAA"}

package/dist/components/spinner/spinner.component.d.ts

@@ -0,0 +1,24 @@
+import { SpinnerProps } from './spinner.types';
+/**
+ * Spinner component for indicating loading or processing states.
+ *
+ * This component displays a spinning animation and optional text below it. The spinner's size and color can be customized via props.
+ *
+ * @component
+ * @param {SpinnerProps} props - The props for the Spinner component
+ * @param {"sm" | "md" | "lg" | "xl"} [props.size="sm"] - Spinner size (small, medium, large, extra large)
+ * @param {string} [props.text] - Optional text to display below the spinner
+ * @param {string} [props.className] - Additional custom classes for the spinner element
+ * @param {string} [props.color="border-t-blue-500"] - Tailwind class for the spinner's top border color
+ * @returns {JSX.Element} The rendered Spinner component
+ *
+ * @example
+ * ```tsx
+ * <Spinner size="md" text="Loading..." color="border-t-red-500" />
+ * ```
+ *
+ * @see {@link SpinnerProps} for prop details
+ */
+declare const Spinner: ({ size, text, className, color, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;
+//# sourceMappingURL=spinner.component.d.ts.map

package/dist/components/spinner/spinner.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/spinner/spinner.component.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAA;AAE9D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,sCAKV,YAAY,4CAed,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/spinner/spinner.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Spinner } from '..';
+declare const meta: Meta<typeof Spinner>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const WithoutText: Story;
+export declare const LongText: Story;
+export declare const CustomColorRed: Story;
+export declare const CustomColorGreen: Story;
+export declare const CustomColorYellow: Story;
+export declare const Accessible: Story;
+//# sourceMappingURL=spinner.stories.d.ts.map

package/dist/components/spinner/spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/spinner/spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA"}

package/dist/components/spinner/spinner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=spinner.test.d.ts.map

package/dist/components/spinner/spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/spinner/spinner.test.tsx"],"names":[],"mappings":""}

package/dist/components/spinner/spinner.types.d.ts

@@ -0,0 +1,45 @@
+import { Size } from '../../types/common';
+import { HTMLAttributes } from 'react';
+/**
+ * Props for the Spinner component.
+ *
+ * @property {"sm" | "md" | "lg" | "xl"} [size] - Spinner size (small, medium, large, extra large)
+ * @property {string} [text] - Optional text to display below the spinner
+ * @property {string} [className] - Additional custom classes for the spinner element
+ * @property {string} [color] - Tailwind class for the spinner's top border color (default: border-t-blue-500)
+ *
+ * @example
+ * ```tsx
+ * <Spinner size="lg" text="Loading..." color="border-t-green-500" />
+ * ```
+ *
+ * @see {@link Spinner} for the component implementation
+ */
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Spinner size (small, medium, large, extra large)
+     * @type {"sm" | "md" | "lg" | "xl"}
+     */
+    size?: Size;
+    /**
+     * Optional text to display below the spinner
+     * @type {string}
+     */
+    text?: string;
+    /**
+     * Tailwind class for the spinner's top border color (default: border-t-blue-500)
+     * @type {string}
+     */
+    color?: string;
+}
+/**
+ * Maps spinner sizes to Tailwind CSS classes for width and height.
+ *
+ * @type {Record<Size, string>}
+ * @example
+ * ```typescript
+ * SpinnerSizeMap["md"] // "size-12"
+ * ```
+ */
+export declare const SpinnerSizeMap: Record<Size, string>;
+//# sourceMappingURL=spinner.types.d.ts.map

package/dist/components/spinner/spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/spinner/spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAK/C,CAAA"}

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

@@ -0,0 +1,3 @@
+export * as Steps from './steps.component';
+export type { StepsProps, StepContent, StepStatus, Arrow } from './steps.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA;AAC1C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/steps/step.button.d.ts

@@ -0,0 +1,40 @@
+import { StepButtonProps } from './steps.types';
+/**
+ * Navigation button component for Steps.
+ *
+ * Provides navigation buttons with arrows to move between steps,
+ * with conditional styles based on enabled/disabled state. Includes
+ * hover effects and accessibility features.
+ *
+ * @component
+ * @param {StepButtonProps} props - Button component properties
+ * @param {boolean} [props.disabled] - Whether the button is disabled
+ * @param {MouseEventHandler<HTMLButtonElement>} [props.onClick] - Click event handler
+ * @param {Arrow} props.arrow - Arrow direction ('left' for left or 'right' for right)
+ * @param {Size} props.size - Button size ('sm' | 'md' | 'lg')
+ * @returns {JSX.Element} Rendered navigation button
+ *
+ * @example
+ * ```tsx
+ * <StepButton
+ *   arrow="right"
+ *   disabled={false}
+ *   onClick={() => console.log('Next step')}
+ *   size="md"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Disabled previous button
+ * <StepButton
+ *   arrow="left"
+ *   disabled={true}
+ *   onClick={handlePrevious}
+ *   size="lg"
+ * />
+ * ```
+ */
+export declare const StepButton: ({ disabled, onClick, arrow, size, }: StepButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StepButton;
+//# sourceMappingURL=step.button.d.ts.map

package/dist/components/steps/step.button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/step.button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAMtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,UAAU,wCAKpB,eAAe,4CAuBjB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/steps/step.item.d.ts

@@ -0,0 +1,48 @@
+import { StepContent } from './steps.types';
+/**
+ * Individual step component for the Steps flow.
+ *
+ * Displays a step with its visual state (completed, current, pending) including
+ * a circular indicator with the step ID or a completion icon, and the step name.
+ * Supports clickable steps via href prop.
+ *
+ * Visual states:
+ * - COMPLETE: Shows checkmark icon with blue border
+ * - CURRENT: Shows step ID with blue background
+ * - PENDING: Shows step ID with gray border
+ * - UPCOMING: Shows step ID with gray styling
+ *
+ * @component
+ * @param {StepContent} props - Step component properties
+ * @param {string} props.id - Unique step identifier displayed in the indicator
+ * @param {string} props.name - Descriptive step name shown next to indicator
+ * @param {StepStatus} props.status - Current step status determining visual style
+ * @param {string} [props.href] - Optional URL to make the step clickable
+ * @param {Size} [props.size='md'] - Step size ('sm' | 'md' | 'lg')
+ * @returns {JSX.Element} Rendered step as a clickable link
+ *
+ * @example
+ * ```tsx
+ * <StepItem
+ *   id="1"
+ *   name="Initial Setup"
+ *   status="CURRENT"
+ *   href="/step/1"
+ *   size="md"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Completed step
+ * <StepItem
+ *   id="1"
+ *   name="Registration"
+ *   status="COMPLETE"
+ *   href="/steps/registration"
+ * />
+ * ```
+ */
+export declare const StepItem: ({ id, name, status, href, size, }: StepContent) => import("react/jsx-runtime").JSX.Element;
+export default StepItem;
+//# sourceMappingURL=step.item.d.ts.map

package/dist/components/steps/step.item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.item.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/step.item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAS3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,QAAQ,sCAMlB,WAAW,4CAiDb,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/steps/steps.component.d.ts

@@ -0,0 +1,51 @@
+import { StepsProps } from './steps.types';
+/**
+ * Steps component that displays a navigable flow map of steps.
+ *
+ * Presents a sequence of steps with arrow button navigation, adapting responsively
+ * to screen size to show the appropriate number of visible steps. Includes functionality
+ * to detect the current step and automatically center the view on it.
+ *
+ * Features:
+ * - Navigation with left/right arrow buttons
+ * - Responsive design with breakpoints (xs:1, sm:2, md:3, lg:4 visible steps)
+ * - Automatic current step detection
+ * - Size and style customization
+ * - Visual separators between steps
+ *
+ * @component
+ * @param {StepsProps} props - Component properties
+ * @param {StepContent[]} props.steps - Array of steps to display in the navigation flow
+ * @param {Size} [props.size='md'] - Component size ('sm' | 'md' | 'lg')
+ * @param {string} [props.className] - Additional CSS classes for customization
+ * @returns {JSX.Element} The complete rendered Steps component
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with simple steps
+ * const steps = [
+ *   { id: "1", name: "Start", status: "COMPLETE", href: "/step/1" },
+ *   { id: "2", name: "Process", status: "CURRENT", href: "/step/2" },
+ *   { id: "3", name: "End", status: "PENDING", href: "/step/3" }
+ * ]
+ * <Steps steps={steps} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom size
+ * <Steps steps={steps} size="lg" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom classes
+ * <Steps steps={steps} className="my-4 shadow-lg" />
+ * ```
+ *
+ * @see {@link StepsList} for rendering the list of steps
+ * @see {@link StepButton} for navigation buttons
+ */
+declare const Steps: ({ steps, size, className }: StepsProps) => import("react/jsx-runtime").JSX.Element;
+export default Steps;
+//# sourceMappingURL=steps.component.d.ts.map

package/dist/components/steps/steps.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAe,MAAM,eAAe,CAAA;AAcvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,KAAK,+BAA4C,UAAU,4CA4DhE,CAAA;AAED,eAAe,KAAK,CAAA"}