@gtcx/ui 0.1.0

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

@@ -0,0 +1,29 @@
+export { Button } from './button';
+export type { ButtonProps, ButtonVariant, ButtonMode } from './button';
+export { Input, InputGroup, InputAddon, InputWrapper, InputPassword, InputSearch } from './input';
+export type { InputProps, InputSize, InputGroupProps, InputAddonProps, InputWrapperProps, } from './input';
+export { Label } from './label';
+export type { LabelProps } from './label';
+export { Checkbox, CheckboxGroup } from './checkbox';
+export type { CheckboxProps, CheckboxSize } from './checkbox';
+export { Switch, SwitchIndicator } from './switch';
+export type { SwitchProps, SwitchShape, SwitchSize, SwitchIndicatorProps } from './switch';
+export { Select, SelectOption, SelectOptGroup } from './select';
+export type { SelectProps, SelectSize } from './select';
+export { Textarea } from './textarea';
+export type { TextareaProps, TextareaSize } from './textarea';
+export { Form, FormItem, FormLabel, FormDescription, FormMessage, FormControl } from './form';
+export type { FormProps, FormItemProps, FormLabelProps, FormDescriptionProps, FormMessageProps, FormControlProps, } from './form';
+export { Calendar, DatePicker } from './calendar';
+export type { CalendarProps } from './calendar';
+export { Toggle } from './toggle';
+export type { ToggleProps, ToggleVariant, ToggleSize } from './toggle';
+export { ToggleGroup } from './toggle-group';
+export type { ToggleGroupProps, ToggleGroupItem } from './toggle-group';
+export { RadioGroup } from './radio-group';
+export type { RadioGroupProps, RadioOption } from './radio-group';
+export { FileUpload } from './file-upload';
+export type { FileUploadProps } from './file-upload';
+export { ImageInput } from './image-input';
+export type { ImageInputProps, ImageInputFile } from './image-input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAClG,YAAY,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE3F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC9F,YAAY,EACV,SAAS,EACT,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/forms/input.d.ts

@@ -0,0 +1,58 @@
+import { Input as AntInput } from 'antd';
+import type { InputProps as AntInputProps, InputRef } from 'antd';
+import React from 'react';
+export type InputSize = 'sm' | 'md' | 'lg';
+export interface InputProps extends Omit<AntInputProps, 'size'> {
+    /** Size variant — mirrors Metronic input sizes. @default 'md' */
+    inputSize?: InputSize;
+}
+/**
+ * Input — mirrors Metronic Input.
+ *
+ * Wraps Ant Design Input with Metronic-compatible size variants.
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
+export interface InputGroupProps {
+    children: React.ReactNode;
+    /** Compact mode — removes gaps between children. @default true */
+    compact?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * InputGroup — mirrors Metronic InputGroup.
+ *
+ * Uses Ant Design Space.Compact for adjacent input/addon layout.
+ */
+export declare function InputGroup({ children, compact: _compact, className, style, }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface InputAddonProps {
+    children: React.ReactNode;
+    /** Size variant. @default 'md' */
+    inputSize?: InputSize;
+    /** Icon-only mode — centers content without extra padding. */
+    iconMode?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * InputAddon — mirrors Metronic InputAddon.
+ *
+ * A styled container for icons/text placed before or after an Input.
+ */
+export declare function InputAddon({ children, inputSize, iconMode, className, style, }: InputAddonProps): import("react/jsx-runtime").JSX.Element;
+export interface InputWrapperProps {
+    children: React.ReactNode;
+    /** Size variant. @default 'md' */
+    inputSize?: InputSize;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * InputWrapper — mirrors Metronic InputWrapper.
+ *
+ * A container that visually wraps multiple input elements into one field.
+ */
+export declare function InputWrapper({ children, inputSize, className, style }: InputWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare const InputPassword: typeof AntInput.Password;
+export declare const InputSearch: typeof AntInput.Search;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/forms/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAS,MAAM,MAAM,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAQ3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC7D,iEAAiE;IACjE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,6EAajB,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EAAE,QAAe,EACxB,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CAajB;AAID,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CA4BjB;AAID,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAwB/F;AAGD,eAAO,MAAM,aAAa,EAAE,OAAO,QAAQ,CAAC,QAA4B,CAAC;AACzE,eAAO,MAAM,WAAW,EAAE,OAAO,QAAQ,CAAC,MAAwB,CAAC"}

package/dist/components/forms/label.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface LabelProps {
+    /** The form element ID this label is associated with. */
+    htmlFor?: string;
+    /** Required indicator. @default false */
+    required?: boolean;
+    /** Optional text appended after the label. */
+    optional?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Label — mirrors Metronic Form Label.
+ *
+ * A styled label element for form fields with optional required/optional indicators.
+ */
+export declare function Label({ htmlFor, required, optional, children, className, style, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=label.d.ts.map

package/dist/components/forms/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/forms/label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,UAAU,2CAkCZ"}

package/dist/components/forms/radio-group.d.ts

@@ -0,0 +1,39 @@
+import type { RadioGroupProps as AntRadioGroupProps } from 'antd';
+import React from 'react';
+export interface RadioOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Radio options. */
+    options: RadioOption[];
+    /** Controlled value. */
+    value?: string;
+    /** Default value. */
+    defaultValue?: string;
+    /** Callback when value changes. */
+    onChange?: (value: string) => void;
+    /** Layout direction. @default 'horizontal' */
+    direction?: 'horizontal' | 'vertical';
+    /** Render as button group. @default 'default' */
+    variant?: 'default' | 'button';
+    /** Size. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disabled state. */
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function resolveSize(size: 'sm' | 'md' | 'lg'): AntRadioGroupProps['size'];
+/** Exported for testing. */
+export { resolveSize as resolveRadioSize };
+/**
+ * RadioGroup -- radio button selection.
+ *
+ * Wraps Ant Design Radio.Group with a simplified options API.
+ * Uses Ant's `options` prop for clean rendering; `variant='button'`
+ * switches to `optionType='button'` for segmented-control style.
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/forms/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/forms/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,kBAAkB,CAAC,MAAM,CAAC,CASzE;AAED,4BAA4B;AAC5B,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,wFAyCtB,CAAC"}

package/dist/components/forms/select.d.ts

@@ -0,0 +1,18 @@
+import { Select as AntSelect } from 'antd';
+import type { SelectProps as AntSelectProps } from 'antd';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export interface SelectProps extends Omit<AntSelectProps, 'size'> {
+    /** Size variant — mirrors Metronic Select sizes. @default 'md' */
+    selectSize?: SelectSize;
+}
+/**
+ * Select — mirrors Metronic Select.
+ *
+ * Wraps Ant Design Select with Metronic-compatible size API.
+ * Use `options` prop or `Select.Option` children for items.
+ */
+export declare function Select({ selectSize, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
+/** Re-export Ant Design's Select sub-components for convenience. */
+export declare const SelectOption: typeof AntSelect.Option;
+export declare const SelectOptGroup: typeof AntSelect.OptGroup;
+//# sourceMappingURL=select.d.ts.map

package/dist/components/forms/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,MAAM,CAAC;AAG1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAQ5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,kEAAkE;IAClE,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EAAE,UAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAUjE;AAED,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,OAAO,SAAS,CAAC,MAAyB,CAAC;AACtE,eAAO,MAAM,cAAc,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC"}

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

@@ -0,0 +1,32 @@
+import type { SwitchProps as AntSwitchProps } from 'antd';
+import React from 'react';
+export type SwitchShape = 'pill' | 'square';
+export type SwitchSize = 'sm' | 'md' | 'lg';
+export interface SwitchProps extends Omit<AntSwitchProps, 'size'> {
+    /** Shape — pill (default) or square. @default 'pill' */
+    shape?: SwitchShape;
+    /** Size variant. @default 'md' */
+    switchSize?: SwitchSize;
+    /** Accessible label for assistive technologies. */
+    ariaLabel?: string;
+}
+/**
+ * Switch — mirrors Metronic Switch.
+ *
+ * Wraps Ant Design Switch with Metronic-compatible size and shape API.
+ */
+export declare function Switch({ shape, switchSize, ariaLabel, style, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export interface SwitchIndicatorProps {
+    /** Current state of the indicator. */
+    state: 'on' | 'off';
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * SwitchIndicator — mirrors Metronic SwitchIndicator.
+ *
+ * Shows conditional content based on on/off state.
+ */
+export declare function SwitchIndicator({ state, children, className, style }: SwitchIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/forms/switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,wDAAwD;IACxD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,kCAAkC;IAClC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAc,EACd,UAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,2CAeb;AAID,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,oBAAoB,2CAc1F"}

package/dist/components/forms/textarea.d.ts

@@ -0,0 +1,14 @@
+import type { TextAreaProps as AntTextAreaProps } from 'antd/es/input';
+import React from 'react';
+export type TextareaSize = 'sm' | 'md' | 'lg';
+export interface TextareaProps extends AntTextAreaProps {
+    /** Size variant — mirrors Metronic Textarea sizes. @default 'md' */
+    textareaSize?: TextareaSize;
+}
+/**
+ * Textarea — mirrors Metronic Textarea.
+ *
+ * Wraps Ant Design TextArea with Metronic-compatible size API.
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/forms/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/forms/textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,oEAAoE;IACpE,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAQD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2FAIpB,CAAC"}

package/dist/components/forms/toggle-group.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface ToggleGroupItem {
+    value: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface ToggleGroupProps {
+    /** Available items. */
+    items: ToggleGroupItem[];
+    /** Selection mode. @default 'single' */
+    type?: 'single' | 'multiple';
+    /** Controlled value (string for single, string[] for multiple). */
+    value?: string | string[];
+    /** Default value. */
+    defaultValue?: string | string[];
+    /** Callback when value changes. */
+    onChange?: (value: string | string[]) => void;
+    /** Size. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disabled. */
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * ToggleGroup — mirrors Metronic ToggleGroup.
+ *
+ * For single selection, uses Ant Design Segmented.
+ * For multiple selection, renders toggle buttons in a group.
+ */
+export declare function ToggleGroup({ items, type, value, defaultValue, onChange, size, disabled, className, style, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/forms/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/forms/toggle-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAQD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAe,EACf,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,2CA6FlB"}

package/dist/components/forms/toggle.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type ToggleVariant = 'default' | 'outline';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export interface ToggleProps {
+    /** Visual variant. @default 'default' */
+    variant?: ToggleVariant;
+    /** Size. @default 'md' */
+    size?: ToggleSize;
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Default pressed state. @default false */
+    defaultPressed?: boolean;
+    /** Callback when pressed state changes. */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Disabled. */
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Toggle — mirrors Metronic Toggle.
+ *
+ * A stateful toggle button using Ant Design Button with pressed styling.
+ */
+export declare function Toggle({ variant, size, pressed: controlledPressed, defaultPressed, onPressedChange, disabled, children, className, style, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/forms/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/forms/toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAQD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,WAAW,2CAqCb"}

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ai';
+export * from './data';
+export * from './effects';
+export * from './layout';
+export * from './navigation';
+export * from './feedback';
+export * from './forms';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/components/layout/header.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export interface HeaderMenuItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+}
+export interface UserMenu {
+    name: string;
+    email: string;
+    avatar?: string;
+    role?: string;
+}
+export interface HeaderProps {
+    /** Application title displayed in the header. */
+    title?: string;
+    /** Subtitle displayed below the title. */
+    subtitle?: string;
+    /** Logo element rendered before the title. */
+    logo?: React.ReactNode;
+    /** Top-level navigation menu items. */
+    menuItems?: HeaderMenuItem[];
+    /** User information for the avatar dropdown. */
+    user?: UserMenu;
+    /** Show the notification bell icon. @default true */
+    showNotifications?: boolean;
+    /** Number of unread notifications. @default 0 */
+    notificationCount?: number;
+    /** Callback when the notification icon is clicked. */
+    onNotificationClick?: () => void;
+    /** Callback when a user menu item is clicked. */
+    onUserMenuClick?: (key: string) => void;
+    /** Callback when a navigation menu item is clicked. */
+    onMenuClick?: (key: string) => void;
+    /** Controlled active menu key. */
+    activeKey?: string;
+    className?: string;
+    /** Fix the header to the top of the viewport. @default false */
+    fixed?: boolean;
+}
+/**
+ * Application header — mirrors Metronic KTHeader.
+ *
+ * Renders a top bar with logo, title, horizontal navigation, notifications,
+ * and user avatar dropdown. All colors come from the active theme via
+ * ConfigProvider — no platform prop needed.
+ */
+export declare function Header({ title, subtitle, logo, menuItems, user, showNotifications, notificationCount, onNotificationClick, onUserMenuClick, onMenuClick, activeKey, className, fixed, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/layout/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/header.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iDAAiD;IACjD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAQD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAc,EACd,IAAkB,EAClB,iBAAwB,EACxB,iBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAa,GACd,EAAE,WAAW,2CAgIb"}

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

@@ -0,0 +1,13 @@
+export { Header } from './header';
+export type { HeaderProps, HeaderMenuItem, UserMenu } from './header';
+export { Separator } from './separator';
+export type { SeparatorProps } from './separator';
+export { ScrollArea } from './scroll-area';
+export type { ScrollAreaProps } from './scroll-area';
+export { ResponsiveGrid, ResponsiveGridItem } from './responsive-grid';
+export type { ResponsiveGridProps, ResponsiveGridItemProps } from './responsive-grid';
+export { SplitPane } from './split-pane';
+export type { SplitPaneProps } from './split-pane';
+export { MetronicLayout, menuConfigToSideNavItems } from './metronic-layout';
+export type { MetronicLayoutProps, MetronicLayoutVariant, MetronicMenuConfig, MetronicMenuConfigItem, MetronicHeaderNavItem, } from './metronic-layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC"}

package/dist/components/layout/metronic-layout.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+import type { SideNavItem } from '../navigation/side-nav';
+export interface MetronicMenuConfigItem {
+    /** Display label for the menu item. */
+    title?: string;
+    /** Icon component (e.g. a lucide-react component). Rendered as <Icon size={16} />. */
+    icon?: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    /** Navigation path. */
+    path?: string;
+    /** Nested children. */
+    children?: MetronicMenuConfigItem[];
+    /** When set, renders as a section heading (group label). */
+    heading?: string;
+    /** When true, this item is a collapsible "show more / show less" container. */
+    collapse?: boolean;
+    /** Label shown when the collapsible section is expanded. */
+    collapseTitle?: string;
+    /** Label shown when the collapsible section is collapsed. */
+    expandTitle?: string;
+    /** When true, renders a visual separator. */
+    separator?: boolean;
+    /** Disables the menu item. */
+    disabled?: boolean;
+}
+export type MetronicMenuConfig = MetronicMenuConfigItem[];
+export interface MetronicHeaderNavItem {
+    /** Display label. */
+    title: string;
+    /** Navigation path (leaf link). */
+    path?: string;
+    /** Sub-items — renders a chevron indicator. */
+    children?: MetronicHeaderNavItem[];
+}
+export type MetronicLayoutVariant = 'sidebar' | 'horizontal' | 'mini-sidebar' | 'top-only' | 'dark-sidebar' | 'card-sidebar' | 'content-sidebar' | 'mega-menu';
+export interface MetronicLayoutProps {
+    children: React.ReactNode;
+    /** Layout structural variant. @default 'sidebar' */
+    variant?: MetronicLayoutVariant;
+    /** Sidebar menu configuration (used for sidebar nav and horizontal navbar). */
+    menu: MetronicMenuConfig;
+    /** Controlled sidebar collapsed state (sidebar variant only). */
+    sidebarCollapsed?: boolean;
+    /** Callback when the sidebar toggle is clicked. */
+    onSidebarToggle?: () => void;
+    /** Whether the sidebar starts collapsed (uncontrolled mode). */
+    defaultSidebarCollapsed?: boolean;
+    /** Logo element for the sidebar header or horizontal header. */
+    logo?: React.ReactNode;
+    /** Compact logo shown when the sidebar is collapsed. */
+    logoCollapsed?: React.ReactNode;
+    /** Sidebar color scheme. @default 'light' */
+    sidebarTheme?: 'light' | 'dark';
+    /** Sidebar width when expanded. @default 280 */
+    sidebarWidth?: number;
+    /** Sidebar width when collapsed. @default 80 */
+    sidebarCollapsedWidth?: number;
+    /** Current navigation path — used to highlight the active menu item. */
+    currentPath?: string;
+    /** Callback when a menu item with a path is clicked. */
+    onNavigate?: (path: string) => void;
+    /** Custom content rendered in the header area (above content, right of sidebar). */
+    headerContent?: React.ReactNode;
+    /** Custom content rendered in the footer area. */
+    footerContent?: React.ReactNode;
+    /** Horizontal navigation items for the header (sidebar variant). */
+    headerNavItems?: MetronicHeaderNavItem[];
+    /** Callback when a header nav item is clicked. */
+    onHeaderNavigate?: (path: string) => void;
+    /** User info for the header toolbar avatar. */
+    headerUser?: {
+        name: string;
+        avatar?: string;
+    };
+    /** Show search icon in toolbar. @default true */
+    showSearch?: boolean;
+    /** Show notifications bell in toolbar. @default true */
+    showNotifications?: boolean;
+    /** Notification badge count. */
+    notificationCount?: number;
+    /** Show chat icon in toolbar. @default true */
+    showChat?: boolean;
+    /** Show apps grid icon in toolbar. @default true */
+    showApps?: boolean;
+    /** Override the entire right toolbar with custom content. */
+    headerToolbar?: React.ReactNode;
+    /** Callback when a toolbar icon is clicked. */
+    onToolbarAction?: (action: 'search' | 'notifications' | 'chat' | 'apps') => void;
+    /** Static links rendered on the right side of the navbar (horizontal variant). */
+    navbarLinks?: {
+        label: string;
+        href?: string;
+    }[];
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function menuConfigToSideNavItems(items: MetronicMenuConfig, keyPrefix?: string): SideNavItem[];
+export declare function MetronicLayout({ children, variant, menu, sidebarCollapsed: controlledCollapsed, onSidebarToggle, defaultSidebarCollapsed, logo, logoCollapsed, sidebarTheme, sidebarWidth, sidebarCollapsedWidth, currentPath, onNavigate, headerContent, footerContent, headerNavItems, onHeaderNavigate, headerUser, showSearch, showNotifications, notificationCount, showChat, showApps, headerToolbar, onToolbarAction, navbarLinks, className, style, }: MetronicLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetronicLayout {
+    var displayName: string;
+}
+//# sourceMappingURL=metronic-layout.d.ts.map

package/dist/components/layout/metronic-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metronic-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/metronic-layout.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/responsive-grid.d.ts

@@ -0,0 +1,49 @@
+import type { RowProps, ColProps } from 'antd';
+import React from 'react';
+export interface ResponsiveGridProps {
+    /** Gutter spacing in pixels, or [horizontal, vertical]. */
+    gutter?: number | [number, number];
+    /** Vertical alignment. @default 'top' */
+    align?: RowProps['align'];
+    /** Horizontal justification. @default 'start' */
+    justify?: RowProps['justify'];
+    /** Allow row wrapping. @default true */
+    wrap?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ResponsiveGridItemProps {
+    /** Column span (out of 24). */
+    span?: number;
+    /** Responsive span for xs breakpoint. */
+    xs?: number | ColProps['xs'];
+    /** Responsive span for sm breakpoint. */
+    sm?: number | ColProps['sm'];
+    /** Responsive span for md breakpoint. */
+    md?: number | ColProps['md'];
+    /** Responsive span for lg breakpoint. */
+    lg?: number | ColProps['lg'];
+    /** Responsive span for xl breakpoint. */
+    xl?: number | ColProps['xl'];
+    /** Responsive span for xxl breakpoint. */
+    xxl?: number | ColProps['xxl'];
+    /** Column offset. */
+    offset?: number;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * ResponsiveGrid -- responsive grid layout.
+ *
+ * Wraps Ant Design Row with default gutter from the theme.
+ */
+export declare const ResponsiveGrid: React.ForwardRefExoticComponent<ResponsiveGridProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ResponsiveGridItem -- grid column.
+ *
+ * Wraps Ant Design Col with responsive breakpoint props.
+ */
+export declare const ResponsiveGridItem: React.ForwardRefExoticComponent<ResponsiveGridItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=responsive-grid.d.ts.map

package/dist/components/layout/responsive-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/responsive-grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9B,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,4FAmB1B,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,gGAoB9B,CAAC"}

package/dist/components/layout/scroll-area.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface ScrollAreaProps {
+    children: React.ReactNode;
+    /** Max height before scrolling. */
+    maxHeight?: number | string;
+    /** Max width before scrolling. */
+    maxWidth?: number | string;
+    /** Scroll direction. @default 'vertical' */
+    direction?: 'vertical' | 'horizontal' | 'both';
+    /** Accessible label for the scrollable region. */
+    ariaLabel?: string;
+    /** Keyboard tab order. @default 0 */
+    tabIndex?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * ScrollArea — mirrors Metronic ScrollArea.
+ *
+ * A CSS-only scrollable container with themed scrollbar styling.
+ * No external dependencies — uses overflow + custom scrollbar CSS.
+ */
+export declare function ScrollArea({ children, maxHeight, maxWidth, direction, ariaLabel, tabIndex, className, style, }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/layout/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/layout/scroll-area.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC/C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAsB,EACtB,SAAgC,EAChC,QAAY,EACZ,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CA2BjB"}

package/dist/components/layout/separator.d.ts

@@ -0,0 +1,12 @@
+import type { DividerProps } from 'antd';
+export interface SeparatorProps extends Omit<DividerProps, 'orientation'> {
+    /** Orientation — mirrors Metronic Separator. @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * Separator — mirrors Metronic Separator.
+ *
+ * Wraps Ant Design Divider with Metronic-compatible API.
+ */
+export declare function Separator({ orientation, ...rest }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/layout/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/layout/separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAGzC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACvE,sEAAsE;IACtE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAA0B,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAEhF"}