@euler-edu/react 0.0.0-stage → 7.0.1-beta1

package/lib/components/atoms/inputs/ChipInput.js.map

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

package/lib/components/atoms/inputs/DateInput.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type ConfigType, type DateFormatType } from '@euler-edu/utils/day';
+import type { DateInputSize, DateInputType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Text } from '../../../components/atoms';
+declare const _default: React.ForwardRefExoticComponent<{
+    type?: DateInputType;
+    dateFormatType?: DateFormatType;
+    size?: DateInputSize;
+    value?: ConfigType;
+    placeholder?: React.ComponentProps<typeof Text>["value"];
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    palette?: Palette;
+} & Omit<{
+    as?: "auto" | "a" | "link" | "button" | "span";
+    href?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["href"];
+    target?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["target"];
+    rel?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["rel"];
+    replace?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["replace"];
+    scroll?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["scroll"];
+    prefetch?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["prefetch"];
+} & Omit<import("../../../types/components").CommonProps<import("../../../types/components").CommonProps<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>, {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps>, "as">, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/lib/components/atoms/inputs/DateInput.js

@@ -0,0 +1,36 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const day_1 = require("@euler-edu/utils/day");
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = (0, styles_1.forwardRef)(({ type = 'rounded', dateFormatType = 'datetime', size = 'medium', value, placeholder = '', isSelected = false, isDisabled = false, palette = 'input-text', ...props }, ref) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    const text = react_1.default.useMemo(() => (value ? (0, day_1.getFormattedDate)(value, dateFormatType) : placeholder), [value, dateFormatType]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { ref: ref, "$position": "relative", "$display": "flex", "$alignItems": "center", "$height": styles_1.theme.size.height.base[size], "$paddingHorizontal": size === 'large' ? 12 : size === 'medium' ? 10 : 8, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": styles_1.theme.color.palettes[palette][isSelected
+            ? 'background-selected'
+            : isHover
+                ? 'background-hovered'
+                : 'background-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette][isSelected ? 'border-selected' : isHover ? 'border-hovered' : 'border-primary']}`, "$transition": "background, border", "$overflow": true, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size === 'large'
+                    ? 'medium'
+                    : size === 'medium'
+                        ? 'small'
+                        : 'x_small', value: text, "$color": styles_1.theme.color.palettes[palette][value
+                    ? isSelected
+                        ? 'content-selected'
+                        : isHover
+                            ? 'content-hovered'
+                            : 'content-primary'
+                    : 'content-secondary'], "$marginRight": 2, "$flexGrow": true, "$ellipsis": true }), (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/calendar-days-outline", "$autoFill": styles_1.theme.color.palettes[palette][isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-secondary'], "$size": styles_1.theme.size.height.base[size] * 0.65 })] }));
+});
+//# sourceMappingURL=DateInput.js.map

package/lib/components/atoms/inputs/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/inputs/DateInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,8CAI8B;AAK9B,2CAAmD;AAEnD,2CAA+C;AAE/C,8CAAoE;AAapE,kBAAe,IAAA,mBAAU,EACvB,CACE,EACE,IAAI,GAAG,SAAS,EAChB,cAAc,GAAG,UAAU,EAC3B,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACF,EACR,GAAiC,EACjC,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAgB,EAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EACrE,CAAC,KAAK,EAAE,cAAc,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,wBAAC,0BAAkB,IACjB,GAAG,EAAE,GAAG,eACE,UAAU,cACX,MAAM,iBACH,QAAQ,aACX,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,wBACjB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBACvD,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,iBAE1C,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;YACR,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAC3B,aAEM,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,iBACzH,oBAAoB,wBAE5B,UAAU,KACV,KAAK,aAET,uBAAC,YAAI,IACH,IAAI,EACF,IAAI,KAAK,OAAO;oBACd,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,IAAI,KAAK,QAAQ;wBACjB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS,EAEjB,KAAK,EAAE,IAAI,YAET,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,KAAK;oBACH,CAAC,CAAC,UAAU;wBACV,CAAC,CAAC,kBAAkB;wBACpB,CAAC,CAAC,OAAO;4BACP,CAAC,CAAC,iBAAiB;4BACnB,CAAC,CAAC,iBAAiB;oBACvB,CAAC,CAAC,mBAAmB,CACxB,kBAEW,CAAC,yCAGf,EACF,uBAAC,YAAI,IACH,IAAI,EAAC,4BAA4B,eAE/B,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;oBACR,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,OAAO;wBACP,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,mBAAmB,CAC1B,WAEI,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,GAC1C,IACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/atoms/inputs/IntegerInput.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { IntegerInputSize, IntegerInputType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Text } from '../../../components/atoms';
+declare const _default: React.ForwardRefExoticComponent<{
+    type?: IntegerInputType;
+    size?: IntegerInputSize;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: React.ComponentProps<typeof Text>["value"];
+    isDisabled?: boolean;
+    onChangeValue?: (value: number) => void;
+    palette?: Palette;
+} & {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/lib/components/atoms/inputs/IntegerInput.js

@@ -0,0 +1,72 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const StepButton = ({ size, icon, isDisabled, palette, ...props }) => {
+    var _a;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { "$display": "flex", "$position": "relative", "$alignItems": "center", "$justifyContent": "center", "$size": styles_1.theme.size.height.base[size] * 0.75, "$borderRadius": styles_1.theme.size.borderRadius.x_small, "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$opacity": isDisabled ? 0.4 : 1, "$nonePointerEvents": isDisabled, "$transition": true, ...hoverProps, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a[isHover && !isDisabled ? 'content-primary' : 'content-secondary'], "$size": styles_1.theme.size.height.base[size] * 0.55, "$transition": true }) }));
+};
+exports.default = (0, styles_1.forwardRef)(({ type = 'rounded', size = 'medium', value = 0, min = -Infinity, max = Infinity, step = 1, unit, isDisabled = false, onChangeValue, palette = 'input-text', ...props }, ref) => {
+    var _a, _b, _c, _d;
+    const [isFocus, setIsFocus] = react_1.default.useState(false);
+    const [draft, setDraft] = react_1.default.useState(`${value}`);
+    const parsedDraft = react_1.default.useMemo(() => {
+        const parsed = parseInt(draft, 10);
+        return Number.isNaN(parsed) ? value : parsed;
+    }, [draft, value]);
+    const clamp = react_1.default.useCallback((next) => Math.min(max, Math.max(min, next)), [max, min]);
+    const applyValue = react_1.default.useCallback((next) => {
+        setDraft(`${next}`);
+        if (next !== value)
+            onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(next);
+    }, [onChangeValue, value]);
+    const onStep = react_1.default.useCallback((delta) => {
+        if (isDisabled)
+            return;
+        applyValue(clamp(parsedDraft + delta));
+    }, [applyValue, clamp, isDisabled, parsedDraft]);
+    const onClickDecrease = react_1.default.useCallback(() => onStep(-step), [onStep, step]);
+    const onClickIncrease = react_1.default.useCallback(() => onStep(step), [onStep, step]);
+    const onChange = react_1.default.useCallback((event) => setDraft(event.target.value), []);
+    const onFocus = react_1.default.useCallback(() => setIsFocus(true), []);
+    const onBlur = react_1.default.useCallback(() => {
+        setIsFocus(false);
+        applyValue(clamp(parsedDraft));
+    }, [applyValue, clamp, parsedDraft]);
+    const onKeyDown = react_1.default.useCallback((event) => {
+        if (event.code === 'Enter') {
+            applyValue(clamp(parsedDraft));
+            return;
+        }
+        if (event.code === 'ArrowUp') {
+            event.preventDefault();
+            onStep(step);
+            return;
+        }
+        if (event.code === 'ArrowDown') {
+            event.preventDefault();
+            onStep(-step);
+        }
+    }, [applyValue, clamp, onStep, parsedDraft, step]);
+    react_1.default.useEffect(() => {
+        setDraft(`${value}`);
+    }, [value]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$position": "relative", "$alignItems": "center", "$justifyContent": "center", "$height": styles_1.theme.size.height.base[size], "$paddingHorizontal": size === 'large' ? 8 : size === 'medium' ? 6 : 4, "$gap": size === 'large' ? 4 : size === 'medium' ? 2 : 0, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-primary'], "$border": `1px solid ${(_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b[isFocus ? 'border-selected' : 'border-primary']}`, "$cursor": isDisabled ? 'not-allowed' : 'auto', "$opacity": isDisabled ? 0.4 : 1, "$nonePointerEvents": isDisabled, "$transition": "background, border", ...props, children: [(0, jsx_runtime_1.jsx)(StepButton, { size: size, icon: "hero/minus-outline", isDisabled: parsedDraft <= min, palette: palette, onClick: onClickDecrease }), (0, jsx_runtime_1.jsx)(atoms_1.InputableContainer, { ref: ref, value: draft, type: "text", inputMode: "numeric", disabled: isDisabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, "$minWidth": styles_1.theme.size.height.base[size] * 0.75, "$height": "100%", "$paddingHorizontal": styles_1.theme.size.margin.base.x_small, "$textAlign": "center", "$fieldSizing": "content", "$color": (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['content-primary'], "$cursor": isDisabled ? 'not-allowed' : 'text', "$css": size === 'large'
+                    ? styles_1.theme.text.medium
+                    : size === 'medium'
+                        ? styles_1.theme.text.small
+                        : styles_1.theme.text.x_small }), !!unit && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size === 'large'
+                    ? 'medium'
+                    : size === 'medium'
+                        ? 'small'
+                        : 'x_small', value: unit, "$color": (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['content-secondary'] })), (0, jsx_runtime_1.jsx)(StepButton, { size: size, icon: "hero/plus-outline", isDisabled: parsedDraft >= max, palette: palette, onClick: onClickIncrease })] }));
+});
+//# sourceMappingURL=IntegerInput.js.map

package/lib/components/atoms/inputs/IntegerInput.js.map

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

package/lib/components/atoms/inputs/RadioInput.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { Palette } from '../../../constants/styles';
+declare const _default: React.ForwardRefExoticComponent<{
+    size?: "x_small";
+    value?: boolean;
+    isDisabled?: boolean;
+    onChangeValue?: (value: boolean) => void;
+    palette?: Palette;
+} & Omit<{
+    as?: "auto" | "a" | "link" | "button" | "span";
+    href?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["href"];
+    target?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["target"];
+    rel?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["rel"];
+    replace?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["replace"];
+    scroll?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["scroll"];
+    prefetch?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["prefetch"];
+} & Omit<import("../../../types/components").CommonProps<import("../../../types/components").CommonProps<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>, {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps>, "as">, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/lib/components/atoms/inputs/RadioInput.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = (0, styles_1.forwardRef)(({ size = 'x_small', value = false, isDisabled = false, onChangeValue, palette = 'input-radio', ...props }, ref) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    const onClick = react_1.default.useCallback(() => {
+        if (isDisabled)
+            return;
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!value);
+    }, [isDisabled, onChangeValue, value]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { ref: ref, onClick: onClick, role: "radio", "aria-checked": value, "aria-disabled": isDisabled, "$display": "flex", "$justifyContent": "center", "$alignItems": "center", "$size": styles_1.theme.size.height.base[size], "$borderRadius": styles_1.theme.size.height.base[size] / 2, "$border": `${value ? 2 : 1}px solid ${styles_1.theme.color.palettes[palette][value ? 'border-selected' : isHover ? 'border-hovered' : 'border-primary']}`, "$background": styles_1.theme.color.palettes[palette][value
+            ? 'background-selected'
+            : isHover
+                ? 'background-hovered'
+                : 'background-primary'], "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$transition": "background, border", ...hoverProps, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": styles_1.theme.size.height.base[size] * 0.5, "$borderRadius": (styles_1.theme.size.height.base[size] * 0.5) / 2, "$opacity": value ? 1 : 0, "$background": styles_1.theme.color.palettes[palette]['content-primary'] }) }));
+});
+//# sourceMappingURL=RadioInput.js.map

package/lib/components/atoms/inputs/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/inputs/RadioInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAI1B,2CAAmD;AAEnD,2CAA+C;AAE/C,8CAAmE;AAUnE,kBAAe,IAAA,mBAAU,EACvB,CACE,EACE,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACF,EACR,GAAiC,EACjC,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,0BAAkB,IACjB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,kBACE,KAAK,mBACJ,UAAU,cAChB,MAAM,qBACC,QAAQ,iBACZ,QAAQ,WACb,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBACpB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aACtC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,iBAE7I,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,KAAK;YACH,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAC3B,aAEM,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,iBACnC,oBAAoB,KAC5B,UAAU,KACV,KAAK,YAET,uBAAC,iBAAS,aACD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,mBAC1B,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,cAC7C,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACV,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,GAC7D,GACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/atoms/inputs/SelectInput.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { SelectInputSize, SelectInputType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Icon, Text } from '../../../components/atoms';
+declare const _default: React.ForwardRefExoticComponent<{
+    type?: SelectInputType;
+    size?: SelectInputSize;
+    icon?: React.ComponentProps<typeof Icon>["type"];
+    text?: React.ComponentProps<typeof Text>["value"];
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    palette?: Palette;
+} & Omit<{
+    as?: "auto" | "a" | "link" | "button" | "span";
+    href?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["href"];
+    target?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["target"];
+    rel?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["rel"];
+    replace?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["replace"];
+    scroll?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["scroll"];
+    prefetch?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["prefetch"];
+} & Omit<import("../../../types/components").CommonProps<import("../../../types/components").CommonProps<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>, {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps>, "as">, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/lib/components/atoms/inputs/SelectInput.js

@@ -0,0 +1,32 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = (0, styles_1.forwardRef)(({ type = 'rounded', size = 'medium', icon, text, isSelected = false, isDisabled = false, palette = 'input-text', ...props }, ref) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { ref: ref, "$position": "relative", "$display": "flex", "$alignItems": "center", "$height": styles_1.theme.size.height.base[size], "$paddingHorizontal": size === 'large' ? 12 : size === 'medium' ? 10 : 8, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": styles_1.theme.color.palettes[palette][isSelected
+            ? 'background-selected'
+            : isHover
+                ? 'background-hovered'
+                : 'background-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette][isSelected ? 'border-selected' : isHover ? 'border-hovered' : 'border-primary']}`, "$transition": "background, border", "$overflow": true, ...hoverProps, ...props, children: [!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": styles_1.theme.color.palettes[palette][isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-primary'], "$size": styles_1.theme.size.height.base[size] * 0.65 })), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size === 'large'
+                    ? 'medium'
+                    : size === 'medium'
+                        ? 'small'
+                        : 'x_small', value: text, "$color": styles_1.theme.color.palettes[palette][isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-primary'], "$marginRight": 2, "$flexGrow": true, "$ellipsis": true })), (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/chevron-down-outline", "$autoFill": styles_1.theme.color.palettes[palette][isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-secondary'], "$size": styles_1.theme.size.height.base[size] * 0.65, "$transform": `rotate(${isSelected ? 180 : 0}deg)`, "$transition": "transform" })] }));
+});
+//# sourceMappingURL=SelectInput.js.map

package/lib/components/atoms/inputs/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/inputs/SelectInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAOb,2CAAmD;AAEnD,2CAA+C;AAE/C,8CAAoE;AAYpE,kBAAe,IAAA,mBAAU,EACvB,CACE,EACE,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACF,EACR,GAAiC,EACjC,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,0BAAkB,IACjB,GAAG,EAAE,GAAG,eACE,UAAU,cACX,MAAM,iBACH,QAAQ,aACX,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,wBACjB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBACvD,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,iBAE1C,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;YACR,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAC3B,aAEM,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,iBACzH,oBAAoB,wBAE5B,UAAU,KACV,KAAK,aAER,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,eAER,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;oBACR,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,OAAO;wBACP,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,iBAAiB,CACxB,WAEI,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,GAC1C,CACH,EACA,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EACF,IAAI,KAAK,OAAO;oBACd,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,IAAI,KAAK,QAAQ;wBACjB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS,EAEjB,KAAK,EAAE,IAAI,YAET,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;oBACR,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,OAAO;wBACP,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,iBAAiB,CACxB,kBAEW,CAAC,yCAGf,CACH,EACD,uBAAC,YAAI,IACH,IAAI,EAAC,2BAA2B,eAE9B,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,UAAU;oBACR,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,OAAO;wBACP,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,mBAAmB,CAC1B,WAEI,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,gBAC9B,UAAU,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,iBACpC,WAAW,GACvB,IACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/atoms/inputs/TextInput.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { z } from '@euler-edu/schema';
+import type { TextInputSize, TextInputType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import type { CommonProps } from '../../../types/components';
+import { InputableContainer } from '../../../components/atoms';
+declare const _default: React.ForwardRefExoticComponent<{
+    type?: TextInputType;
+    size?: TextInputSize;
+    value?: string;
+    isDisabled?: boolean;
+    schema?: z.ZodString;
+    onChangeValue?: (value: string) => void;
+    onEnter?: () => void;
+    inputType?: React.ComponentProps<typeof InputableContainer>["type"];
+    placeholder?: React.ComponentProps<typeof InputableContainer>["placeholder"];
+    palette?: Palette;
+} & CommonProps<{
+    as?: "input" | "textarea";
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/lib/components/atoms/inputs/TextInput.js

@@ -0,0 +1,61 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = (0, styles_1.forwardRef)(({ type = 'rounded', size = 'medium', value, isDisabled: _isDisabled = false, schema, onChangeValue, onEnter, inputType, placeholder, palette = 'input-text', $css, ...props }, ref) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const [isFocus, setIsFocus] = react_1.default.useState(false);
+    const [closeHoverProps, isCloseHover] = (0, styles_2.useHoverProps)();
+    const joinedCss = react_1.default.useMemo(() => [
+        size === 'large'
+            ? styles_1.theme.text.medium
+            : size === 'medium'
+                ? styles_1.theme.text.small
+                : styles_1.theme.text.x_small,
+        $css,
+    ], [size, $css]);
+    const onChange = react_1.default.useCallback((event) => onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(event.target.value), [onChangeValue]);
+    const onFocus = react_1.default.useCallback(() => setIsFocus(true), []);
+    const onBlur = react_1.default.useCallback(() => setIsFocus(false), []);
+    const isDisabled = react_1.default.useMemo(() => _isDisabled
+        ? true
+        : value && schema
+            ? !schema.safeParse(value).success
+            : false, [_isDisabled, schema, value]);
+    const onKeyUp = react_1.default.useCallback((event) => {
+        if (event.code === 'Enter') {
+            onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+        }
+        event.preventDefault();
+    }, [onEnter]);
+    const onClickClose = react_1.default.useCallback(() => onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(''), [onChangeValue]);
+    return type === 'rounded' ? ((0, jsx_runtime_1.jsx)(atoms_1.InputableContainer, { ref: ref, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyUp: onKeyUp, placeholder: placeholder, type: inputType, "$height": styles_1.theme.size.height.base[size], "$paddingHorizontal": size === 'large' ? 12 : size === 'medium' ? 10 : 8, "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": isDisabled
+            ? (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-invalid']
+            : isFocus
+                ? (_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['background-selected']
+                : (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['background-primary'], "$border": `1px solid ${isDisabled
+            ? (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['border-invalid']
+            : isFocus
+                ? (_e = styles_1.theme.color.palettes[palette]) === null || _e === void 0 ? void 0 : _e['border-selected']
+                : (_f = styles_1.theme.color.palettes[palette]) === null || _f === void 0 ? void 0 : _f['border-primary']}`, "$color": (_g = styles_1.theme.color.palettes[palette]) === null || _g === void 0 ? void 0 : _g['content-primary'], "$transition": "background, border", "$css": joinedCss, ...props })) : ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: ref, "$display": "flex", "$position": "relative", "$alignItems": "center", "$height": styles_1.theme.size.height.base[size], "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": (_h = styles_1.theme.color.palettes[palette]) === null || _h === void 0 ? void 0 : _h[isDisabled
+            ? 'background-invalid'
+            : isFocus
+                ? 'background-selected'
+                : 'background-primary'], "$border": `1px solid ${(_j = styles_1.theme.color.palettes[palette]) === null || _j === void 0 ? void 0 : _j[isDisabled
+            ? 'border-invalid'
+            : isFocus
+                ? 'border-selected'
+                : 'border-primary']}`, "$paddingHorizontal": size === 'large' ? 8 : size === 'medium' ? 6 : 4, "$gap": size === 'large' ? 4 : size === 'medium' ? 2 : 0, "$transition": "background, border", "$css": $css, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/magnifying-glass-outline", "$autoFill": (_k = styles_1.theme.color.palettes[palette]) === null || _k === void 0 ? void 0 : _k[isFocus ? 'content-primary' : 'content-secondary'], "$size": styles_1.theme.size.height.base[size] * 0.6 }), (0, jsx_runtime_1.jsx)(atoms_1.InputableContainer, { value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyUp: onKeyUp, type: inputType, placeholder: placeholder, "$width": 0, "$height": "100%", "$color": (_l = styles_1.theme.color.palettes[palette]) === null || _l === void 0 ? void 0 : _l['content-primary'], "$flexGrow": true, "$css": size === 'large'
+                    ? styles_1.theme.text.medium
+                    : size === 'medium'
+                        ? styles_1.theme.text.small
+                        : styles_1.theme.text.x_small }), (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { onClick: onClickClose, "$display": value ? 'flex' : 'none', "$position": "relative", "$alignItems": "center", "$size": styles_1.theme.size.height.base[size] * 0.6, ...closeHoverProps, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/x-mark-outline", "$autoFill": (_m = styles_1.theme.color.palettes[palette]) === null || _m === void 0 ? void 0 : _m[isCloseHover ? 'content-primary' : 'content-secondary'], "$size": styles_1.theme.size.height.base[size] * 0.6 }) })] }));
+});
+//# sourceMappingURL=TextInput.js.map

package/lib/components/atoms/inputs/TextInput.js.map

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

package/lib/components/atoms/inputs/ToggleInput.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ToggleInputSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+declare const _default: React.ForwardRefExoticComponent<{
+    size?: ToggleInputSize;
+    value?: boolean;
+    isDisabled?: boolean;
+    onChangeValue?: (value: boolean) => void;
+    palette?: Palette;
+} & Omit<{
+    as?: "auto" | "a" | "link" | "button" | "span";
+    href?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["href"];
+    target?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["target"];
+    rel?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["rel"];
+    replace?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["replace"];
+    scroll?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["scroll"];
+    prefetch?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["prefetch"];
+} & Omit<import("../../../types/components").CommonProps<import("../../../types/components").CommonProps<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>, {
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps>, "as">, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/lib/components/atoms/inputs/ToggleInput.js

@@ -0,0 +1,30 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = (0, styles_1.forwardRef)(({ size = 'small', value = false, isDisabled = false, onChangeValue, palette = 'input-toggle', ...props }, ref) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    const onClick = react_1.default.useCallback(() => {
+        if (isDisabled)
+            return;
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!value);
+    }, [isDisabled, onChangeValue, value]);
+    const height = styles_1.theme.size.height.base[size];
+    const width = height * 1.8;
+    const knobSize = height - 4;
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { ref: ref, onClick: onClick, "$position": "relative", "$width": width, "$height": height, "$borderRadius": height / 2, "$border": `1px solid ${styles_1.theme.color.palettes[palette][value ? 'border-selected' : 'border-primary']}`, "$background": styles_1.theme.color.palettes[palette][value
+            ? 'background-selected'
+            : isHover
+                ? 'background-hovered'
+                : 'background-primary'], "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$transition": "background, border", ...hoverProps, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 1, "$left": value
+                ? width - knobSize - 2 - (isHover && !isDisabled ? 2 : 0)
+                : 1 + (isHover && !isDisabled ? 2 : 0), "$size": knobSize, "$borderRadius": knobSize / 2, "$background": styles_1.theme.color.palettes[palette]['content-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette][value ? 'border-selected' : 'border-primary']}`, "$transition": true, "$nonePointerEvents": true }) }));
+});
+//# sourceMappingURL=ToggleInput.js.map

package/lib/components/atoms/inputs/ToggleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/inputs/ToggleInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAK1B,2CAAmD;AAEnD,2CAA+C;AAE/C,8CAAmE;AAUnE,kBAAe,IAAA,mBAAU,EACvB,CACE,EACE,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,GAAG,KAAK,EACF,EACR,GAAiC,EACjC,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uBAAC,0BAAkB,IACjB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,eACN,UAAU,YACZ,KAAK,aACJ,MAAM,mBACA,MAAM,GAAG,CAAC,aAChB,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,iBAEjG,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,KAAK;YACH,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB,CAC3B,aAEM,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,iBACnC,oBAAoB,KAC5B,UAAU,KACV,KAAK,YAET,uBAAC,iBAAS,iBACE,UAAU,UACd,CAAC,WAEL,KAAK;gBACH,CAAC,CAAC,KAAK,GAAG,QAAQ,GAAG,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzD,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAEnC,QAAQ,mBACA,QAAQ,GAAG,CAAC,iBACd,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,aACpD,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,oDAGnG,GACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/atoms/inputs/index.d.ts

@@ -0,0 +1,8 @@
+export { default as CheckboxInput } from './CheckboxInput';
+export { default as ChipInput } from './ChipInput';
+export { default as DateInput } from './DateInput';
+export { default as IntegerInput } from './IntegerInput';
+export { default as RadioInput } from './RadioInput';
+export { default as SelectInput } from './SelectInput';
+export { default as TextInput } from './TextInput';
+export { default as ToggleInput } from './ToggleInput';

package/lib/components/atoms/inputs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleInput = exports.TextInput = exports.SelectInput = exports.RadioInput = exports.IntegerInput = exports.DateInput = exports.ChipInput = exports.CheckboxInput = void 0;
+var CheckboxInput_1 = require("./CheckboxInput");
+Object.defineProperty(exports, "CheckboxInput", { enumerable: true, get: function () { return __importDefault(CheckboxInput_1).default; } });
+var ChipInput_1 = require("./ChipInput");
+Object.defineProperty(exports, "ChipInput", { enumerable: true, get: function () { return __importDefault(ChipInput_1).default; } });
+var DateInput_1 = require("./DateInput");
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
+var IntegerInput_1 = require("./IntegerInput");
+Object.defineProperty(exports, "IntegerInput", { enumerable: true, get: function () { return __importDefault(IntegerInput_1).default; } });
+var RadioInput_1 = require("./RadioInput");
+Object.defineProperty(exports, "RadioInput", { enumerable: true, get: function () { return __importDefault(RadioInput_1).default; } });
+var SelectInput_1 = require("./SelectInput");
+Object.defineProperty(exports, "SelectInput", { enumerable: true, get: function () { return __importDefault(SelectInput_1).default; } });
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
+var ToggleInput_1 = require("./ToggleInput");
+Object.defineProperty(exports, "ToggleInput", { enumerable: true, get: function () { return __importDefault(ToggleInput_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/atoms/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/inputs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/lib/components/atoms/lotties/Lottie.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LottieType } from '../../../constants/components';
+import { LottieContainer } from '../../../components/atoms';
+type Props = {
+    type: LottieType;
+} & Omit<React.ComponentProps<typeof LottieContainer>, 'src' | 'data'>;
+declare const _default: ({ type, ..._props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;