@mp-front/components 0.0.1-next-0

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

@@ -0,0 +1,125 @@
+import { StepContent } from './steps.types';
+/**
+ * Calculates the number of visible steps based on the active breakpoint.
+ *
+ * Determines how many steps should be displayed simultaneously based on
+ * screen size breakpoints, prioritizing larger sizes.
+ *
+ * @param {boolean} lg - Large breakpoint (≥1024px)
+ * @param {boolean} md - Medium breakpoint (≥768px)
+ * @param {boolean} sm - Small breakpoint (≥640px)
+ * @param {boolean} xs - Extra small breakpoint (<640px)
+ * @returns {number} Number of steps to display (1-4, default: 3)
+ *
+ * @example
+ * ```typescript
+ * const total = calculateTotalVisibleSteps(true, true, true, false)
+ * // Returns: 4 (lg breakpoint is active)
+ * ```
+ */
+export declare const calculateTotalVisibleSteps: (lg: boolean, md: boolean, sm: boolean, xs: boolean) => number;
+/**
+ * Finds the index of the step marked as current.
+ *
+ * Searches for the step with status "CURRENT" in the array and returns its
+ * zero-based index. If no current step is found, returns 0.
+ *
+ * @param {StepContent[]} steps - Complete array of steps
+ * @returns {number} Zero-based index of the current step, or 0 if not found
+ *
+ * @example
+ * ```typescript
+ * const steps = [
+ *   { id: "1", status: "COMPLETE" },
+ *   { id: "2", status: "CURRENT" },
+ *   { id: "3", status: "PENDING" }
+ * ]
+ * const index = findCurrentStepIndex(steps)
+ * // Returns: 1
+ * ```
+ */
+export declare const findCurrentStepIndex: (steps: StepContent[]) => number;
+/**
+ * Calculates which steps should be visible based on current index and total visible.
+ *
+ * Determines the slice of steps to display, ensuring exactly totalVisibleSteps
+ * are shown when possible. Adjusts the start index to prevent empty space at the end.
+ *
+ * @param {StepContent[]} steps - Complete array of all steps
+ * @param {number} currentIndex - Current zero-based index position
+ * @param {number} totalVisibleSteps - Number of steps to display simultaneously
+ * @returns {StepContent[]} Array of visible steps to render
+ *
+ * @example
+ * ```typescript
+ * const allSteps = [step1, step2, step3, step4, step5]
+ * const visible = calculateVisibleSteps(allSteps, 2, 3)
+ * // Returns: [step3, step4, step5]
+ * ```
+ */
+export declare const calculateVisibleSteps: (steps: StepContent[], currentIndex: number, totalVisibleSteps: number) => StepContent[];
+/**
+ * Determines if the left navigation button should be disabled.
+ *
+ * The left button is disabled when at the beginning of the steps list
+ * to prevent navigation before the first step.
+ *
+ * @param {number} currentIndex - Current zero-based index position
+ * @returns {boolean} true if the button should be disabled
+ *
+ * @example
+ * ```typescript
+ * const disabled = isLeftButtonDisabled(0) // Returns: true
+ * const enabled = isLeftButtonDisabled(3)  // Returns: false
+ * ```
+ */
+export declare const isLeftButtonDisabled: (currentIndex: number) => boolean;
+/**
+ * Determines if the right navigation button should be disabled.
+ *
+ * The right button is disabled when there are no more steps to show
+ * beyond the currently visible ones.
+ *
+ * @param {number} currentIndex - Current zero-based index position
+ * @param {number} totalSteps - Total number of available steps
+ * @param {number} totalVisibleSteps - Number of steps visible simultaneously
+ * @returns {boolean} true if the button should be disabled
+ *
+ * @example
+ * ```typescript
+ * const disabled = isRightButtonDisabled(7, 10, 3) // Returns: true
+ * const enabled = isRightButtonDisabled(2, 10, 3)  // Returns: false
+ * ```
+ */
+export declare const isRightButtonDisabled: (currentIndex: number, totalSteps: number, totalVisibleSteps: number) => boolean;
+/**
+ * Handles navigation to the previous step.
+ *
+ * Decrements the current index by 1 to show the previous set of steps.
+ * Should only be called when the left button is not disabled.
+ *
+ * @param {number} currentIndex - Current zero-based index position
+ * @returns {number} New index after navigating left
+ *
+ * @example
+ * ```typescript
+ * const newIndex = handleNavigateLeft(5) // Returns: 4
+ * ```
+ */
+export declare const handleNavigateLeft: (currentIndex: number) => number;
+/**
+ * Handles navigation to the next step.
+ *
+ * Increments the current index by 1 to show the next set of steps.
+ * Should only be called when the right button is not disabled.
+ *
+ * @param {number} currentIndex - Current zero-based index position
+ * @returns {number} New index after navigating right
+ *
+ * @example
+ * ```typescript
+ * const newIndex = handleNavigateRight(3) // Returns: 4
+ * ```
+ */
+export declare const handleNavigateRight: (currentIndex: number) => number;
+//# sourceMappingURL=steps.functions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.functions.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.functions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,0BAA0B,OACjC,OAAO,MACP,OAAO,MACP,OAAO,MACP,OAAO,KACV,MAMF,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,oBAAoB,UAAW,WAAW,EAAE,KAAG,MAG3D,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,qBAAqB,UACzB,WAAW,EAAE,gBACN,MAAM,qBACD,MAAM,KACxB,WAAW,EASb,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,iBAAkB,MAAM,KAAG,OACxC,CAAA;AAEpB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,qBAAqB,iBAClB,MAAM,cACR,MAAM,qBACC,MAAM,KACxB,OAAyD,CAAA;AAE5D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,iBAAkB,MAAM,KAAG,MACxC,CAAA;AAElB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,iBAAkB,MAAM,KAAG,MACzC,CAAA"}

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

@@ -0,0 +1,40 @@
+import { StepContent } from './steps.types';
+import { Size } from '../../types/common';
+/**
+ * StepsList component properties.
+ *
+ * @interface StepsListProps
+ * @property {StepContent[]} visibleSteps - Array of currently visible steps to render
+ * @property {Size} size - Step size ('sm' | 'md' | 'lg')
+ */
+interface StepsListProps {
+    visibleSteps: StepContent[];
+    size: Size;
+}
+/**
+ * Component that renders the list of visible steps with separators.
+ *
+ * Displays a horizontal sequence of steps with arrow icons as separators
+ * between each step, except after the last one. Uses the Flex component for
+ * layout and maintains consistent spacing based on the specified size.
+ *
+ * @component
+ * @param {StepsListProps} props - Component properties
+ * @param {StepContent[]} props.visibleSteps - Array of steps to display
+ * @param {Size} props.size - Step size that determines spacing
+ * @returns {JSX.Element} Rendered list of steps with separators
+ *
+ * @example
+ * ```tsx
+ * const visibleSteps = [
+ *   { id: "1", name: "Step 1", status: "COMPLETE" },
+ *   { id: "2", name: "Step 2", status: "CURRENT" }
+ * ]
+ * <StepsList visibleSteps={visibleSteps} size="md" />
+ * ```
+ *
+ * @see {@link StepItem} for rendering each individual step
+ */
+export declare const StepsList: ({ visibleSteps, size }: StepsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=steps.list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.list.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.list.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC;;;;;;GAMG;AACH,UAAU,cAAc;IACtB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;CACX;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,eAAO,MAAM,SAAS,2BAA4B,cAAc,4CAe/D,CAAA"}

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

@@ -0,0 +1,50 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Steps } from '..';
+declare const meta: Meta<typeof Steps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default Steps with navigation
+ */
+export declare const Default: Story;
+/**
+ * Small size
+ */
+export declare const SmallSize: Story;
+/**
+ * Large size
+ */
+export declare const LargeSize: Story;
+/**
+ * Extra large size
+ */
+export declare const ExtraLargeSize: Story;
+/**
+ * Steps with many items
+ */
+export declare const ManySteps: Story;
+/**
+ * Steps at the beginning
+ */
+export declare const FirstStep: Story;
+/**
+ * Steps at the end
+ */
+export declare const LastStep: Story;
+/**
+ * Steps in the middle
+ */
+export declare const MiddleStep: Story;
+/**
+ * Only three steps
+ */
+export declare const ThreeSteps: Story;
+/**
+ * Steps without links
+ */
+export declare const WithoutLinks: Story;
+/**
+ * Custom styling example
+ */
+export declare const CustomStyling: Story;
+//# sourceMappingURL=steps.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAWlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAavB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}

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

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

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

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

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

@@ -0,0 +1,105 @@
+import { MouseEventHandler } from 'react';
+import { Size } from '../../types/common';
+/**
+ * Step status types.
+ *
+ * Defines the possible states a step can be in during the workflow.
+ *
+ * @typedef {string} StepStatus
+ * @property {'COMPLETE'} COMPLETE - Step has been completed
+ * @property {'CURRENT'} CURRENT - Step is currently active
+ * @property {'PENDING'} PENDING - Step is waiting to be started
+ * @property {'UPCOMING'} UPCOMING - Step is scheduled for the future
+ */
+export type StepStatus = "COMPLETE" | "CURRENT" | "PENDING" | "UPCOMING";
+/**
+ * Arrow direction types for navigation buttons.
+ *
+ * Defines the arrow icons used in step navigation buttons.
+ *
+ * @typedef {string} Arrow
+ * @property {'left'} LEFT - Left arrow for previous navigation
+ * @property {'right'} RIGHT - Right arrow for next navigation
+ */
+export type Arrow = "left" | "right";
+/**
+ * Step button navigation properties.
+ *
+ * Props for the navigation buttons that allow users to move between steps.
+ *
+ * @interface StepButtonProps
+ * @property {boolean} [disabled] - Whether the button is disabled
+ * @property {MouseEventHandler<HTMLButtonElement>} [onClick] - Click event handler
+ * @property {Arrow} arrow - Arrow direction for the button
+ * @property {Size} size - Button size ('sm' | 'md' | 'lg')
+ *
+ * @example
+ * ```tsx
+ * const buttonProps: StepButtonProps = {
+ *   disabled: false,
+ *   onClick: () => console.log('clicked'),
+ *   arrow: "right",
+ *   size: "md"
+ * }
+ * ```
+ */
+export interface StepButtonProps {
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    arrow: Arrow;
+    size: Size;
+}
+/**
+ * Individual step content properties.
+ *
+ * Defines the structure and data for each step in the workflow.
+ *
+ * @interface StepContent
+ * @property {string} id - Unique identifier for the step
+ * @property {string} name - Descriptive name of the step displayed to users
+ * @property {StepStatus} status - Current status of the step
+ * @property {string} [href] - Optional URL to make the step clickable
+ * @property {Size} [size] - Step size for internal use
+ *
+ * @example
+ * ```tsx
+ * const step: StepContent = {
+ *   id: "1",
+ *   name: "Initial Setup",
+ *   status: "COMPLETE",
+ *   href: "/setup"
+ * }
+ * ```
+ */
+export interface StepContent {
+    id: string;
+    name: string;
+    status: StepStatus;
+    href?: string;
+    size?: Size;
+}
+/**
+ * Steps component properties.
+ *
+ * Props for the main Steps component that displays the navigable step flow.
+ *
+ * @interface StepsProps
+ * @property {StepContent[]} steps - Array of steps to display in the flow
+ * @property {Size} [size='md'] - Component size ('sm' | 'md' | 'lg')
+ * @property {string} [className=''] - Additional CSS classes for customization
+ *
+ * @example
+ * ```tsx
+ * const stepsProps: StepsProps = {
+ *   steps: [step1, step2, step3],
+ *   size: "lg",
+ *   className: "my-4"
+ * }
+ * ```
+ */
+export interface StepsProps {
+    steps: StepContent[];
+    size?: Size;
+    className?: string;
+}
+//# sourceMappingURL=steps.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAExE;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;CACX;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/components/switch/constants/base-styles.d.ts

@@ -0,0 +1,8 @@
+export declare const baseStyles: {
+    root: string;
+    thumb: string;
+    children: string;
+    unCheckedChildren: string;
+    checkedChildren: string;
+};
+//# sourceMappingURL=base-styles.d.ts.map

package/dist/components/switch/constants/base-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-styles.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/constants/base-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAUtB,CAAA"}

package/dist/components/switch/constants/size-variants.d.ts

@@ -0,0 +1,8 @@
+export type SwitchSize = "md" | "sm";
+export interface SizeStylesConfig {
+    root: string;
+    thumb: string;
+    children: string;
+}
+export declare const sizeStyles: Record<SwitchSize, SizeStylesConfig>;
+//# sourceMappingURL=size-variants.d.ts.map

package/dist/components/switch/constants/size-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-variants.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/constants/size-variants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAW3D,CAAA"}

package/dist/components/switch/constants/type-variants.d.ts

@@ -0,0 +1,3 @@
+export type SwitchType = "default" | "success" | "danger";
+export declare const typeStyles: Record<SwitchType, string>;
+//# sourceMappingURL=type-variants.d.ts.map

package/dist/components/switch/constants/type-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-variants.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/constants/type-variants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjD,CAAA"}

package/dist/components/switch/helpers/getChildrenStyles.d.ts

@@ -0,0 +1,3 @@
+import { SwitchSize } from '../constants/size-variants';
+export declare const getChildrenStyles: (size: SwitchSize, isChecked: boolean) => string;
+//# sourceMappingURL=getChildrenStyles.d.ts.map

package/dist/components/switch/helpers/getChildrenStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChildrenStyles.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/helpers/getChildrenStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEnE,eAAO,MAAM,iBAAiB,SAAU,UAAU,aAAa,OAAO,WAMrE,CAAA"}

package/dist/components/switch/helpers/getLabelHelpers.d.ts

@@ -0,0 +1,11 @@
+export type LabelConfig = string | {
+    text: string;
+    position: "left" | "right";
+};
+export declare const getLabelConfig: (label: LabelConfig) => {
+    labelText: string;
+    labelPosition: "right" | "left";
+};
+export declare const getLabelStyles: (disabled: boolean) => string;
+export declare const getContainerStyles: (disabled: boolean) => string;
+//# sourceMappingURL=getLabelHelpers.d.ts.map

package/dist/components/switch/helpers/getLabelHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLabelHelpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/helpers/getLabelHelpers.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAA;AAE/E,eAAO,MAAM,cAAc,UAAW,WAAW;;;CAKhD,CAAA;AAED,eAAO,MAAM,cAAc,aAAc,OAAO,WAE/C,CAAA;AAED,eAAO,MAAM,kBAAkB,aAAc,OAAO,WAEnD,CAAA"}

package/dist/components/switch/helpers/getSwitchRootStyles.d.ts

@@ -0,0 +1,4 @@
+import { SwitchType } from '../constants/type-variants';
+import { SwitchSize } from '../constants/size-variants';
+export declare const getSwitchRootStyles: (type: SwitchType, size: SwitchSize, disabled: boolean, className?: string) => string;
+//# sourceMappingURL=getSwitchRootStyles.d.ts.map

package/dist/components/switch/helpers/getSwitchRootStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSwitchRootStyles.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/helpers/getSwitchRootStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAc,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEnE,eAAO,MAAM,mBAAmB,SACxB,UAAU,QACV,UAAU,YACN,OAAO,cACL,MAAM,WASnB,CAAA"}

package/dist/components/switch/helpers/getThumbConfig.d.ts

@@ -0,0 +1,7 @@
+export declare const thumbTransition: {
+    type: "spring";
+    stiffness: number;
+    damping: number;
+    mass: number;
+};
+//# sourceMappingURL=getThumbConfig.d.ts.map

package/dist/components/switch/helpers/getThumbConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThumbConfig.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/switch/helpers/getThumbConfig.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA"}

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

@@ -0,0 +1,2 @@
+export * as Switch from './switch.component';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import { SwitchProps } from './switch.types';
+declare const Switch: ({ className, label, type, size, checked, defaultChecked, disabled, onCheckedChange, checkedChildren, unCheckedChildren, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;
+//# sourceMappingURL=switch.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/switch/switch.component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAY5C,QAAA,MAAM,MAAM,uIAYT,WAAW,4CAgDb,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Switch } from '..';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const WithLabel: Story;
+export declare const WithLabelLeft: Story;
+export declare const WithLabelRight: Story;
+export declare const WithChildren: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const Sizes: Story;
+export declare const TypeVariants: Story;
+export declare const Controlled: Story;
+//# sourceMappingURL=switch.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/switch/switch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAA"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=switch.test.d.ts.map

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

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

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { SwitchType } from './constants/type-variants';
+import { SwitchSize } from './constants/size-variants';
+export interface SwitchProps {
+    className?: string;
+    label?: string | {
+        text: string;
+        position: "left" | "right";
+    };
+    type?: SwitchType;
+    size?: SwitchSize;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    checkedChildren?: ReactNode;
+    unCheckedChildren?: ReactNode;
+}
+//# sourceMappingURL=switch.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/switch/switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAA;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B"}

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

@@ -0,0 +1,2 @@
+export * as Tag from './tag.component';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+import { TagProps } from './tag.types';
+/**
+ * Tag component for displaying labels with different types, icons, and customization options.
+ *
+ * Uses the same color scheme and icons as the Alert component for consistency.
+ *
+ * @component
+ * @param {TagProps} props - Tag component properties
+ * @returns {JSX.Element} Rendered Tag component
+ *
+ * @example
+ * ```tsx
+ * // Basic tag
+ * <Tag type="success">Success</Tag>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Tag with icon
+ * <Tag type="error" showIcon>Error occurred</Tag>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Closable tag
+ * <Tag type="warning" closable onClose={() => console.log('Closed')}>
+ *   Warning
+ * </Tag>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom colors
+ * <Tag
+ *   bgColor="#E0F2FE"
+ *   textColor="#0369A1"
+ *   borderColor="#7DD3FC"
+ * >
+ *   Custom Tag
+ * </Tag>
+ * ```
+ */
+declare const Tag: ({ children, type, showIcon, closable, onClose, className, icon, bgColor, textColor, borderColor, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export default Tag;
+//# sourceMappingURL=tag.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tag/tag.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAKtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,QAAA,MAAM,GAAG,gHAYN,QAAQ,4CAqDV,CAAA;AACD,eAAe,GAAG,CAAA"}

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

@@ -0,0 +1,98 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tag } from '..';
+declare const meta: Meta<typeof Tag>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default tag without icon
+ */
+export declare const Default: Story;
+/**
+ * Success tag
+ */
+export declare const Success: Story;
+/**
+ * Success tag with icon
+ */
+export declare const SuccessWithIcon: Story;
+/**
+ * Error tag
+ */
+export declare const ErrorTag: Story;
+/**
+ * Error tag with icon
+ */
+export declare const ErrorWithIcon: Story;
+/**
+ * Warning tag
+ */
+export declare const Warning: Story;
+/**
+ * Warning tag with icon
+ */
+export declare const WarningWithIcon: Story;
+/**
+ * Info tag
+ */
+export declare const Info: Story;
+/**
+ * Info tag with icon
+ */
+export declare const InfoWithIcon: Story;
+/**
+ * Closable success tag
+ */
+export declare const ClosableSuccess: Story;
+/**
+ * Closable success tag with icon
+ */
+export declare const ClosableSuccessWithIcon: Story;
+/**
+ * Closable error tag
+ */
+export declare const ClosableError: Story;
+/**
+ * Closable error tag with icon
+ */
+export declare const ClosableErrorWithIcon: Story;
+/**
+ * Closable warning tag
+ */
+export declare const ClosableWarning: Story;
+/**
+ * Closable warning tag with icon
+ */
+export declare const ClosableWarningWithIcon: Story;
+/**
+ * Closable info tag
+ */
+export declare const ClosableInfo: Story;
+/**
+ * Closable info tag with icon
+ */
+export declare const ClosableInfoWithIcon: Story;
+/**
+ * Tag with custom icon
+ */
+export declare const CustomIcon: Story;
+/**
+ * Tag with custom colors
+ */
+export declare const CustomColors: Story;
+/**
+ * Tag with custom colors and icon
+ */
+export declare const CustomColorsWithIcon: Story;
+/**
+ * All tag types showcase
+ */
+export declare const AllTypes: Story;
+/**
+ * All closable tags
+ */
+export declare const AllClosable: Story;
+/**
+ * Tag usage example
+ */
+export declare const UsageExample: Story;
+//# sourceMappingURL=tag.stories.d.ts.map