@vritti/quantum-ui 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-CCQVCZBc.js → Button-CQn3Mpx0.js} +4 -18
- package/dist/Button-CQn3Mpx0.js.map +1 -0
- package/dist/Card-C5V_kLq7.js.map +1 -1
- package/dist/{TextField-bmiQJ7hv.js → TextField-CBAo3cUz.js} +29 -10
- package/dist/TextField-CBAo3cUz.js.map +1 -0
- package/dist/ThemeToggle-C8VWQYpc.js +186 -0
- package/dist/ThemeToggle-C8VWQYpc.js.map +1 -0
- package/dist/Typography-BCxuB5sP.js.map +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/TextField.js +1 -1
- package/dist/components/ThemeToggle.js +1 -1
- package/dist/index-B_dX4wQk.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/lib/components/Button/Button.d.ts +1 -9
- package/dist/lib/components/Button/Button.d.ts.map +1 -1
- package/dist/lib/components/Button/index.d.ts +1 -1
- package/dist/lib/components/Button/index.d.ts.map +1 -1
- package/dist/lib/components/TextField/TextField.d.ts +1 -0
- package/dist/lib/components/TextField/TextField.d.ts.map +1 -1
- package/dist/lib/components/ThemeToggle/ThemeToggle.d.ts.map +1 -1
- package/dist/utils-BLJyPY44.js.map +1 -1
- package/package.json +9 -9
- package/dist/Button-CCQVCZBc.js.map +0 -1
- package/dist/TextField-bmiQJ7hv.js.map +0 -1
- package/dist/ThemeToggle-HP4cegI7.js +0 -78
- package/dist/ThemeToggle-HP4cegI7.js.map +0 -1
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
7
|
-
"version": "0.1.
|
|
7
|
+
"version": "0.1.3",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"sideEffects": false,
|
|
10
10
|
"main": "./dist/index.js",
|
|
@@ -61,7 +61,9 @@
|
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@eslint/js": "^9.25.0",
|
|
64
|
-
"@storybook/
|
|
64
|
+
"@storybook/addon-docs": "9.1.7",
|
|
65
|
+
"@storybook/addon-themes": "^9.1.8",
|
|
66
|
+
"@storybook/react-vite": "9.1.7",
|
|
65
67
|
"@types/node": "^22.18.1",
|
|
66
68
|
"@types/react": "^19.1.2",
|
|
67
69
|
"@types/react-dom": "^19.1.2",
|
|
@@ -70,19 +72,17 @@
|
|
|
70
72
|
"eslint": "^9.25.0",
|
|
71
73
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
72
74
|
"eslint-plugin-react-refresh": "^0.4.19",
|
|
73
|
-
"eslint-plugin-storybook": "
|
|
75
|
+
"eslint-plugin-storybook": "9.1.7",
|
|
74
76
|
"glob": "^11.0.2",
|
|
75
77
|
"globals": "^16.0.0",
|
|
76
78
|
"react": "^19.1.0",
|
|
77
79
|
"react-dom": "^19.1.0",
|
|
78
|
-
"storybook": "
|
|
80
|
+
"storybook": "9.1.7",
|
|
79
81
|
"tw-animate-css": "^1.3.8",
|
|
80
82
|
"typescript": "~5.8.3",
|
|
81
83
|
"typescript-eslint": "^8.30.1",
|
|
82
|
-
"vite": "^
|
|
83
|
-
"vite-plugin-dts": "^4.5.4"
|
|
84
|
-
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
85
|
-
"vite-tsconfig-paths": "^5.1.4"
|
|
84
|
+
"vite": "^7.1.6",
|
|
85
|
+
"vite-plugin-dts": "^4.5.4"
|
|
86
86
|
},
|
|
87
87
|
"dependencies": {
|
|
88
88
|
"@radix-ui/react-label": "^2.1.7",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@tailwindcss/vite": "^4.1.13",
|
|
91
91
|
"class-variance-authority": "^0.7.1",
|
|
92
92
|
"clsx": "^2.1.1",
|
|
93
|
-
"lucide-react": "^0.
|
|
93
|
+
"lucide-react": "^0.544.0",
|
|
94
94
|
"tailwind-merge": "^3.3.1",
|
|
95
95
|
"tailwindcss": "^4.1.13"
|
|
96
96
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button-CCQVCZBc.js","sources":["../node_modules/class-variance-authority/dist/index.mjs","../shadcn/shadcnButton/Button.tsx","../lib/components/Button/Button.tsx"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n","import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n destructive:\n 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n outline:\n 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n icon: 'size-9',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : 'button';\n\n return <Comp data-slot='button' className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\n","import { Button as ShadcnButton, buttonVariants } from '../../../shadcn/shadcnButton';\nimport { cn } from '../../../shadcn/utils';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nexport interface ButtonProps\n extends React.ComponentProps<'button'>,\n VariantProps<typeof buttonVariants> {\n /**\n * Button content\n */\n children: React.ReactNode;\n\n /**\n * Additional CSS classes\n */\n className?: string;\n\n /**\n * Whether to render as child component\n */\n asChild?: boolean;\n}\n\n// Button molecule - pure shadcn Button with quantum defaults\nexport const Button = React.memo<ButtonProps>(\n ({ className, ...props }) => {\n return (\n <ShadcnButton\n className={cn(className)}\n {...props}\n />\n );\n }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","React","ShadcnButton"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextField-bmiQJ7hv.js","sources":["../shadcn/shadcnInput/Input.tsx","../node_modules/@radix-ui/react-primitive/dist/index.mjs","../node_modules/@radix-ui/react-label/dist/index.mjs","../shadcn/shadcnLabel/Label.tsx","../lib/components/TextField/TextField.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot='input'\n className={cn(\n 'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n","// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"select\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Slot = createSlot(`Primitive.${node}`);\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n return /* @__PURE__ */ jsx(\n Primitive.label,\n {\n ...props,\n ref: forwardedRef,\n onMouseDown: (event) => {\n const target = event.target;\n if (target.closest(\"button, input, select, textarea\")) return;\n props.onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n }\n }\n );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n Label,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from '@radix-ui/react-label';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot='label'\n className={cn(\n 'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n","import React from 'react';\nimport { Input } from '../../../shadcn/shadcnInput';\nimport { Label } from '../../../shadcn/shadcnLabel';\nimport { cn } from '../../../shadcn/utils';\n\nexport interface TextFieldProps extends React.ComponentProps<'input'> {\n /**\n * Label for the field\n */\n label?: string;\n\n /**\n * Helper or error message to display below the field\n */\n message?: string;\n\n /**\n * Whether the field is required\n */\n required?: boolean;\n}\n\n// TextField molecule - Input + Label composition\nexport const TextField: React.FC<TextFieldProps> = ({\n label,\n message,\n required = false,\n className,\n id,\n ...props\n}) => {\n const inputId = id || `textfield-${Math.random().toString(36).substr(2, 9)}`;\n\n return (\n <div className=\"space-y-2\">\n {label && (\n <Label htmlFor={inputId}>\n {label}\n {required && <span className=\"text-destructive ml-1\">*</span>}\n </Label>\n )}\n\n <Input\n id={inputId}\n className={cn(className)}\n aria-describedby={message ? `${inputId}-message` : undefined}\n {...props}\n />\n\n {message && (\n <p id={`${inputId}-message`} className=\"text-xs text-muted-foreground\">\n {message}\n </p>\n )}\n </div>\n );\n};\n"],"names":["Label","LabelPrimitive.Root"],"mappings":"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","x_google_ignoreList":[1,2]}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { B as Button } from './Button-CCQVCZBc.js';
|
|
4
|
-
|
|
5
|
-
const ThemeToggle = ({ className, size = "md" }) => {
|
|
6
|
-
const [theme, setTheme] = useState("light");
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const savedTheme = localStorage.getItem("theme");
|
|
9
|
-
const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
10
|
-
const initialTheme = savedTheme || systemTheme;
|
|
11
|
-
setTheme(initialTheme);
|
|
12
|
-
updateDocumentTheme(initialTheme);
|
|
13
|
-
}, []);
|
|
14
|
-
const updateDocumentTheme = (newTheme) => {
|
|
15
|
-
const root = document.documentElement;
|
|
16
|
-
if (newTheme === "dark") {
|
|
17
|
-
root.classList.add("dark");
|
|
18
|
-
} else {
|
|
19
|
-
root.classList.remove("dark");
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
const toggleTheme = () => {
|
|
23
|
-
const newTheme = theme === "light" ? "dark" : "light";
|
|
24
|
-
setTheme(newTheme);
|
|
25
|
-
localStorage.setItem("theme", newTheme);
|
|
26
|
-
updateDocumentTheme(newTheme);
|
|
27
|
-
};
|
|
28
|
-
return /* @__PURE__ */ jsx(
|
|
29
|
-
Button,
|
|
30
|
-
{
|
|
31
|
-
variant: "ghost",
|
|
32
|
-
size: size === "md" ? "default" : size,
|
|
33
|
-
onClick: toggleTheme,
|
|
34
|
-
className,
|
|
35
|
-
"aria-label": `Switch to ${theme === "light" ? "dark" : "light"} theme`,
|
|
36
|
-
children: theme === "light" ? /* @__PURE__ */ jsx(
|
|
37
|
-
"svg",
|
|
38
|
-
{
|
|
39
|
-
className: "h-4 w-4",
|
|
40
|
-
fill: "none",
|
|
41
|
-
stroke: "currentColor",
|
|
42
|
-
viewBox: "0 0 24 24",
|
|
43
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
44
|
-
children: /* @__PURE__ */ jsx(
|
|
45
|
-
"path",
|
|
46
|
-
{
|
|
47
|
-
strokeLinecap: "round",
|
|
48
|
-
strokeLinejoin: "round",
|
|
49
|
-
strokeWidth: 2,
|
|
50
|
-
d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
}
|
|
54
|
-
) : /* @__PURE__ */ jsx(
|
|
55
|
-
"svg",
|
|
56
|
-
{
|
|
57
|
-
className: "h-4 w-4",
|
|
58
|
-
fill: "none",
|
|
59
|
-
stroke: "currentColor",
|
|
60
|
-
viewBox: "0 0 24 24",
|
|
61
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
62
|
-
children: /* @__PURE__ */ jsx(
|
|
63
|
-
"path",
|
|
64
|
-
{
|
|
65
|
-
strokeLinecap: "round",
|
|
66
|
-
strokeLinejoin: "round",
|
|
67
|
-
strokeWidth: 2,
|
|
68
|
-
d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
}
|
|
72
|
-
)
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
export { ThemeToggle as T };
|
|
78
|
-
//# sourceMappingURL=ThemeToggle-HP4cegI7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggle-HP4cegI7.js","sources":["../lib/components/ThemeToggle/ThemeToggle.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Button } from '../Button/Button';\n\nexport interface ThemeToggleProps {\n /**\n * Custom className for the toggle button\n */\n className?: string;\n\n /**\n * Size of the toggle button\n */\n size?: 'sm' | 'md' | 'lg';\n}\n\nexport const ThemeToggle: React.FC<ThemeToggleProps> = ({ className, size = 'md' }) => {\n const [theme, setTheme] = useState<'light' | 'dark'>('light');\n\n // Initialize theme from localStorage or system preference\n useEffect(() => {\n const savedTheme = localStorage.getItem('theme') as 'light' | 'dark' | null;\n const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n const initialTheme = savedTheme || systemTheme;\n\n setTheme(initialTheme);\n updateDocumentTheme(initialTheme);\n }, []);\n\n const updateDocumentTheme = (newTheme: 'light' | 'dark') => {\n const root = document.documentElement;\n if (newTheme === 'dark') {\n root.classList.add('dark');\n } else {\n root.classList.remove('dark');\n }\n };\n\n const toggleTheme = () => {\n const newTheme = theme === 'light' ? 'dark' : 'light';\n setTheme(newTheme);\n localStorage.setItem('theme', newTheme);\n updateDocumentTheme(newTheme);\n };\n\n return (\n <Button\n variant='ghost'\n size={size === 'md' ? 'default' : size}\n onClick={toggleTheme}\n className={className}\n aria-label={`Switch to ${theme === 'light' ? 'dark' : 'light'} theme`}\n >\n {theme === 'light' ? (\n <svg\n className='h-4 w-4'\n fill='none'\n stroke='currentColor'\n viewBox='0 0 24 24'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth={2}\n d='M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z'\n />\n </svg>\n ) : (\n <svg\n className='h-4 w-4'\n fill='none'\n stroke='currentColor'\n viewBox='0 0 24 24'\n xmlns='http://www.w3.org/2000/svg'\n >\n <path\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth={2}\n d='M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z'\n />\n </svg>\n )}\n </Button>\n );\n};\n"],"names":[],"mappings":";;;;AAeO,MAAM,cAA0C,CAAC,EAAE,SAAW,EAAA,IAAA,GAAO,MAAW,KAAA;AACrF,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAA2B,OAAO,CAAA;AAG5D,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,UAAA,GAAa,YAAa,CAAA,OAAA,CAAQ,OAAO,CAAA;AAC/C,IAAA,MAAM,cAAc,MAAO,CAAA,UAAA,CAAW,8BAA8B,CAAA,CAAE,UAAU,MAAS,GAAA,OAAA;AACzF,IAAA,MAAM,eAAe,UAAc,IAAA,WAAA;AAEnC,IAAA,QAAA,CAAS,YAAY,CAAA;AACrB,IAAA,mBAAA,CAAoB,YAAY,CAAA;AAAA,GAClC,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,mBAAA,GAAsB,CAAC,QAA+B,KAAA;AAC1D,IAAA,MAAM,OAAO,QAAS,CAAA,eAAA;AACtB,IAAA,IAAI,aAAa,MAAQ,EAAA;AACvB,MAAK,IAAA,CAAA,SAAA,CAAU,IAAI,MAAM,CAAA;AAAA,KACpB,MAAA;AACL,MAAK,IAAA,CAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AAAA;AAC9B,GACF;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAM,MAAA,QAAA,GAAW,KAAU,KAAA,OAAA,GAAU,MAAS,GAAA,OAAA;AAC9C,IAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,IAAa,YAAA,CAAA,OAAA,CAAQ,SAAS,QAAQ,CAAA;AACtC,IAAA,mBAAA,CAAoB,QAAQ,CAAA;AAAA,GAC9B;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,OAAA;AAAA,MACR,IAAA,EAAM,IAAS,KAAA,IAAA,GAAO,SAAY,GAAA,IAAA;AAAA,MAClC,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,YAAY,EAAA,CAAA,UAAA,EAAa,KAAU,KAAA,OAAA,GAAU,SAAS,OAAO,CAAA,MAAA,CAAA;AAAA,MAE5D,oBAAU,OACT,mBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,SAAA;AAAA,UACV,IAAK,EAAA,MAAA;AAAA,UACL,MAAO,EAAA,cAAA;AAAA,UACP,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,4BAAA;AAAA,UAEN,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAc,EAAA,OAAA;AAAA,cACd,cAAe,EAAA,OAAA;AAAA,cACf,WAAa,EAAA,CAAA;AAAA,cACb,CAAE,EAAA;AAAA;AAAA;AACJ;AAAA,OAGF,mBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,SAAA;AAAA,UACV,IAAK,EAAA,MAAA;AAAA,UACL,MAAO,EAAA,cAAA;AAAA,UACP,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,4BAAA;AAAA,UAEN,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAc,EAAA,OAAA;AAAA,cACd,cAAe,EAAA,OAAA;AAAA,cACf,WAAa,EAAA,CAAA;AAAA,cACb,CAAE,EAAA;AAAA;AAAA;AACJ;AAAA;AACF;AAAA,GAEJ;AAEJ;;;;"}
|