@oneplatformdev/ui 0.1.99-beta.3 → 0.1.99-beta.300

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.3",
+  "version": "0.1.99-beta.300",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -39,7 +39,8 @@
     }
   },
   "publishConfig": {
-    "directory": "dist"
+    "directory": "dist",
+    "access": "public"
   },
   "files": [
     "**/*",
@@ -49,6 +50,7 @@
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19",
+    "@vidstack/react": "^1.12.13",
     "tailwindcss": ">=4.0.0",
     "tw-animate-css": "^1.3.8",
     "react-hook-form": "^7.54.2",
@@ -66,7 +68,8 @@
     }
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.13"
+    "@tailwindcss/vite": "^4.1.13",
+    "@vidstack/react": "^1.12.13"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -101,12 +104,16 @@
     "next-themes": "^0.4.6",
     "react-day-picker": "9.10.0",
     "react-dropzone": "^14.3.8",
+    "react-intersection-observer": "^10.0.2",
     "react-resizable-panels": "^3.0.6",
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.3",
-    "@oneplatformdev/utils": "^0.1.99-beta.3",
-    "@oneplatformdev/hooks": "^0.1.99-beta.3"
+    "@oneplatformdev/tokens": "^0.1.99-beta.297",
+    "@oneplatformdev/hooks": "^0.1.99-beta.297",
+    "@oneplatformdev/utils": "^0.1.99-beta.297"
+  },
+  "scripts": {
+    "chromatic": "chromatic"
   }
 }

package/styles.css

@@ -0,0 +1 @@
+.dropzone-youtube-player:not([data-fullscreen]) .vds-play-button,.dropzone-youtube-player[data-fullscreen=false] .vds-play-button{display:none!important}.dropzone-youtube-player:not([data-fullscreen]) .vds-buffering-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-buffering-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-loading-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-loading-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-spinner,.dropzone-youtube-player[data-fullscreen=false] .vds-spinner{display:none!important}

package/vite-env.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=vite-env.d.js.map

package/vite-env.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-env.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/vite-env.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg?react' {
+  import type { FC, SVGProps } from 'react';
+
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+
+  export default ReactComponent;
+}

package/Button/Button.s.d.ts

@@ -1,83 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { ButtonProps } from './Button.types';
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-    render: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        tooltip: undefined;
-        asChild: false;
-        variant: "none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined;
-        color: "secondary" | "primary" | "error" | null | undefined;
-        size: "xs" | "sm" | "md" | "lg" | null | undefined;
-        disabled: false;
-    };
-    argTypes: {
-        tooltip: {
-            control: false;
-        };
-        asChild: {
-            control: false;
-        };
-        variant: {
-            options: ("none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        color: {
-            options: ("secondary" | "primary" | "error" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        size: {
-            options: ("xs" | "sm" | "md" | "lg" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        title: {
-            name: string;
-            description: string;
-            control: {
-                type: "text";
-            };
-        };
-        message: {
-            name: string;
-            description: string;
-            control: {
-                type: "object";
-            };
-        };
-        slotProps: {
-            name: string;
-            description: string;
-            control: {
-                type: "object";
-            };
-        };
-    };
-    tags: string[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-        pseudo: {
-            hover: string;
-            focus: string;
-            active: string;
-            disabled: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Error: Story;
-//# sourceMappingURL=Button.s.d.ts.map

package/Button/Button.s.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.s.d.ts","sourceRoot":"","sources":["../../src/Button/Button.s.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,QAAA,MAAM,IAAI;;;oBAvDe,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGL,CAAC;AAChC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC"}

package/Button/Button.s.js

@@ -1,163 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Button as i } from "./Button.js";
-import { PlusIcon as s } from "lucide-react";
-const g = (o) => /* @__PURE__ */ e(i, { ...o }), a = (o) => /* @__PURE__ */ e(
-  "div",
-  {
-    style: {
-      padding: "0px 20px",
-      display: "flex",
-      gap: "32px",
-      alignItems: "flex-start"
-    },
-    children: /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          position: "relative",
-          border: "2px dashed rgba(139, 92, 246, 0.7)",
-          borderRadius: "24px",
-          padding: "24px 32px",
-          display: "flex",
-          gap: "32px"
-        },
-        children: o.children
-      }
-    )
-  }
-), t = (o) => /* @__PURE__ */ e(
-  "div",
-  {
-    style: {
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      gap: "16px"
-    },
-    children: ["default", "hover", "focus", "active", "disabled"].map((r) => /* @__PURE__ */ e(
-      i,
-      {
-        id: r,
-        ...o,
-        disabled: r === "disabled" || o.disabled,
-        children: o.children ?? r
-      },
-      r
-    ))
-  }
-), d = ["none", "contained", "outlined", "ghost"], c = ["primary", "secondary", "error"], p = ["xs", "sm", "md", "lg"], m = {
-  title: "Button",
-  component: i,
-  render: g,
-  args: {
-    tooltip: void 0,
-    asChild: !1,
-    //
-    variant: d[0],
-    color: c[0],
-    size: p[0],
-    disabled: !1
-  },
-  argTypes: {
-    tooltip: { control: !1 },
-    asChild: { control: !1 },
-    variant: { options: d, control: { type: "inline-radio" } },
-    color: { options: c, control: { type: "inline-radio" } },
-    size: { options: p, control: { type: "inline-radio" } },
-    title: {
-      name: "title",
-      description: "Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]",
-      control: { type: "text" }
-    },
-    message: {
-      name: "message",
-      description: "Button tooltip message from ButtonProps [ReactNode]",
-      control: { type: "object" }
-    },
-    slotProps: {
-      name: "slotProps",
-      description: "Button slotProps from ButtonProps [object]",
-      control: { type: "object" }
-    }
-  },
-  tags: ["autodocs"],
-  parameters: {
-    docs: {
-      description: {
-        component: "Universal button component with variants, icons and tooltip support."
-      }
-    },
-    pseudo: {
-      hover: "#hover",
-      focus: "#focus",
-      active: "#active",
-      disabled: "#disabled"
-    }
-  }
-}, l = {
-  ...m.args,
-  startAdornment: /* @__PURE__ */ e(s, {}),
-  endAdornment: /* @__PURE__ */ e(s, {}),
-  children: "children"
-}, u = {
-  args: {
-    ...m.args,
-    children: "__children__"
-  }
-}, y = {
-  args: {
-    ...l,
-    color: "primary",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-}, x = {
-  args: {
-    ...l,
-    color: "secondary",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-}, b = {
-  args: {
-    ...l,
-    color: "error",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-};
-export {
-  u as Default,
-  b as Error,
-  y as Primary,
-  x as Secondary,
-  m as default
-};
-//# sourceMappingURL=Button.s.js.map

package/Button/Button.s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.s.js","sources":["../../src/Button/Button.s.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button.types';\nimport { PropsWithChildren } from 'react';\nimport { PlusIcon } from 'lucide-react'\n\nconst Template = (props: ButtonProps) => <Button {...props}/>;\n\nconst DashedWrapper = (props: PropsWithChildren) => {\n  return (\n    <div\n      style={{\n        padding: '0px 20px',\n        display: 'flex',\n        gap: '32px',\n        alignItems: 'flex-start',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\n          borderRadius: '24px',\n          padding: '24px 32px',\n          display: 'flex',\n          gap: '32px',\n        }}\n      >\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nconst States = (props: ButtonProps) => (\n  <div\n    style={{\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16px',\n    }}\n  >\n    {[ 'default', 'hover', 'focus', 'active', 'disabled' ]\n      .map((state) => (\n        <Button\n          key={state}\n          id={state}\n          {...props}\n          disabled={state === 'disabled' || props.disabled}\n        >\n          {props.children ?? state}\n        </Button>\n      ))}\n  </div>\n);\n\nconst variants: ButtonProps['variant'][] = [ 'none', 'contained', 'outlined', 'ghost' ]\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\nconst sizes: ButtonProps['size'][] = [ 'xs', 'sm', 'md', 'lg' ]\n\nconst meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    tooltip: undefined,\n    asChild: false,\n    //\n    variant: variants[0],\n    color: colors[0],\n    size: sizes[0],\n    disabled: false,\n  },\n  argTypes: {\n    tooltip: { control: false },\n    asChild: { control: false },\n    variant: { options: variants, control: { type: 'inline-radio' } },\n    color: { options: colors, control: { type: 'inline-radio' } },\n    size: { options: sizes, control: { type: 'inline-radio' } },\n    title: {\n      name: 'title',\n      description: \"Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]\",\n      control: { type: 'text' },\n    },\n    message: {\n      name: 'message',\n      description: 'Button tooltip message from ButtonProps [ReactNode]',\n      control: { type: \"object\" },\n    },\n    slotProps: {\n      name: 'slotProps',\n      description: 'Button slotProps from ButtonProps [object]',\n      control: { type: \"object\" },\n    },\n  },\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: 'Universal button component with variants, icons and tooltip support.',\n      },\n    },\n    pseudo: {\n      hover: '#hover',\n      focus: '#focus',\n      active: '#active',\n      disabled: '#disabled',\n    },\n  }\n} satisfies Meta<typeof Button>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\nconst args: Story['args'] = {\n  ...meta.args,\n  startAdornment: <PlusIcon/>,\n  endAdornment: <PlusIcon/>,\n  children: 'children',\n}\n\nexport const Default: Story = {\n  args: {\n    ...meta.args,\n    children: '__children__',\n  }\n};\n\nexport const Primary: Story = {\n  args: {\n    ...args,\n    color: 'primary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Secondary: Story = {\n  args: {\n    ...args,\n    color: 'secondary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Error: Story = {\n  args: {\n    ...args,\n    color: 'error',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\n"],"names":["Template","props","jsx","Button","DashedWrapper","States","state","variants","colors","sizes","meta","args","PlusIcon","Default","Primary","Secondary","Error"],"mappings":"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"}

package/Combobox/ComboboxOptions.d.ts

@@ -1,4 +0,0 @@
-import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
-export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ComboboxOptions.d.ts.map

package/Combobox/ComboboxOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOptions.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,mBAAmB,sHA4D9B,CAAC;AAEH,eAAO,MAAM,eAAe,kHAY1B,CAAC"}

package/Combobox/ComboboxOptions.js

@@ -1,65 +0,0 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { Button as u } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { forwardRef as c, useState as h } from "react";
-import { Collapsible as b, CollapsibleTrigger as g, CollapsibleContent as C } from "../Collapsible/Collapsible.js";
-import { ComboboxOptionItem as p } from "./ComboboxOptionItem.js";
-import { ChevronDownIcon as x } from "lucide-react";
-import { cn as a } from "@oneplatformdev/utils";
-const d = c((e, n) => {
-  const { option: s, deep: i = 0 } = e, [t, l] = h(!0);
-  return s?.items?.length ? /* @__PURE__ */ m(
-    b,
-    {
-      ref: n,
-      open: t,
-      onOpenChange: l,
-      "data-opened": t,
-      className: a("group/collapsible"),
-      children: [
-        /* @__PURE__ */ o(p, { ...e, children: /* @__PURE__ */ o(g, { asChild: !0, children: /* @__PURE__ */ m(
-          u,
-          {
-            onClick: (r) => {
-              r?.preventDefault(), r?.stopPropagation(), l((f) => !f);
-            },
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            className: a("aspect-square size-6", "transition-transform"),
-            children: [
-              /* @__PURE__ */ o(
-                x,
-                {
-                  className: a(
-                    "size-5!",
-                    "transition-transform",
-                    t && "rotate-180"
-                  )
-                }
-              ),
-              /* @__PURE__ */ o("span", { className: "sr-only", children: "Toggle" })
-            ]
-          }
-        ) }) }),
-        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-0", children: s?.items.map((r) => /* @__PURE__ */ o(
-          d,
-          {
-            ...e,
-            deep: i + 1,
-            option: r
-          },
-          r.value
-        )) }) })
-      ]
-    }
-  ) : /* @__PURE__ */ o(p, { ...e, ref: n });
-}), I = c((e, n) => {
-  const { options: s = [], ...i } = e;
-  return /* @__PURE__ */ o("div", { ref: n, className: "flex flex-col gap-0", children: s.map((t) => /* @__PURE__ */ o(d, { ...i, option: t }, t.value)) });
-});
-export {
-  I as ComboboxOptions,
-  d as ComboboxOptionsNode
-};
-//# sourceMappingURL=ComboboxOptions.js.map

package/Combobox/ComboboxOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\n  IComboboxOptionsNodeProps,\n  IComboboxOptionsProps,\n} from './Combobox.types';\nimport { Button } from '../Button';\nimport { forwardRef, useState } from 'react';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../Collapsible';\nimport { ComboboxOptionItem } from './ComboboxOptionItem';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const ComboboxOptionsNode = forwardRef<\n  HTMLDivElement,\n  IComboboxOptionsNodeProps\n>((props, ref) => {\n  const { option, deep = 0 } = props;\n\n  const [open, onOpenChange] = useState(true);\n\n  if (!option?.items?.length) {\n    return <ComboboxOptionItem {...props} ref={ref} />;\n  }\n  return (\n    <Collapsible\n      ref={ref}\n      open={open}\n      onOpenChange={onOpenChange}\n      data-opened={open}\n      className={cn('group/collapsible')}\n    >\n      <ComboboxOptionItem {...props}>\n        <CollapsibleTrigger asChild>\n          <Button\n            onClick={(e) => {\n              e?.preventDefault();\n              e?.stopPropagation();\n              onOpenChange((prev) => !prev);\n            }}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className={cn('aspect-square size-6', 'transition-transform')}\n          >\n            <ChevronDownIcon\n              className={cn(\n                'size-5!',\n                'transition-transform',\n                open && 'rotate-180'\n              )}\n            />\n            <span className=\"sr-only\">Toggle</span>\n          </Button>\n        </CollapsibleTrigger>\n      </ComboboxOptionItem>\n\n      <CollapsibleContent>\n        <div className=\"flex flex-col gap-0\">\n          {option?.items.map((opt) => {\n            return (\n              <ComboboxOptionsNode\n                key={opt.value}\n                {...props}\n                deep={deep + 1}\n                option={opt}\n              />\n            );\n          })}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n});\n\nexport const ComboboxOptions = forwardRef<\n  HTMLDivElement,\n  IComboboxOptionsProps\n>((props, ref) => {\n  const { options = [], ...rest } = props;\n  return (\n    <div ref={ref} className=\"flex flex-col gap-0\">\n      {options.map((option) => (\n        <ComboboxOptionsNode key={option.value} {...rest} option={option} />\n      ))}\n    </div>\n  );\n});\n"],"names":["ComboboxOptionsNode","forwardRef","props","ref","option","deep","open","onOpenChange","useState","jsxs","Collapsible","cn","jsx","ComboboxOptionItem","CollapsibleTrigger","Button","e","prev","ChevronDownIcon","CollapsibleContent","opt","ComboboxOptions","options","rest"],"mappings":";;;;;;;;AAeO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,QAAAC,GAAQ,MAAAC,IAAO,EAAA,IAAMH,GAEvB,CAACI,GAAMC,CAAY,IAAIC,EAAS,EAAI;AAE1C,SAAKJ,GAAQ,OAAO,SAIlB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAAG;AAAA,MACA,cAAAC;AAAA,MACA,eAAaD;AAAA,MACb,WAAWK,EAAG,mBAAmB;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAS,CAACC,MAAM;AACd,cAAAA,GAAG,eAAA,GACHA,GAAG,gBAAA,GACHT,EAAa,CAACU,MAAS,CAACA,CAAI;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAWN,EAAG,wBAAwB,sBAAsB;AAAA,YAE5D,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,WAAWP;AAAA,oBACT;AAAA,oBACA;AAAA,oBACAL,KAAQ;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA;AAAA,cAEF,gBAAAM,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEpC,EAAA,CACF;AAAA,QAEA,gBAAAA,EAACO,GAAA,EACC,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAAR,GAAQ,MAAM,IAAI,CAACgB,MAEhB,gBAAAR;AAAA,UAACZ;AAAA,UAAA;AAAA,YAEE,GAAGE;AAAA,YACJ,MAAMG,IAAO;AAAA,YACb,QAAQe;AAAA,UAAA;AAAA,UAHHA,EAAI;AAAA,QAAA,CAMd,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAhDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAmDpD,CAAC,GAEYkB,IAAkBpB,EAG7B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,SAAAmB,IAAU,CAAA,GAAI,GAAGC,MAASrB;AAClC,2BACG,OAAA,EAAI,KAAAC,GAAU,WAAU,uBACtB,YAAQ,IAAI,CAACC,MACZ,gBAAAQ,EAACZ,KAAwC,GAAGuB,GAAM,QAAAnB,KAAxBA,EAAO,KAAiC,CACnE,GACH;AAEJ,CAAC;"}