@kismet-ux/constellation 1.0.0

package/dist/form/Input/input.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+type InputSize = 'sm' | 'md' | 'lg';
+type InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';
+export interface InputBaseProps {
+    label?: string;
+    sizeVariant?: InputSize;
+    error?: boolean;
+    helperText?: string;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+}
+type InputFieldProps = InputBaseProps & React.InputHTMLAttributes<HTMLInputElement> & {
+    type?: Exclude<InputType, 'textarea'>;
+    rows?: never;
+};
+type TextAreaProps = InputBaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    type: 'textarea';
+    rows?: number;
+};
+type InputProps = InputFieldProps | TextAreaProps;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/form/Input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,KAAK,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,KAAK,eAAe,GAAG,cAAc,GACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,KAAK,aAAa,GAAG,cAAc,GACjC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGJ,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAGlD,QAAA,MAAM,KAAK,2GAqGV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/form/Input/input.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Label } from '../Label/label.js';
+import { useBreakpoint } from '../../hooks/use-mobile.js';
+import { Typography } from '../../typography/Typography/typography.js';
+import cn from 'clsx';
+import * as React from 'react';
+import inputStyles from './input.module.scss.js';
+
+// The Custom Input Component
+const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText, startAdornment, endAdornment, id, type = 'text', rows, ...rest }, ref) => {
+    const { isBelow } = useBreakpoint();
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const helperId = helperText ? `${inputId}-helper` : undefined;
+    const resolvedSize = sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));
+    const isTextArea = type === 'textarea';
+    const [isFocused, setIsFocused] = React.useState(false);
+    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: rest.disabled }, { [inputStyles.placeholder]: rest.placeholder }, { [inputStyles['is-focused']]: isFocused }, { [inputStyles['has-value']]: rest.value });
+    return (jsxs("div", { "data-slot": 'input', "data-constellation-field": true, className: containerClasses, children: [jsxs("div", { className: cn(inputStyles['input-container'], isTextArea && inputStyles['textarea-container']), children: [startAdornment && (jsx("span", { "data-slot": 'input-start-adornment', className: inputStyles['adornment'], children: startAdornment })), jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: inputId, children: [label, (rest['aria-required'] || rest.required) && jsx("span", { className: inputStyles.required, children: "*" })] }) }), isTextArea ? (jsx("textarea", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), ref: ref, rows: rows, ...rest })) : (jsx("input", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), ref: ref, type: type, ...rest })), endAdornment && (jsx("span", { "data-slot": 'input-end-adornment', className: inputStyles['adornment'], children: endAdornment }))] }), helperText && (jsx(Typography, { "data-slot": 'input-helper-text', id: helperId, variant: 'caption', className: inputStyles['helper-text'], children: helperText }))] }));
+});
+Input.displayName = 'Input';
+
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/form/Input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/form/Input/input.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './input.module.scss';\n\n// Define the possible size variants\ntype InputSize = 'sm' | 'md' | 'lg';\n\ntype InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';\n\nexport interface InputBaseProps {\n  label?: string;\n  sizeVariant?: InputSize;\n  error?: boolean;\n  helperText?: string;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n}\n\ntype InputFieldProps = InputBaseProps &\n  React.InputHTMLAttributes<HTMLInputElement> & {\n    type?: Exclude<InputType, 'textarea'>;\n    rows?: never;\n  };\n\ntype TextAreaProps = InputBaseProps &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    type: 'textarea';\n    rows?: number;\n  };\n\n// Define the component's prop interface\ntype InputProps = InputFieldProps | TextAreaProps;\n\n// The Custom Input Component\nconst Input = React.forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(\n  (\n    {\n      label,\n      sizeVariant,\n      error = false,\n      helperText,\n      startAdornment,\n      endAdornment,\n      id,\n      type = 'text',\n      rows,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isBelow } = useBreakpoint();\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n    const helperId = helperText ? `${inputId}-helper` : undefined;\n    const resolvedSize =\n      sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));\n    const isTextArea = type === 'textarea';\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    const containerClasses = cn(\n      s.container,\n      s[resolvedSize],\n      { [s.error]: error },\n      { [s.disabled]: rest.disabled },\n      { [s.placeholder]: rest.placeholder },\n      { [s['is-focused']]: isFocused },\n      { [s['has-value']]: rest.value },\n    );\n\n    return (\n      <div data-slot={'input'} data-constellation-field className={containerClasses}>\n        <div className={cn(s['input-container'], isTextArea && s['textarea-container'])}>\n          {/* Start Adornment */}\n          {startAdornment && (\n            <span data-slot={'input-start-adornment'} className={s['adornment']}>\n              {startAdornment}\n            </span>\n          )}\n\n          <div className={s['label-container']}>\n            <Label htmlFor={inputId}>\n              {label}\n              {(rest['aria-required'] || rest.required) && <span className={s.required}>*</span>}\n            </Label>\n          </div>\n          {isTextArea ? (\n            <textarea\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={() => setIsFocused(true)}\n              onBlur={() => setIsFocused(false)}\n              ref={ref as React.Ref<HTMLTextAreaElement>}\n              rows={rows}\n              {...(rest as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n            />\n          ) : (\n            <input\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={() => setIsFocused(true)}\n              onBlur={() => setIsFocused(false)}\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={type}\n              {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n            />\n          )}\n\n          {/* End Adornment */}\n          {endAdornment && (\n            <span data-slot={'input-end-adornment'} className={s['adornment']}>\n              {endAdornment}\n            </span>\n          )}\n        </div>\n\n        {/* Helper Text */}\n        {helperText && (\n          <Typography\n            data-slot={'input-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["s","_jsxs","_jsx"],"mappings":"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"}

package/dist/form/Input/input.module.scss.js

@@ -0,0 +1,4 @@
+var inputStyles = {"container":"input-module_container__BbvW7","label-container":"input-module_label-container__-M8fN","required":"input-module_required__WyUNt","input-container":"input-module_input-container__ckjSv","adornment":"input-module_adornment__-kTWo","textarea-container":"input-module_textarea-container__3y-Sz","helper-text":"input-module_helper-text__HeMK4","is-focused":"input-module_is-focused__GhhAC","error":"input-module_error__YEz7-","disabled":"input-module_disabled__e2iLi","sm":"input-module_sm__K1EgW","placeholder":"input-module_placeholder__h6tne","has-value":"input-module_has-value__V3w4N","md":"input-module_md__QNc16","lg":"input-module_lg__2Lpmb"};
+
+export { inputStyles as default };
+//# sourceMappingURL=input.module.scss.js.map

package/dist/form/Input/input.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/form/Label/index.d.ts

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

package/dist/form/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/form/Label/label-variants.d.ts

@@ -0,0 +1,5 @@
+export declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=label-variants.d.ts.map

package/dist/form/Label/label-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-variants.d.ts","sourceRoot":"","sources":["../../../src/form/Label/label-variants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;8EAsBxB,CAAC"}

package/dist/form/Label/label-variants.js

@@ -0,0 +1,29 @@
+import { cva } from 'class-variance-authority';
+import s from './label.module.scss.js';
+
+const labelVariants = cva(s.label, {
+    variants: {
+        size: {
+            sm: s['label--sm'],
+            md: s['label--md'],
+            lg: s['label--lg'],
+        },
+        theme: {
+            inherit: undefined,
+            primary: s['label--primary'],
+            secondary: s['label--secondary'],
+            destructive: s['label--destructive'],
+            warning: s['label--warning'],
+            success: s['label--success'],
+            info: s['label--info'],
+            slate: s['label--slate'],
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        theme: 'inherit',
+    },
+});
+
+export { labelVariants };
+//# sourceMappingURL=label-variants.js.map

package/dist/form/Label/label-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-variants.js","sources":["../../../src/form/Label/label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nimport s from './label.module.scss';\n\nexport const labelVariants = cva(s.label, {\n  variants: {\n    size: {\n      sm: s['label--sm'],\n      md: s['label--md'],\n      lg: s['label--lg'],\n    },\n    theme: {\n      inherit: undefined,\n      primary: s['label--primary'],\n      secondary: s['label--secondary'],\n      destructive: s['label--destructive'],\n      warning: s['label--warning'],\n      success: s['label--success'],\n      info: s['label--info'],\n      slate: s['label--slate'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    theme: 'inherit',\n  },\n});\n"],"names":[],"mappings":";;;MAIa,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC;AAClB,YAAA,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC;AAClB,YAAA,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAChC,YAAA,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC;AACpC,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC5B,YAAA,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC;AACtB,YAAA,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC;AACzB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA;;"}

package/dist/form/Label/label.d.ts

@@ -0,0 +1,10 @@
+import { type FormTheme } from '@constellation/types';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { labelVariants } from './label-variants';
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    theme?: FormTheme;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/form/Label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/form/Label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,qFAaV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/form/Label/label.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { labelVariants } from './label-variants.js';
+
+const Label = React.forwardRef(({ className, size, theme, ...props }, ref) => {
+    const resolvedTheme = theme ?? 'inherit';
+    return (jsx("label", { "data-slot": 'label', className: cn(labelVariants({ size, theme: resolvedTheme }), className), ref: ref, ...props }));
+});
+Label.displayName = 'Label';
+
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/form/Label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/form/Label/label.tsx"],"sourcesContent":["import { type FormTheme } from '@constellation/types';\nimport { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { labelVariants } from './label-variants';\n\nexport interface LabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {\n  theme?: FormTheme;\n}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, size, theme, ...props }, ref) => {\n    const resolvedTheme = theme ?? 'inherit';\n\n    return (\n      <label\n        data-slot={'label'}\n        className={cn(labelVariants({ size, theme: resolvedTheme }), className)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":["_jsx"],"mappings":";;;;;AAWA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC5C,IAAA,MAAM,aAAa,GAAG,KAAK,IAAI,SAAS;AAExC,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACa,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,EACvE,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO;;"}

package/dist/form/Label/label.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"label":"label-module_label__W45OF","label--sm":"label-module_label--sm__6znj9","label--md":"label-module_label--md__28ZN0","label--lg":"label-module_label--lg__foUcY","label--primary":"label-module_label--primary__XjBU2","label--secondary":"label-module_label--secondary__qZMba","label--destructive":"label-module_label--destructive__mxebr","label--warning":"label-module_label--warning__x9pZq","label--success":"label-module_label--success__I16sM","label--info":"label-module_label--info__DHWtD","label--slate":"label-module_label--slate__U1aa8"};
+
+export { s as default };
+//# sourceMappingURL=label.module.scss.js.map

package/dist/form/Label/label.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/form/Select/index.d.ts

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

package/dist/form/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/form/Select/select.d.ts

@@ -0,0 +1,16 @@
+import { type SelectContentProps, type SelectFieldProps, type SelectProps } from '@constellation/types';
+import * as React from 'react';
+declare function Select({ open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disabled, children, ...props }: SelectProps): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function SelectValue({ children, placeholder, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
+    placeholder?: React.ReactNode;
+}): React.JSX.Element;
+declare function SelectTrigger({ className, children, onClick, onKeyDown, type, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
+declare function SelectContent({ align, className, children, collisionPadding, onKeyDown, position, side, sideOffset, ...props }: SelectContentProps): React.JSX.Element;
+declare function SelectItem({ className, children, disabled, onClick, onMouseMove, value, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+}): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function SelectField(props: SelectFieldProps): React.JSX.Element;
+export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

package/dist/form/Select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/form/Select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAya/B,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAoHb;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAS3E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,qBAwD/C;AAED,iBAAS,aAAa,CAAC,EACrB,KAAe,EACf,SAAS,EACT,QAAQ,EACR,gBAA4C,EAC5C,SAAS,EACT,QAAmB,EACnB,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA2FpB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,qBA2CnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAErF;AA0lBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA8N3C;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}