@atipicus/mrs-ui 0.8.0

package/dist/src/components/atoms/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,mGAoCjB,CAAC"}

package/dist/src/components/atoms/Radio/Radio.types.d.ts

@@ -0,0 +1,72 @@
+import { RadioProps as MuiRadioProps } from '@mui/material/Radio';
+/**
+ * MRS Radio component props
+ * Extends Material-UI RadioProps
+ *
+ * @example
+ * ```tsx
+ * <Radio checked />
+ * <Radio color="primary" />
+ * <Radio size="small" />
+ * <Radio disabled />
+ * ```
+ */
+export interface RadioProps extends Omit<MuiRadioProps, 'size' | 'color'> {
+    /**
+     * If `true`, the component is checked.
+     */
+    checked?: boolean;
+    /**
+     * The size of the component.
+     * @default "medium"
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The color of the component.
+     * It supports both default and custom theme colors.
+     * @default "primary"
+     */
+    color?: 'default' | 'primary';
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the ripple effect is disabled.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * If `true`, the component appears indeterminate.
+     * This does not set the native input element to indeterminate due
+     * to inconsistent behavior across browsers.
+     * However, we set a `data-indeterminate` attribute on the `input`.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Callback fired when the state is changed.
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+     * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * The value of the component. The DOM API casts this to a string.
+     */
+    value?: unknown;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string;
+    /**
+     * Attributes applied to the `input` element.
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: MuiRadioProps['sx'];
+}
+//# sourceMappingURL=Radio.types.d.ts.map

package/dist/src/components/atoms/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEvE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElF;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAEzD;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;CAC1B"}

package/dist/src/components/atoms/Radio/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Radio component exports
+ */
+export { Radio } from './Radio';
+export type { RadioProps } from './Radio.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Radio/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/components/atoms/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { RadioGroupProps } from './RadioGroup.types';
+/**
+ * RadioGroup component - groups Radio buttons together
+ * Provides a wrapper around a set of Radio components
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={value} onChange={handleChange}>
+ *   <FormControlLabel value="option1" control={<Radio />} label="Option 1" />
+ *   <FormControlLabel value="option2" control={<Radio />} label="Option 2" />
+ * </RadioGroup>
+ * ```
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/src/components/atoms/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,qGAQtB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/src/components/atoms/RadioGroup/RadioGroup.types.d.ts

@@ -0,0 +1,31 @@
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material/RadioGroup';
+/**
+ * Props for the RadioGroup component
+ */
+export interface RadioGroupProps extends MuiRadioGroupProps {
+    /**
+     * The name used to reference the value of the control
+     */
+    name?: string;
+    /**
+     * The value of the selected radio button
+     */
+    value?: any;
+    /**
+     * Callback fired when a radio button is selected
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    /**
+     * The default value. Use when the component is not controlled
+     */
+    defaultValue?: any;
+    /**
+     * Display group of elements in a compact row
+     */
+    row?: boolean;
+    /**
+     * The content of the component
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=RadioGroup.types.d.ts.map

package/dist/src/components/atoms/RadioGroup/RadioGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioGroup/RadioGroup.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/E;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/src/components/atoms/RadioGroup/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * RadioGroup component exports
+ */
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup.types';
+export { default } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/RadioGroup/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/components/atoms/Select/Select.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { SelectProps } from './Select.types';
+/**
+ * Select component
+ *
+ * Select components are used for collecting user provided information from a list of options.
+ * Supports single and multiple selection, different variants, sizes, and states.
+ *
+ * @param props - Select component props
+ * @returns Select component
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Select value={age} onChange={handleChange}>
+ *   <MenuItem value={10}>Ten</MenuItem>
+ *   <MenuItem value={20}>Twenty</MenuItem>
+ *   <MenuItem value={30}>Thirty</MenuItem>
+ * </Select>
+ *
+ * // With label (use FormControl)
+ * <FormControl>
+ *   <InputLabel>Age</InputLabel>
+ *   <Select value={age} onChange={handleChange}>
+ *     <MenuItem value={10}>Ten</MenuItem>
+ *     <MenuItem value={20}>Twenty</MenuItem>
+ *   </Select>
+ * </FormControl>
+ *
+ * // Multiple selection
+ * <Select multiple value={values} onChange={handleChange}>
+ *   <MenuItem value="option1">Option 1</MenuItem>
+ *   <MenuItem value="option2">Option 2</MenuItem>
+ * </Select>
+ * ```
+ */
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<any>>;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist/src/components/atoms/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Select/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,sFA+DlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/src/components/atoms/Select/Select.types.d.ts

@@ -0,0 +1,124 @@
+import { SelectProps as MuiSelectProps, SelectChangeEvent } from '@mui/material/Select';
+/**
+ * Select color options
+ */
+export type SelectColor = 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+/**
+ * Select variant options
+ */
+export type SelectVariant = 'filled' | 'outlined' | 'standard';
+/**
+ * Select size options
+ */
+export type SelectSize = 'small' | 'medium';
+/**
+ * MRS Select component props
+ * Extends Material-UI SelectProps with custom properties
+ *
+ * @example
+ * ```tsx
+ * <Select value={value} onChange={handleChange}>
+ *   <MenuItem value="option1">Option 1</MenuItem>
+ *   <MenuItem value="option2">Option 2</MenuItem>
+ * </Select>
+ * ```
+ */
+export interface SelectProps extends Omit<MuiSelectProps, 'color' | 'variant' | 'size'> {
+    /**
+     * The color of the component
+     * @default 'primary'
+     */
+    color?: SelectColor;
+    /**
+     * The variant to use
+     * @default 'outlined'
+     */
+    variant?: SelectVariant;
+    /**
+     * The size of the component
+     * @default 'medium'
+     */
+    size?: SelectSize;
+    /**
+     * The input value
+     */
+    value?: any;
+    /**
+     * Callback fired when the value is changed
+     */
+    onChange?: (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
+    /**
+     * If true, the component is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the select will indicate an error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * If true, the select will take up the full width
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * The label content
+     */
+    label?: string;
+    /**
+     * If true, value must be an array and the menu will support multiple selections
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * If true, the component is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * If true, the select is in native mode (uses native HTML select)
+     * @default false
+     */
+    native?: boolean;
+    /**
+     * Render the selected value
+     */
+    renderValue?: (value: any) => React.ReactNode;
+    /**
+     * If true, the Select opens automatically on mount
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * If true, the component is auto-width
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * The default value. Use when the component is not controlled
+     */
+    defaultValue?: any;
+    /**
+     * The id of the wrapper element
+     */
+    id?: string;
+    /**
+     * Name attribute of the select element
+     */
+    name?: string;
+    /**
+     * Callback fired when the component requests to be closed
+     */
+    onClose?: (event: React.SyntheticEvent) => void;
+    /**
+     * Callback fired when the component requests to be opened
+     */
+    onOpen?: (event: React.SyntheticEvent) => void;
+    /**
+     * If true, the menu is open
+     */
+    open?: boolean;
+}
+export type { SelectChangeEvent };
+//# sourceMappingURL=Select.types.d.ts.map

package/dist/src/components/atoms/Select/Select.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACrF;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAE3E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/components/atoms/Select/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Select component exports
+ */
+export { Select } from './Select';
+export type { SelectProps, SelectColor, SelectVariant, SelectSize, SelectChangeEvent } from './Select.types';
+export { default } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Select/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/atoms/Skeleton/Skeleton.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SkeletonProps } from './Skeleton.types';
+/**
+ * Skeleton component
+ *
+ * Display a placeholder preview of your content before the data gets loaded
+ * to reduce load-time frustration.
+ *
+ * @param props - Skeleton component props
+ * @returns Skeleton component
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/src/components/atoms/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,oGAgCpB,CAAC"}

package/dist/src/components/atoms/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,35 @@
+import { SkeletonProps as MuiSkeletonProps } from '@mui/material/Skeleton';
+/**
+ * MRS Skeleton component props
+ * Extends Material-UI SkeletonProps
+ *
+ * @example
+ * ```tsx
+ * <Skeleton variant="text" />
+ * <Skeleton variant="circular" width={40} height={40} />
+ * <Skeleton variant="rectangular" width={120} height={120} />
+ * ```
+ */
+export interface SkeletonProps extends MuiSkeletonProps {
+    /**
+     * The type of content that will be rendered
+     * @default 'text'
+     */
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    /**
+     * Width of the skeleton
+     * Use number for pixel values or string for other CSS units
+     */
+    width?: number | string;
+    /**
+     * Height of the skeleton
+     * Use number for pixel values or string for other CSS units
+     */
+    height?: number | string;
+    /**
+     * The animation type
+     * @default 'pulse'
+     */
+    animation?: 'pulse' | 'wave' | false;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

package/dist/src/components/atoms/Skeleton/Skeleton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF;;;;;;;;;;GAUG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAE1D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACtC"}

package/dist/src/components/atoms/Skeleton/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Skeleton component exports
+ */
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Skeleton/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/atoms/Slider/Slider.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SliderProps } from './Slider.types';
+/**
+ * Slider component
+ *
+ * Sliders allow users to make selections from a range of values.
+ * Sliders reflect a range of values along a bar, from which users may select a single value.
+ * They are ideal for adjusting settings such as volume, brightness, or applying image filters.
+ *
+ * @param props - Slider component props
+ * @returns Slider component
+ */
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/src/components/atoms/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Slider/Slider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,kGA0DlB,CAAC"}

package/dist/src/components/atoms/Slider/Slider.types.d.ts

@@ -0,0 +1,151 @@
+import { SliderProps as MuiSliderProps } from '@mui/material/Slider';
+/**
+ * MRS Slider component props
+ * Extends Material-UI SliderProps
+ *
+ * @example
+ * ```tsx
+ * <Slider defaultValue={30} />
+ * <Slider value={50} onChange={handleChange} />
+ * <Slider value={[20, 40]} marks step={10} />
+ * <Slider orientation="vertical" />
+ * ```
+ */
+export interface SliderProps extends Omit<MuiSliderProps, 'size' | 'color'> {
+    /**
+     * The size of the slider.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * The color of the slider.
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /**
+     * The component orientation.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The value of the slider.
+     * For ranged sliders, provide an array with two values.
+     */
+    value?: number | number[];
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: number | number[];
+    /**
+     * If `true`, the slider is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Marks indicate predetermined values to which the user can move the slider.
+     * If `true` the marks are spaced according the value of the `step` prop.
+     * If an array, it should contain objects with `value` and an optional `label` keys.
+     * @default false
+     */
+    marks?: boolean | Array<{
+        value: number;
+        label?: React.ReactNode;
+    }>;
+    /**
+     * The granularity with which the slider can step through values.
+     * @default 1
+     */
+    step?: number | null;
+    /**
+     * The minimum allowed value of the slider.
+     * Should not be equal to max.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum allowed value of the slider.
+     * Should not be equal to min.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Callback function that is fired when the slider's value changed.
+     *
+     * @param {Event} event The event source of the callback.
+     * You can pull out the new value by accessing `event.target.value` (any).
+     * **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     * @param {number} activeThumb Index of the currently moved thumb.
+     */
+    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
+    /**
+     * Callback function that is fired when the `mouseup` is triggered.
+     *
+     * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     */
+    onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
+    /**
+     * Controls when the value label is displayed:
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'auto' | 'on' | 'off';
+    /**
+     * The format function the value label's value.
+     */
+    valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
+    /**
+     * A transformation function, to change the scale of the slider.
+     * @default (x) => x
+     */
+    scale?: (value: number) => number;
+    /**
+     * The track presentation:
+     * - `normal` the track will render a bar representing the slider value.
+     * - `inverted` the track will render a bar representing the remaining slider value.
+     * - `false` the track will render without a bar.
+     * @default 'normal'
+     */
+    track?: 'normal' | 'inverted' | false;
+    /**
+     * The name attribute of the input element.
+     */
+    name?: string;
+    /**
+     * The id of the input element.
+     */
+    id?: string;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: React.ElementType;
+    /**
+     * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+     * @default false
+     */
+    disableSwap?: boolean;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+     * This is important for screen reader users.
+     * @param {number} value The thumb label's value to format.
+     * @param {number} index The thumb label's index to format.
+     */
+    getAriaValueText?: (value: number, index: number) => string;
+    /**
+     * The label of the slider.
+     */
+    'aria-label'?: string;
+    /**
+     * The id of the element containing a label for the slider.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: MuiSliderProps['sx'];
+}
+//# sourceMappingURL=Slider.types.d.ts.map

package/dist/src/components/atoms/Slider/Slider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC;IACzE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAE3E;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAEpE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjF;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAE5F;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;IAE1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAEhF;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAElC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IAEtC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;CAC3B"}

package/dist/src/components/atoms/Slider/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Slider component exports
+ */
+export { Slider } from './Slider';
+export type { SliderProps } from './Slider.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/atoms/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Slider/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/atoms/Stack/Stack.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StackProps } from './Stack.types';
+/**
+ * Stack component - manages layout of immediate children along vertical or horizontal axis
+ * Provides spacing between children with optional dividers
+ *
+ * @example
+ * ```tsx
+ * <Stack spacing={2} direction="row">
+ *   <Item>Item 1</Item>
+ *   <Item>Item 2</Item>
+ * </Stack>
+ * ```
+ */
+export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Stack;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/src/components/atoms/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,gGAQjB,CAAC;AAIF,eAAe,KAAK,CAAC"}