@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/ToggleGroup/primitives/ToggleGroupPrimitive.stories.js

@@ -0,0 +1,145 @@
+import React, { useState } from "react";
+import { ReactComponent as BoldIcon } from "@webiny/icons/format_bold.svg";
+import { ReactComponent as ItalicIcon } from "@webiny/icons/format_italic.svg";
+import { ReactComponent as UnderlineIcon } from "@webiny/icons/format_underlined.svg";
+import { ReactComponent as AlignLeftIcon } from "@webiny/icons/format_align_left.svg";
+import { ReactComponent as AlignCenterIcon } from "@webiny/icons/format_align_center.svg";
+import { ReactComponent as AlignRightIcon } from "@webiny/icons/format_align_right.svg";
+import { ToggleGroupPrimitive } from "./ToggleGroupPrimitive.js";
+const textItems = [{
+  value: "bold",
+  label: "Bold"
+}, {
+  value: "italic",
+  label: "Italic"
+}, {
+  value: "underline",
+  label: "Underline"
+}];
+const iconItems = [{
+  value: "left",
+  icon: /*#__PURE__*/React.createElement(AlignLeftIcon, null)
+}, {
+  value: "center",
+  icon: /*#__PURE__*/React.createElement(AlignCenterIcon, null)
+}, {
+  value: "right",
+  icon: /*#__PURE__*/React.createElement(AlignRightIcon, null)
+}];
+const iconTextItems = [{
+  value: "bold",
+  label: "Bold",
+  icon: /*#__PURE__*/React.createElement(BoldIcon, null)
+}, {
+  value: "italic",
+  label: "Italic",
+  icon: /*#__PURE__*/React.createElement(ItalicIcon, null)
+}, {
+  value: "underline",
+  label: "Underline",
+  icon: /*#__PURE__*/React.createElement(UnderlineIcon, null)
+}];
+const meta = {
+  title: "Components/Form Primitives/ToggleGroup",
+  component: ToggleGroupPrimitive,
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [value, setValue] = useState("");
+    return /*#__PURE__*/React.createElement(ToggleGroupPrimitive, Object.assign({}, args, {
+      type: "single",
+      value: value,
+      onChange: v => setValue(v)
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    items: textItems
+  }
+};
+export const Bordered = {
+  args: {
+    items: textItems,
+    bordered: true
+  }
+};
+export const IconOnly = {
+  args: {
+    items: iconItems,
+    bordered: true
+  }
+};
+export const IconOnlyGhost = {
+  args: {
+    items: iconItems,
+    variant: "ghost",
+    bordered: true
+  }
+};
+export const WithIconAndText = {
+  args: {
+    items: iconTextItems,
+    bordered: true
+  }
+};
+export const WithIconAndTextOutline = {
+  args: {
+    items: iconTextItems,
+    variant: "outline",
+    bordered: true
+  }
+};
+export const Outline = {
+  args: {
+    items: textItems,
+    variant: "outline",
+    bordered: true
+  }
+};
+export const Ghost = {
+  args: {
+    items: textItems,
+    variant: "ghost",
+    bordered: true
+  }
+};
+export const SizeSmall = {
+  args: {
+    items: iconItems,
+    size: "sm",
+    bordered: true
+  }
+};
+export const SizeMedium = {
+  args: {
+    items: iconItems,
+    size: "md",
+    bordered: true
+  }
+};
+export const Multiple = {
+  render: args => {
+    const [value, setValue] = useState([]);
+    return /*#__PURE__*/React.createElement(ToggleGroupPrimitive, Object.assign({}, args, {
+      type: "multiple",
+      value: value,
+      onChange: v => setValue(v)
+    }));
+  },
+  args: {
+    items: iconTextItems,
+    bordered: true
+  }
+};
+export const Disabled = {
+  args: {
+    items: iconItems,
+    bordered: true,
+    disabled: true
+  }
+};
+
+//# sourceMappingURL=ToggleGroupPrimitive.stories.js.map

package/ToggleGroup/primitives/ToggleGroupPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ReactComponent","BoldIcon","ItalicIcon","UnderlineIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","ToggleGroupPrimitive","textItems","value","label","iconItems","icon","createElement","iconTextItems","meta","title","component","parameters","layout","render","args","setValue","Object","assign","type","onChange","v","Default","items","Bordered","bordered","IconOnly","IconOnlyGhost","variant","WithIconAndText","WithIconAndTextOutline","Outline","Ghost","SizeSmall","size","SizeMedium","Multiple","Disabled","disabled"],"sources":["ToggleGroupPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as BoldIcon } from \"@webiny/icons/format_bold.svg\";\nimport { ReactComponent as ItalicIcon } from \"@webiny/icons/format_italic.svg\";\nimport { ReactComponent as UnderlineIcon } from \"@webiny/icons/format_underlined.svg\";\nimport { ReactComponent as AlignLeftIcon } from \"@webiny/icons/format_align_left.svg\";\nimport { ReactComponent as AlignCenterIcon } from \"@webiny/icons/format_align_center.svg\";\nimport { ReactComponent as AlignRightIcon } from \"@webiny/icons/format_align_right.svg\";\nimport { ToggleGroupPrimitive } from \"./ToggleGroupPrimitive.js\";\n\nconst textItems = [\n    { value: \"bold\", label: \"Bold\" },\n    { value: \"italic\", label: \"Italic\" },\n    { value: \"underline\", label: \"Underline\" }\n];\n\nconst iconItems = [\n    { value: \"left\", icon: <AlignLeftIcon /> },\n    { value: \"center\", icon: <AlignCenterIcon /> },\n    { value: \"right\", icon: <AlignRightIcon /> }\n];\n\nconst iconTextItems = [\n    { value: \"bold\", label: \"Bold\", icon: <BoldIcon /> },\n    { value: \"italic\", label: \"Italic\", icon: <ItalicIcon /> },\n    { value: \"underline\", label: \"Underline\", icon: <UnderlineIcon /> }\n];\n\nconst meta: Meta<typeof ToggleGroupPrimitive> = {\n    title: \"Components/Form Primitives/ToggleGroup\",\n    component: ToggleGroupPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState<string>(\"\");\n        return (\n            <ToggleGroupPrimitive\n                {...args}\n                type=\"single\"\n                value={value}\n                onChange={v => setValue(v as string)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ToggleGroupPrimitive>;\n\nexport const Default: Story = {\n    args: { items: textItems }\n};\n\nexport const Bordered: Story = {\n    args: { items: textItems, bordered: true }\n};\n\nexport const IconOnly: Story = {\n    args: { items: iconItems, bordered: true }\n};\n\nexport const IconOnlyGhost: Story = {\n    args: { items: iconItems, variant: \"ghost\", bordered: true }\n};\n\nexport const WithIconAndText: Story = {\n    args: { items: iconTextItems, bordered: true }\n};\n\nexport const WithIconAndTextOutline: Story = {\n    args: { items: iconTextItems, variant: \"outline\", bordered: true }\n};\n\nexport const Outline: Story = {\n    args: { items: textItems, variant: \"outline\", bordered: true }\n};\n\nexport const Ghost: Story = {\n    args: { items: textItems, variant: \"ghost\", bordered: true }\n};\n\nexport const SizeSmall: Story = {\n    args: { items: iconItems, size: \"sm\", bordered: true }\n};\n\nexport const SizeMedium: Story = {\n    args: { items: iconItems, size: \"md\", bordered: true }\n};\n\nexport const Multiple: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return (\n            <ToggleGroupPrimitive\n                {...args}\n                type=\"multiple\"\n                value={value}\n                onChange={v => setValue(v as string[])}\n            />\n        );\n    },\n    args: { items: iconTextItems, bordered: true }\n};\n\nexport const Disabled: Story = {\n    args: { items: iconItems, bordered: true, disabled: true }\n};\n"],"mappings":"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","ignoreList":[]}

package/ToggleGroup/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleGroupPrimitive.js";

package/ToggleGroup/primitives/index.js

@@ -0,0 +1,3 @@
+export * from "./ToggleGroupPrimitive.js";
+
+//# sourceMappingURL=index.js.map

package/ToggleGroup/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ToggleGroupPrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ToggleGroup/primitives/presenters/ToggleGroupPresenter.d.ts

@@ -0,0 +1,19 @@
+import type { ToggleGroupVm } from "../ToggleGroupPrimitive.js";
+import type { ToggleGroupItemParams } from "../../domains/index.js";
+interface ToggleGroupPresenterParams {
+    items: ToggleGroupItemParams[];
+    onChange?: (value: string | string[]) => void;
+}
+interface IToggleGroupPresenter {
+    vm: ToggleGroupVm;
+    init: (params: ToggleGroupPresenterParams) => void;
+    changeValue: (value: string | string[]) => void;
+}
+declare class ToggleGroupPresenter implements IToggleGroupPresenter {
+    private params?;
+    constructor();
+    init: (params: ToggleGroupPresenterParams) => void;
+    get vm(): ToggleGroupVm;
+    changeValue: (value: string | string[]) => void;
+}
+export { ToggleGroupPresenter, type ToggleGroupPresenterParams, type IToggleGroupPresenter };

package/ToggleGroup/primitives/presenters/ToggleGroupPresenter.js

@@ -0,0 +1,22 @@
+import { makeAutoObservable } from "mobx";
+import { ToggleGroupItem, ToggleGroupItemFormatter } from "../../domains/index.js";
+class ToggleGroupPresenter {
+  params = undefined;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init = params => {
+    this.params = params;
+  };
+  get vm() {
+    return {
+      items: (this.params?.items ?? []).map(item => ToggleGroupItem.create(item)).map(item => ToggleGroupItemFormatter.format(item))
+    };
+  }
+  changeValue = value => {
+    this.params?.onChange?.(value);
+  };
+}
+export { ToggleGroupPresenter };
+
+//# sourceMappingURL=ToggleGroupPresenter.js.map

package/ToggleGroup/primitives/presenters/ToggleGroupPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","ToggleGroupItem","ToggleGroupItemFormatter","ToggleGroupPresenter","params","undefined","constructor","init","vm","items","map","item","create","format","changeValue","value","onChange"],"sources":["ToggleGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ToggleGroupVm } from \"../ToggleGroupPrimitive.js\";\nimport type { ToggleGroupItemParams } from \"../../domains/index.js\";\nimport { ToggleGroupItem, ToggleGroupItemFormatter } from \"../../domains/index.js\";\n\ninterface ToggleGroupPresenterParams {\n    items: ToggleGroupItemParams[];\n    onChange?: (value: string | string[]) => void;\n}\n\ninterface IToggleGroupPresenter {\n    vm: ToggleGroupVm;\n    init: (params: ToggleGroupPresenterParams) => void;\n    changeValue: (value: string | string[]) => void;\n}\n\nclass ToggleGroupPresenter implements IToggleGroupPresenter {\n    private params?: ToggleGroupPresenterParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: ToggleGroupPresenterParams) => {\n        this.params = params;\n    };\n\n    get vm(): ToggleGroupVm {\n        return {\n            items: (this.params?.items ?? [])\n                .map(item => ToggleGroupItem.create(item))\n                .map(item => ToggleGroupItemFormatter.format(item))\n        };\n    }\n\n    public changeValue = (value: string | string[]) => {\n        this.params?.onChange?.(value);\n    };\n}\n\nexport { ToggleGroupPresenter, type ToggleGroupPresenterParams, type IToggleGroupPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,eAAe,EAAEC,wBAAwB;AAalD,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAEvDC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOO,IAAI,GAAIH,MAAkC,IAAK;IAClD,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB,CAAC;EAED,IAAII,EAAEA,CAAA,EAAkB;IACpB,OAAO;MACHC,KAAK,EAAE,CAAC,IAAI,CAACL,MAAM,EAAEK,KAAK,IAAI,EAAE,EAC3BC,GAAG,CAACC,IAAI,IAAIV,eAAe,CAACW,MAAM,CAACD,IAAI,CAAC,CAAC,CACzCD,GAAG,CAACC,IAAI,IAAIT,wBAAwB,CAACW,MAAM,CAACF,IAAI,CAAC;IAC1D,CAAC;EACL;EAEOG,WAAW,GAAIC,KAAwB,IAAK;IAC/C,IAAI,CAACX,MAAM,EAAEY,QAAQ,GAAGD,KAAK,CAAC;EAClC,CAAC;AACL;AAEA,SAASZ,oBAAoB","ignoreList":[]}

package/ToggleGroup/primitives/presenters/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleGroupPresenter.js";

package/ToggleGroup/primitives/presenters/index.js

@@ -0,0 +1,3 @@
+export * from "./ToggleGroupPresenter.js";
+
+//# sourceMappingURL=index.js.map

package/ToggleGroup/primitives/presenters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ToggleGroupPresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ToggleGroup/primitives/useToggleGroup.d.ts

@@ -0,0 +1,5 @@
+import type { ToggleGroupPrimitiveProps } from "./ToggleGroupPrimitive.js";
+export declare const useToggleGroup: (props: ToggleGroupPrimitiveProps) => {
+    vm: import("./ToggleGroupPrimitive.js").ToggleGroupVm;
+    changeValue: (value: string | string[]) => void;
+};

package/ToggleGroup/primitives/useToggleGroup.js

@@ -0,0 +1,25 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { ToggleGroupPresenter } from "./presenters/ToggleGroupPresenter.js";
+export const useToggleGroup = props => {
+  const params = useMemo(() => ({
+    items: props.items,
+    onChange: props.onChange
+  }), [props.items, props.onChange]);
+  const presenter = useMemo(() => new ToggleGroupPresenter(), []);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params]);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    changeValue: presenter.changeValue
+  };
+};
+
+//# sourceMappingURL=useToggleGroup.js.map

package/ToggleGroup/primitives/useToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","ToggleGroupPresenter","useToggleGroup","props","params","items","onChange","presenter","init","vm","setVm","changeValue"],"sources":["useToggleGroup.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ToggleGroupPrimitiveProps } from \"./ToggleGroupPrimitive.js\";\nimport type { ToggleGroupPresenterParams } from \"./presenters/ToggleGroupPresenter.js\";\nimport { ToggleGroupPresenter } from \"./presenters/ToggleGroupPresenter.js\";\n\nexport const useToggleGroup = (props: ToggleGroupPrimitiveProps) => {\n    const params: ToggleGroupPresenterParams = useMemo(\n        () => ({\n            items: props.items,\n            onChange: props.onChange as ((value: string | string[]) => void) | undefined\n        }),\n        [props.items, props.onChange]\n    );\n\n    const presenter = useMemo(() => new ToggleGroupPresenter(), []);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,QAAQ,EAAEH,KAAK,CAACG;EACpB,CAAC,CAAC,EACF,CAACH,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM,IAAIG,oBAAoB,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/DJ,SAAS,CAAC,MAAM;IACZU,SAAS,CAACC,IAAI,CAACJ,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM,CAACK,EAAE,EAAEC,KAAK,CAAC,GAAGX,QAAQ,CAACQ,SAAS,CAACE,EAAE,CAAC;EAE1CZ,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBU,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI;EAAY,CAAC;AACrD,CAAC","ignoreList":[]}

package/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import type { TooltipContentProps } from "./components";
+import type { TooltipContentProps } from "./components/index.js";
 interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, "content" | "children"> {
     align?: TooltipPrimitive.TooltipContentProps["align"];
     content: React.ReactNode;
@@ -25,7 +25,7 @@ declare const Tooltip: (({ align, content, onOpenChange, showArrow, side, varian
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
         original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { withStaticProps, makeDecoratable } from "../utils";
-import { TooltipArrow, TooltipContent } from "./components";
+import { withStaticProps, makeDecoratable } from "../utils.js";
+import { TooltipArrow, TooltipContent } from "./components/index.js";
 const TooltipProvider = TooltipPrimitive.Provider;
 const TooltipRoot = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
@@ -22,7 +22,7 @@ const DecoratableTooltip = ({
   }, /*#__PURE__*/React.createElement(TooltipTrigger, {
     asChild: true
   }, /*#__PURE__*/React.createElement("span", {
-    className: "wby-inline-block wby-text-0 wby-leading-none"
+    className: "inline-block leading-none"
   }, trigger)), /*#__PURE__*/React.createElement(TooltipContent, Object.assign({
     side: side,
     align: align,

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","TooltipPrimitive","withStaticProps","makeDecoratable","TooltipArrow","TooltipContent","TooltipProvider","Provider","TooltipRoot","Root","TooltipTrigger","Trigger","DecoratableTooltip","align","content","onOpenChange","showArrow","side","variant","trigger","delay","props","createElement","delayDuration","asChild","className","Object","assign","sideOffset","hiddenArrow"],"sources":["Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { withStaticProps, makeDecoratable } from \"~/utils\";\nimport type { TooltipContentProps } from \"./components\";\nimport { TooltipArrow, TooltipContent } from \"./components\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst TooltipRoot = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\ninterface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, \"content\" | \"children\"> {\n    align?: TooltipPrimitive.TooltipContentProps[\"align\"];\n    content: React.ReactNode;\n    delay?: number;\n    onOpenChange?: TooltipPrimitive.TooltipProps[\"onOpenChange\"];\n    showArrow?: boolean;\n    side?: TooltipPrimitive.TooltipContentProps[\"side\"];\n    variant?: TooltipContentProps[\"variant\"];\n    trigger: React.ReactNode;\n    rawTrigger?: boolean;\n}\n\nconst DecoratableTooltip = ({\n    align,\n    content,\n    onOpenChange,\n    showArrow = true,\n    side,\n    variant,\n    trigger,\n    delay = 500,\n    ...props\n}: TooltipProps) => {\n    return (\n        <TooltipRoot delayDuration={delay} onOpenChange={onOpenChange}>\n            <TooltipTrigger asChild>\n                <span className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</span>\n            </TooltipTrigger>\n            <TooltipContent\n                side={side}\n                align={align}\n                sideOffset={4}\n                variant={variant}\n                hiddenArrow={!showArrow}\n                {...props}\n            >\n                {content}\n                {showArrow && <TooltipArrow variant={variant} />}\n            </TooltipContent>\n        </TooltipRoot>\n    );\n};\n\nconst Tooltip = withStaticProps(makeDecoratable(\"Tooltip\", DecoratableTooltip), {\n    Provider: TooltipProvider\n});\n\nexport { Tooltip, type TooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,eAAe,EAAEC,eAAe;AAEzC,SAASC,YAAY,EAAEC,cAAc;AAErC,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,QAAQ;AAEjD,MAAMC,WAAW,GAAGP,gBAAgB,CAACQ,IAAI;AAEzC,MAAMC,cAAc,GAAGT,gBAAgB,CAACU,OAAO;AAc/C,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChBC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,GAAG;EACX,GAAGC;AACO,CAAC,KAAK;EAChB,oBACItB,KAAA,CAAAuB,aAAA,CAACd,WAAW;IAACe,aAAa,EAAEH,KAAM;IAACL,YAAY,EAAEA;EAAa,gBAC1DhB,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACc,OAAO;EAAA,gBACnBzB,KAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAE;EAA+C,GAAEN,OAAc,CACpE,CAAC,eACjBpB,KAAA,CAAAuB,aAAA,CAACjB,cAAc,EAAAqB,MAAA,CAAAC,MAAA;IACXV,IAAI,EAAEA,IAAK;IACXJ,KAAK,EAAEA,KAAM;IACbe,UAAU,EAAE,CAAE;IACdV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAE,CAACb;EAAU,GACpBK,KAAK,GAERP,OAAO,EACPE,SAAS,iBAAIjB,KAAA,CAAAuB,aAAA,CAAClB,YAAY;IAACc,OAAO,EAAEA;EAAQ,CAAE,CACnC,CACP,CAAC;AAEtB,CAAC;AAED,MAAMlB,OAAO,GAAGE,eAAe,CAACC,eAAe,CAAC,SAAS,EAAES,kBAAkB,CAAC,EAAE;EAC5EL,QAAQ,EAAED;AACd,CAAC,CAAC;AAEF,SAASN,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","TooltipPrimitive","withStaticProps","makeDecoratable","TooltipArrow","TooltipContent","TooltipProvider","Provider","TooltipRoot","Root","TooltipTrigger","Trigger","DecoratableTooltip","align","content","onOpenChange","showArrow","side","variant","trigger","delay","props","createElement","delayDuration","asChild","className","Object","assign","sideOffset","hiddenArrow"],"sources":["Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { withStaticProps, makeDecoratable } from \"~/utils.js\";\nimport type { TooltipContentProps } from \"./components/index.js\";\nimport { TooltipArrow, TooltipContent } from \"./components/index.js\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst TooltipRoot = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\ninterface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, \"content\" | \"children\"> {\n    align?: TooltipPrimitive.TooltipContentProps[\"align\"];\n    content: React.ReactNode;\n    delay?: number;\n    onOpenChange?: TooltipPrimitive.TooltipProps[\"onOpenChange\"];\n    showArrow?: boolean;\n    side?: TooltipPrimitive.TooltipContentProps[\"side\"];\n    variant?: TooltipContentProps[\"variant\"];\n    trigger: React.ReactNode;\n    rawTrigger?: boolean;\n}\n\nconst DecoratableTooltip = ({\n    align,\n    content,\n    onOpenChange,\n    showArrow = true,\n    side,\n    variant,\n    trigger,\n    delay = 500,\n    ...props\n}: TooltipProps) => {\n    return (\n        <TooltipRoot delayDuration={delay} onOpenChange={onOpenChange}>\n            <TooltipTrigger asChild>\n                <span className={\"inline-block leading-none\"}>{trigger}</span>\n            </TooltipTrigger>\n            <TooltipContent\n                side={side}\n                align={align}\n                sideOffset={4}\n                variant={variant}\n                hiddenArrow={!showArrow}\n                {...props}\n            >\n                {content}\n                {showArrow && <TooltipArrow variant={variant} />}\n            </TooltipContent>\n        </TooltipRoot>\n    );\n};\n\nconst Tooltip = withStaticProps(makeDecoratable(\"Tooltip\", DecoratableTooltip), {\n    Provider: TooltipProvider\n});\n\nexport { Tooltip, type TooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,eAAe,EAAEC,eAAe;AAEzC,SAASC,YAAY,EAAEC,cAAc;AAErC,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,QAAQ;AAEjD,MAAMC,WAAW,GAAGP,gBAAgB,CAACQ,IAAI;AAEzC,MAAMC,cAAc,GAAGT,gBAAgB,CAACU,OAAO;AAc/C,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChBC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,GAAG;EACX,GAAGC;AACO,CAAC,KAAK;EAChB,oBACItB,KAAA,CAAAuB,aAAA,CAACd,WAAW;IAACe,aAAa,EAAEH,KAAM;IAACL,YAAY,EAAEA;EAAa,gBAC1DhB,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACc,OAAO;EAAA,gBACnBzB,KAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAE;EAA4B,GAAEN,OAAc,CACjD,CAAC,eACjBpB,KAAA,CAAAuB,aAAA,CAACjB,cAAc,EAAAqB,MAAA,CAAAC,MAAA;IACXV,IAAI,EAAEA,IAAK;IACXJ,KAAK,EAAEA,KAAM;IACbe,UAAU,EAAE,CAAE;IACdV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAE,CAACb;EAAU,GACpBK,KAAK,GAERP,OAAO,EACPE,SAAS,iBAAIjB,KAAA,CAAAuB,aAAA,CAAClB,YAAY;IAACc,OAAO,EAAEA;EAAQ,CAAE,CACnC,CACP,CAAC;AAEtB,CAAC;AAED,MAAMlB,OAAO,GAAGE,eAAe,CAACC,eAAe,CAAC,SAAS,EAAES,kBAAkB,CAAC,EAAE;EAC5EL,QAAQ,EAAED;AACd,CAAC,CAAC;AAEF,SAASN,OAAO","ignoreList":[]}