@phpsoftbox/react-softbox 0.1.0

package/dist/components/Input/DateRangePicker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type RangeValue = {
+    start: string;
+    end: string;
+};
+type Props = {
+    value?: RangeValue;
+    onChange?: (value: RangeValue) => void;
+    withTime?: boolean;
+    separator?: React.ReactNode;
+    className?: string;
+    startProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    endProps?: React.InputHTMLAttributes<HTMLInputElement>;
+};
+export default function DateRangePicker({ value, onChange, withTime, separator, className, startProps, endProps, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/DateRangePicker.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import DatePicker from './DatePicker';
+import { InputGroup, InputAddon } from './InputGroup';
+export default function DateRangePicker({ value, onChange, withTime = false, separator = '—', className, startProps, endProps, }) {
+    const [internal, setInternal] = React.useState({ start: '', end: '' });
+    const current = value ?? internal;
+    const update = (next) => {
+        if (!value) {
+            setInternal(next);
+        }
+        onChange?.(next);
+    };
+    return (_jsxs(InputGroup, { className: className, stretch: true, children: [_jsx(DatePicker, { withTime: withTime, value: current.start, onChange: (event) => update({ ...current, start: event.target.value }), ...startProps }), _jsx(InputAddon, { children: separator }), _jsx(DatePicker, { withTime: withTime, value: current.end, onChange: (event) => update({ ...current, end: event.target.value }), ...endProps })] }));
+}
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/Input/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/Input/DateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAiBtD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,GAAG,EACf,SAAS,EACT,UAAU,EACV,QAAQ,GACF;IACN,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAa,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAC;IAElC,MAAM,MAAM,GAAG,CAAC,IAAgB,EAAE,EAAE;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,mBACvC,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAClE,UAAU,GACd,EACF,KAAC,UAAU,cAAE,SAAS,GAAc,EACpC,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,CAAC,GAAG,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAChE,QAAQ,GACZ,IACS,CACd,CAAC;AACJ,CAAC"}

package/dist/components/Input/Field.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const InputField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    hasError?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export default InputField;

package/dist/components/Input/Field.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import styles from './Input.module.css';
+import { useFormFieldContext } from './FormField/FormField';
+const buildIdFromName = (name) => `field-${name.replace(/[^a-zA-Z0-9_-]/g, '-')}`;
+const InputField = React.forwardRef(({ hasError, className, ...props }, ref) => {
+    const context = useFormFieldContext();
+    const generatedId = React.useId();
+    const resolvedId = props.id ?? context?.fieldId ?? (props.name ? buildIdFromName(props.name) : generatedId);
+    const autoComplete = props.autoComplete ?? 'off';
+    const classes = [styles.input, hasError ? styles.error : null, className].filter(Boolean).join(' ');
+    if (process.env.NODE_ENV !== 'production') {
+        if (!props.id && !props.name) {
+            // eslint-disable-next-line no-console
+            console.warn('Input.Field: рекомендуется передавать id или name для связки с label.');
+        }
+    }
+    React.useEffect(() => {
+        context?.registerField(resolvedId, props.name);
+    }, [context, resolvedId, props.name]);
+    return _jsx("input", { ref: ref, id: resolvedId, className: classes, ...props, autoComplete: autoComplete });
+});
+InputField.displayName = 'InputField';
+export default InputField;
+//# sourceMappingURL=Field.js.map

package/dist/components/Input/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Input/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC5G,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/dist/components/Input/FloatLabel/FloatLabel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    label: string;
+    hasError?: boolean;
+    className?: string;
+    children: React.ReactElement;
+};
+export default function FloatLabel({ label, hasError, className, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/FloatLabel/FloatLabel.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import styles from './FloatLabel.module.css';
+export default function FloatLabel({ label, hasError, className, children }) {
+    const inputId = React.useId();
+    const wrapperClass = [styles.wrapper, className].filter(Boolean).join(' ');
+    const childElement = React.isValidElement(children) ? children : null;
+    const supportsFloatLabel = childElement &&
+        typeof childElement.type !== 'string' &&
+        Boolean(childElement.type.supportsFloatLabel);
+    const child = childElement
+        ? React.cloneElement(childElement, {
+            id: childElement.props.id ?? inputId,
+            placeholder: childElement.props.placeholder ?? ' ',
+            hasError: hasError ?? childElement.props.hasError,
+            ...(supportsFloatLabel ? { floatLabel: true } : null),
+        })
+        : children;
+    const htmlFor = React.isValidElement(child) ? child.props.id : undefined;
+    return (_jsxs("label", { className: wrapperClass, htmlFor: htmlFor, children: [child, _jsx("span", { className: styles.label, children: label })] }));
+}
+//# sourceMappingURL=FloatLabel.js.map

package/dist/components/Input/FloatLabel/FloatLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatLabel.js","sourceRoot":"","sources":["../../../../src/components/Input/FloatLabel/FloatLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAa7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAS;IAChF,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,QAAoC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnG,MAAM,kBAAkB,GACtB,YAAY;QACZ,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ;QACrC,OAAO,CAAE,YAAY,CAAC,IAA0B,CAAC,kBAAkB,CAAC,CAAC;IAEvE,MAAM,KAAK,GAAG,YAAY;QACxB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE;YAC/B,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO;YACpC,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG;YAClD,QAAQ,EAAE,QAAQ,IAAI,YAAY,CAAC,KAAK,CAAC,QAAQ;YACjD,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC;QACJ,CAAC,CAAC,QAAQ,CAAC;IAEb,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAiC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtG,OAAO,CACL,iBAAO,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,aAC7C,KAAK,EACN,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACvC,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Input/FloatLabel/FloatLabel.module.css

@@ -0,0 +1,41 @@
+.wrapper {
+  position: relative;
+  display: block;
+}
+
+.label {
+  position: absolute;
+  left: 16px;
+  top: 12px;
+  color: var(--color-muted-2);
+  font-size: 13px;
+  letter-spacing: 0.02em;
+  transition: transform 0.2s ease, color 0.2s ease, opacity 0.2s ease;
+  pointer-events: none;
+}
+
+.wrapper input:focus + .label,
+.wrapper input:not(:placeholder-shown) + .label {
+  transform: translateY(-8px);
+  color: var(--color-teal);
+  opacity: 0.9;
+}
+
+.wrapper textarea:focus + .label,
+.wrapper textarea:not(:placeholder-shown) + .label {
+  transform: translateY(-8px);
+  color: var(--color-teal);
+  opacity: 0.9;
+}
+
+.wrapper [data-float-label="true"][data-float-active="true"] + .label {
+  transform: translateY(-8px);
+  color: var(--color-teal);
+  opacity: 0.9;
+}
+
+.wrapper > input,
+.wrapper > textarea {
+  padding-top: 22px;
+  padding-bottom: 12px;
+}

package/dist/components/Input/FormField/FormField.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+type Layout = 'column' | 'row';
+type Align = 'start' | 'center' | 'end';
+type LabelAlign = 'left' | 'center' | 'right';
+type FormFieldProps = React.HTMLAttributes<HTMLDivElement> & {
+    layout?: Layout;
+    gap?: number | string;
+    labelWidth?: number | string;
+    align?: Align;
+    labelAlign?: LabelAlign;
+};
+type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+type ControlProps = React.HTMLAttributes<HTMLDivElement>;
+type ErrorProps = React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+};
+type FormFieldComponent = React.FC<FormFieldProps> & {
+    Label: React.FC<LabelProps>;
+    Control: React.FC<ControlProps>;
+    ErrorBag: React.FC<ErrorProps>;
+};
+type FormFieldContextValue = {
+    fieldId?: string;
+    fieldName?: string;
+    registerField: (id: string, name?: string) => void;
+};
+export declare const useFormFieldContext: () => FormFieldContextValue | null;
+declare const FormField: FormFieldComponent;
+export default FormField;

package/dist/components/Input/FormField/FormField.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import styles from './FormField.module.css';
+const FormFieldContext = React.createContext(null);
+export const useFormFieldContext = () => React.useContext(FormFieldContext);
+const alignMap = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+};
+const labelAlignMap = {
+    left: 'left',
+    center: 'center',
+    right: 'right',
+};
+function FormFieldRoot({ layout = 'column', gap = '8px', labelWidth, align = 'start', labelAlign = 'left', className, style, ...props }) {
+    const [fieldId, setFieldId] = React.useState(undefined);
+    const [fieldName, setFieldName] = React.useState(undefined);
+    const registerField = React.useCallback((id, name) => {
+        setFieldId(id);
+        if (name) {
+            setFieldName(name);
+        }
+    }, []);
+    const classes = [styles.field, layout === 'row' ? styles.fieldRow : null, className]
+        .filter(Boolean)
+        .join(' ');
+    const inlineStyle = {
+        ...style,
+        ['--ui-field-gap']: typeof gap === 'number' ? `${gap}px` : gap,
+        ['--ui-label-width']: labelWidth !== undefined ? (typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth) : undefined,
+        ['--ui-field-align']: alignMap[align],
+        ['--ui-label-align']: labelAlignMap[labelAlign],
+    };
+    return (_jsx(FormFieldContext.Provider, { value: { fieldId, fieldName, registerField }, children: _jsx("div", { className: classes, style: inlineStyle, ...props }) }));
+}
+function FormFieldLabel({ className, ...props }) {
+    const context = useFormFieldContext();
+    const classes = [styles.label, className].filter(Boolean).join(' ');
+    const htmlFor = props.htmlFor ?? context?.fieldId;
+    return _jsx("label", { className: classes, ...props, htmlFor: htmlFor });
+}
+function FormFieldControl({ className, ...props }) {
+    const classes = [styles.control, className].filter(Boolean).join(' ');
+    return _jsx("div", { className: classes, ...props });
+}
+function FormFieldError({ className, children, ...props }) {
+    if (!children) {
+        return null;
+    }
+    const classes = [styles.error, className].filter(Boolean).join(' ');
+    return (_jsx("div", { className: classes, role: "alert", ...props, children: children }));
+}
+const FormField = Object.assign(FormFieldRoot, {
+    Label: FormFieldLabel,
+    Control: FormFieldControl,
+    ErrorBag: FormFieldError,
+});
+export default FormField;
+//# sourceMappingURL=FormField.js.map

package/dist/components/Input/FormField/FormField.js.map

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

package/dist/components/Input/FormField/FormField.module.css

@@ -0,0 +1,30 @@
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ui-field-gap, 8px);
+  width: 100%;
+}
+
+.fieldRow {
+  flex-direction: row;
+  align-items: var(--ui-field-align, flex-start);
+}
+
+.label {
+  color: var(--color-muted);
+  font-size: 13px;
+  line-height: 1.4;
+  min-width: var(--ui-label-width, 120px);
+  text-align: var(--ui-label-align, left);
+  padding-top: 6px;
+}
+
+.control {
+  flex: 1;
+  min-width: 0;
+}
+
+.error {
+  font-size: 12px;
+  color: var(--badge-danger-color, #ff6b6b);
+}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,59 @@
+import Textarea from './Textarea/Textarea';
+import Select from './Select/Select';
+import FloatLabel from './FloatLabel/FloatLabel';
+import { InputGroup, InputAddon } from './InputGroup';
+import MaskedInput from './MaskedInput';
+import NumberInput from './NumberInput';
+import DatePicker from './DatePicker';
+import TimePicker from './TimePicker';
+import DateRangePicker from './DateRangePicker';
+import Radio from './Radio/Radio';
+import Switch from './Switch/Switch';
+declare const Input: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
+    layout?: "row" | "column";
+    gap?: number | string;
+    labelWidth?: number | string;
+    align?: "start" | "center" | "end";
+    labelAlign?: "right" | "center" | "left";
+}> & {
+    Label: React.FC<import("react").LabelHTMLAttributes<HTMLLabelElement>>;
+    Control: React.FC<import("react").HTMLAttributes<HTMLDivElement>>;
+    ErrorBag: React.FC<import("react").HTMLAttributes<HTMLDivElement> & {
+        children?: React.ReactNode;
+    }>;
+} & {
+    Label: import("react").FC<import("react").LabelHTMLAttributes<HTMLLabelElement>>;
+    Control: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>>;
+    ErrorBag: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
+        children?: React.ReactNode;
+    }>;
+    Field: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+        hasError?: boolean;
+    } & import("react").RefAttributes<HTMLInputElement>>;
+    TextArea: typeof Textarea;
+    Select: typeof Select;
+    FloatLabel: typeof FloatLabel;
+    Group: typeof InputGroup;
+    Addon: typeof InputAddon;
+    MaskedInput: typeof MaskedInput;
+    Number: typeof NumberInput;
+    DatePicker: typeof DatePicker;
+    TimePicker: typeof TimePicker;
+    DateRange: typeof DateRangePicker;
+    Radio: typeof Radio;
+    Switch: typeof Switch;
+    FormField: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
+        layout?: "row" | "column";
+        gap?: number | string;
+        labelWidth?: number | string;
+        align?: "start" | "center" | "end";
+        labelAlign?: "right" | "center" | "left";
+    }> & {
+        Label: React.FC<import("react").LabelHTMLAttributes<HTMLLabelElement>>;
+        Control: React.FC<import("react").HTMLAttributes<HTMLDivElement>>;
+        ErrorBag: React.FC<import("react").HTMLAttributes<HTMLDivElement> & {
+            children?: React.ReactNode;
+        }>;
+    };
+};
+export default Input;

package/dist/components/Input/Input.js

@@ -0,0 +1,34 @@
+import FormField from './FormField/FormField';
+import InputField from './Field';
+import Textarea from './Textarea/Textarea';
+import Select from './Select/Select';
+import FloatLabel from './FloatLabel/FloatLabel';
+import { InputGroup, InputAddon } from './InputGroup';
+import MaskedInput from './MaskedInput';
+import NumberInput from './NumberInput';
+import DatePicker from './DatePicker';
+import TimePicker from './TimePicker';
+import DateRangePicker from './DateRangePicker';
+import Radio from './Radio/Radio';
+import Switch from './Switch/Switch';
+const Input = Object.assign(FormField, {
+    Label: FormField.Label,
+    Control: FormField.Control,
+    ErrorBag: FormField.ErrorBag,
+    Field: InputField,
+    TextArea: Textarea,
+    Select,
+    FloatLabel,
+    Group: InputGroup,
+    Addon: InputAddon,
+    MaskedInput,
+    Number: NumberInput,
+    DatePicker,
+    TimePicker,
+    DateRange: DateRangePicker,
+    Radio,
+    Switch,
+    FormField,
+});
+export default Input;
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrC,KAAK,EAAE,SAAS,CAAC,KAAK;IACtB,OAAO,EAAE,SAAS,CAAC,OAAO;IAC1B,QAAQ,EAAE,SAAS,CAAC,QAAQ;IAC5B,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,QAAQ;IAClB,MAAM;IACN,UAAU;IACV,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,WAAW;IACX,MAAM,EAAE,WAAW;IACnB,UAAU;IACV,UAAU;IACV,SAAS,EAAE,eAAe;IAC1B,KAAK;IACL,MAAM;IACN,SAAS;CACV,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/components/Input/Input.module.css

@@ -0,0 +1,31 @@
+.input {
+  width: 100%;
+  padding: 16px 16px;
+  border-radius: var(--radius-sm);
+  border: 1px solid rgba(30, 99, 233, 0.25);
+  background: var(--surface-input);
+  color: var(--color-text);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.input:focus {
+  outline: none;
+  border-color: rgba(20, 201, 214, 0.8);
+  box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
+}
+
+.input::placeholder {
+  color: var(--color-muted-2);
+}
+
+.input:disabled {
+  background: var(--surface-input-disabled);
+  color: var(--color-muted-2);
+  border-color: rgba(30, 51, 85, 0.5);
+  cursor: not-allowed;
+}
+
+.error {
+  border-color: rgba(255, 94, 126, 0.8);
+  box-shadow: 0 0 0 3px rgba(255, 94, 126, 0.2);
+}

package/dist/components/Input/InputGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './InputGroup.module.css';
+type GroupProps = React.HTMLAttributes<HTMLDivElement> & {
+    stretch?: boolean;
+};
+type AddonProps = React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType;
+};
+export declare function InputGroup({ stretch, className, children, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputAddon({ as, className, ...props }: AddonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/InputGroup.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './InputGroup.module.css';
+const GROUP_CLASS = 'rsb-input-group';
+const GROUP_STRETCH_CLASS = 'rsb-input-group--stretch';
+const ITEM_CLASS = 'rsb-group-item';
+const ADDON_CLASS = 'rsb-input-addon';
+export function InputGroup({ stretch = false, className, children, ...props }) {
+    const classes = [GROUP_CLASS, stretch ? GROUP_STRETCH_CLASS : null, className].filter(Boolean).join(' ');
+    const items = React.Children.map(children, (child) => {
+        if (!React.isValidElement(child)) {
+            return child;
+        }
+        const element = child;
+        const childClassName = [element.props.className, ITEM_CLASS].filter(Boolean).join(' ');
+        return React.cloneElement(element, { className: childClassName });
+    });
+    return (_jsx("div", { className: classes, ...props, children: items }));
+}
+export function InputAddon({ as = 'div', className, ...props }) {
+    const Component = as;
+    const classes = [ADDON_CLASS, ITEM_CLASS, className].filter(Boolean).join(' ');
+    return _jsx(Component, { className: classes, ...props });
+}
+//# sourceMappingURL=InputGroup.js.map

package/dist/components/Input/InputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/Input/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,GAAG,iBAAiB,CAAC;AACtC,MAAM,mBAAmB,GAAG,0BAA0B,CAAC;AACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC;AACpC,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAUtC,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACvF,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzG,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,OAAO,GAAG,KAAmD,CAAC;QACpE,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvF,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,KAAM,KAAK,YAC/B,KAAK,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACxE,MAAM,SAAS,GAAG,EAAuB,CAAC;IAC1C,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/E,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACtD,CAAC"}

package/dist/components/Input/InputGroup.module.css

@@ -0,0 +1,38 @@
+:global(.rsb-input-group) {
+  display: flex;
+  align-items: stretch;
+  gap: 0;
+}
+
+:global(.rsb-input-group--stretch) > :global(.rsb-group-item) {
+  flex: 1;
+  min-width: 0;
+}
+
+:global(.rsb-input-group) > :global(.rsb-group-item) {
+  border-radius: 0 !important;
+}
+
+:global(.rsb-input-group) > :global(.rsb-group-item):first-child {
+  border-top-left-radius: var(--radius-sm) !important;
+  border-bottom-left-radius: var(--radius-sm) !important;
+}
+
+:global(.rsb-input-group) > :global(.rsb-group-item):last-child {
+  border-top-right-radius: var(--radius-sm) !important;
+  border-bottom-right-radius: var(--radius-sm) !important;
+}
+
+:global(.rsb-input-group) > :global(.rsb-group-item) + :global(.rsb-group-item) {
+  margin-left: -1px;
+}
+
+:global(.rsb-input-addon) {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 12px;
+  border: 1px solid rgba(30, 99, 233, 0.25);
+  background: var(--surface-input);
+  color: var(--color-muted);
+  white-space: nowrap;
+}

package/dist/components/Input/MaskedInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> & {
+    mask: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholderChar?: string;
+};
+export default function MaskedInput({ mask, value, onChange, placeholderChar, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/MaskedInput.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import InputField from './Field';
+const isDigit = (char) => /\d/.test(char);
+const isLetter = (char) => /[a-zA-Z]/.test(char);
+const isAlphaNum = (char) => /[a-zA-Z0-9]/.test(char);
+const stripRaw = (value) => value.replace(/[^a-zA-Z0-9]/g, '');
+const applyMask = (raw, mask, placeholderChar) => {
+    let rawIndex = 0;
+    let output = '';
+    for (let i = 0; i < mask.length; i += 1) {
+        const maskChar = mask[i];
+        const rawChar = raw[rawIndex];
+        if (maskChar === '9' || maskChar === 'A' || maskChar === '*') {
+            if (!rawChar) {
+                if (placeholderChar) {
+                    output += placeholderChar;
+                    continue;
+                }
+                break;
+            }
+            const matches = (maskChar === '9' && isDigit(rawChar)) ||
+                (maskChar === 'A' && isLetter(rawChar)) ||
+                (maskChar === '*' && isAlphaNum(rawChar));
+            if (matches) {
+                output += rawChar;
+                rawIndex += 1;
+            }
+            else {
+                rawIndex += 1;
+                i -= 1;
+            }
+            continue;
+        }
+        output += maskChar;
+    }
+    return output;
+};
+const extractRaw = (masked, mask) => {
+    let raw = '';
+    let maskIndex = 0;
+    for (let i = 0; i < masked.length && maskIndex < mask.length; i += 1) {
+        const maskChar = mask[maskIndex];
+        const char = masked[i];
+        if (maskChar === '9' || maskChar === 'A' || maskChar === '*') {
+            const matches = (maskChar === '9' && isDigit(char)) ||
+                (maskChar === 'A' && isLetter(char)) ||
+                (maskChar === '*' && isAlphaNum(char));
+            if (matches) {
+                raw += char;
+                maskIndex += 1;
+            }
+            continue;
+        }
+        if (char === maskChar) {
+            maskIndex += 1;
+        }
+        else {
+            maskIndex += 1;
+            i -= 1;
+        }
+    }
+    return raw;
+};
+export default function MaskedInput({ mask, value, onChange, placeholderChar, ...props }) {
+    const isControlled = value !== undefined;
+    const [internal, setInternal] = React.useState('');
+    const displayValue = React.useMemo(() => {
+        const raw = stripRaw(String(isControlled ? value ?? '' : internal));
+        return applyMask(raw, mask, placeholderChar);
+    }, [value, internal, mask, placeholderChar, isControlled]);
+    const handleChange = (event) => {
+        const rawInput = event.target.value;
+        const raw = extractRaw(rawInput, mask);
+        if (!isControlled) {
+            setInternal(raw);
+        }
+        onChange?.(raw);
+    };
+    return _jsx(InputField, { ...props, value: displayValue, onChange: handleChange });
+}
+//# sourceMappingURL=MaskedInput.js.map

package/dist/components/Input/MaskedInput.js.map

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

package/dist/components/Input/NumberInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> & {
+    value?: string | number;
+    onChange?: (value: string) => void;
+    allowNegative?: boolean;
+    decimalSeparator?: '.' | ',';
+    decimalScale?: number;
+};
+export default function NumberInput({ value, onChange, allowNegative, decimalSeparator, decimalScale, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};