@cognite/aura 1.47174.0 → 1.47230.0

package/DESIGN.md

@@ -1458,6 +1458,7 @@ A keyboard-first search interface for discovering and executing actions, navigat
 #### Count
 
 **Storybook-slug:** count
+**Full guidance:** [count.md](./src/components/ui/core/count/count.md)
 
 **Definition**
 A compact numeric indicator used to surface quantities inline — for example, unread messages, selected items, or totals attached to labels or tabs.
@@ -1989,6 +1990,7 @@ Enables users to choose one or more predefined options from a dropdown list. Use
 
 **Storybook-slug:** separator
 **Docs-slug:** separator
+**Full guidance:** [separator.md](./src/components/ui/core/separator/separator.md)
 
 **Definition**
 A 1px visual divider between distinct content sections. Improves readability while remaining visually subtle.
@@ -2017,6 +2019,7 @@ A 1px visual divider between distinct content sections. Improves readability whi
 #### Skeleton
 
 **Storybook-slug:** skeleton
+**Full guidance:** [skeleton.md](./src/components/ui/core/skeleton/skeleton.md)
 
 **Definition**
 A loading placeholder that mimics the shape of incoming content, reducing perceived wait time and preventing layout shift.
@@ -2044,6 +2047,7 @@ A loading placeholder that mimics the shape of incoming content, reducing percei
 
 **Storybook-slug:** slider
 **Docs-slug:** slider
+**Full guidance:** [slider.md](./src/components/ui/core/slider/slider.md)
 
 **Definition**
 An interactive control for selecting a single value or a range from a continuous scale. Provides visual feedback and quick approximate value selection.
@@ -2242,6 +2246,7 @@ Allows users to select a time value through a clock interface.
 #### Toggle
 
 **Storybook-slug:** toggle
+**Full guidance:** [toggle.md](./src/components/ui/core/toggle/toggle.md)
 
 **Definition**
 A single pressable button with active/inactive state, used to toggle one option or formatting command on or off.
@@ -2351,6 +2356,7 @@ The single, persistent navigation bar at the top of every authenticated CDF and
 
 **Storybook-slug:** tooltip
 **Docs-slug:** tooltip
+**Full guidance:** [tooltip.md](./src/components/ui/core/tooltip/tooltip.md)
 
 **Definition**
 A short hint that appears on hover or focus. No heavy interaction inside.

package/dist/components/ui/core/count/count.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function CountGallery(): ReactElement;

package/dist/components/ui/core/count/count.gallery.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Count, CountUnit, CountValue } from "./count.js";
+export function CountGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center gap-3",
+        children: [
+            /*#__PURE__*/ _jsxs(Count, {
+                variant: "default",
+                children: [
+                    /*#__PURE__*/ _jsx(CountValue, {
+                        children: "19"
+                    }),
+                    /*#__PURE__*/ _jsx(CountUnit, {
+                        children: "℃"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Count, {
+                variant: "success",
+                children: [
+                    /*#__PURE__*/ _jsx(CountValue, {
+                        children: "19"
+                    }),
+                    /*#__PURE__*/ _jsx(CountUnit, {
+                        children: "℃"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Count, {
+                variant: "warning",
+                children: [
+                    /*#__PURE__*/ _jsx(CountValue, {
+                        children: "19"
+                    }),
+                    /*#__PURE__*/ _jsx(CountUnit, {
+                        children: "℉"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Count, {
+                variant: "critical",
+                children: [
+                    /*#__PURE__*/ _jsx(CountValue, {
+                        children: "19"
+                    }),
+                    /*#__PURE__*/ _jsx(CountUnit, {
+                        children: "℉"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=count.gallery.js.map

package/dist/components/ui/core/count/count.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/count/count.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Count, CountUnit, CountValue } from './count';\n\nexport function CountGallery(): ReactElement {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Count variant=\"default\">\n        <CountValue>19</CountValue>\n        <CountUnit>℃</CountUnit>\n      </Count>\n      <Count variant=\"success\">\n        <CountValue>19</CountValue>\n        <CountUnit>℃</CountUnit>\n      </Count>\n      <Count variant=\"warning\">\n        <CountValue>19</CountValue>\n        <CountUnit>℉</CountUnit>\n      </Count>\n      <Count variant=\"critical\">\n        <CountValue>19</CountValue>\n        <CountUnit>℉</CountUnit>\n      </Count>\n    </div>\n  );\n}\n"],"names":["Count","CountUnit","CountValue","CountGallery","div","className","variant"],"mappings":";AAEA,SAASA,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,aAAU;AAEvD,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACL;gBAAMM,SAAQ;;kCACb,KAACJ;kCAAW;;kCACZ,KAACD;kCAAU;;;;0BAEb,MAACD;gBAAMM,SAAQ;;kCACb,KAACJ;kCAAW;;kCACZ,KAACD;kCAAU;;;;0BAEb,MAACD;gBAAMM,SAAQ;;kCACb,KAACJ;kCAAW;;kCACZ,KAACD;kCAAU;;;;0BAEb,MAACD;gBAAMM,SAAQ;;kCACb,KAACJ;kCAAW;;kCACZ,KAACD;kCAAU;;;;;;AAInB"}

package/dist/components/ui/core/separator/separator.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function SeparatorGallery(): ReactElement;

package/dist/components/ui/core/separator/separator.gallery.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from "./separator.js";
+export function SeparatorGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "space-y-8",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        className: "text-sm font-medium mb-4",
+                        children: "Horizontal"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "w-75 space-y-4",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-sm",
+                                children: "Content above"
+                            }),
+                            /*#__PURE__*/ _jsx(Separator, {
+                                orientation: "horizontal"
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-sm",
+                                children: "Content below"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        className: "text-sm font-medium mb-4",
+                        children: "Vertical"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex h-5 items-center space-x-4 text-sm",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "Item 1"
+                            }),
+                            /*#__PURE__*/ _jsx(Separator, {
+                                orientation: "vertical"
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "Item 2"
+                            }),
+                            /*#__PURE__*/ _jsx(Separator, {
+                                orientation: "vertical"
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "Item 3"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=separator.gallery.js.map

package/dist/components/ui/core/separator/separator.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/separator/separator.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Separator } from './separator';\n\nexport function SeparatorGallery(): ReactElement {\n  return (\n    <div className=\"space-y-8\">\n      <div>\n        <h3 className=\"text-sm font-medium mb-4\">Horizontal</h3>\n        <div className=\"w-75 space-y-4\">\n          <p className=\"text-sm\">Content above</p>\n          <Separator orientation=\"horizontal\" />\n          <p className=\"text-sm\">Content below</p>\n        </div>\n      </div>\n      <div>\n        <h3 className=\"text-sm font-medium mb-4\">Vertical</h3>\n        <div className=\"flex h-5 items-center space-x-4 text-sm\">\n          <span>Item 1</span>\n          <Separator orientation=\"vertical\" />\n          <span>Item 2</span>\n          <Separator orientation=\"vertical\" />\n          <span>Item 3</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Separator","SeparatorGallery","div","className","h3","p","orientation","span"],"mappings":";AAEA,SAASA,SAAS,QAAQ,iBAAc;AAExC,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACD;;kCACC,KAACE;wBAAGD,WAAU;kCAA2B;;kCACzC,MAACD;wBAAIC,WAAU;;0CACb,KAACE;gCAAEF,WAAU;0CAAU;;0CACvB,KAACH;gCAAUM,aAAY;;0CACvB,KAACD;gCAAEF,WAAU;0CAAU;;;;;;0BAG3B,MAACD;;kCACC,KAACE;wBAAGD,WAAU;kCAA2B;;kCACzC,MAACD;wBAAIC,WAAU;;0CACb,KAACI;0CAAK;;0CACN,KAACP;gCAAUM,aAAY;;0CACvB,KAACC;0CAAK;;0CACN,KAACP;gCAAUM,aAAY;;0CACvB,KAACC;0CAAK;;;;;;;;AAKhB"}

package/dist/components/ui/core/skeleton/skeleton.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function SkeletonGallery(): ReactElement;

package/dist/components/ui/core/skeleton/skeleton.gallery.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./skeleton.js";
+export function SkeletonGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-4 items-start",
+        role: "status",
+        "aria-label": "Loading skeleton",
+        children: [
+            /*#__PURE__*/ _jsx(Skeleton, {
+                className: "w-100 h-4"
+            }),
+            /*#__PURE__*/ _jsx(Skeleton, {
+                className: "size-12 rounded-full"
+            }),
+            /*#__PURE__*/ _jsx(Skeleton, {
+                className: "w-75 h-32"
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=skeleton.gallery.js.map

package/dist/components/ui/core/skeleton/skeleton.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/skeleton/skeleton.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Skeleton } from './skeleton';\n\nexport function SkeletonGallery(): ReactElement {\n  return (\n    <div\n      className=\"flex flex-col gap-4 items-start\"\n      role=\"status\"\n      aria-label=\"Loading skeleton\"\n    >\n      <Skeleton className=\"w-100 h-4\" />\n      <Skeleton className=\"size-12 rounded-full\" />\n      <Skeleton className=\"w-75 h-32\" />\n    </div>\n  );\n}\n"],"names":["Skeleton","SkeletonGallery","div","className","role","aria-label"],"mappings":";AAEA,SAASA,QAAQ,QAAQ,gBAAa;AAEtC,OAAO,SAASC;IACd,qBACE,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,cAAW;;0BAEX,KAACL;gBAASG,WAAU;;0BACpB,KAACH;gBAASG,WAAU;;0BACpB,KAACH;gBAASG,WAAU;;;;AAG1B"}

package/dist/components/ui/core/slider/slider.gallery.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from "react";
+export declare function SliderGallery(): ReactElement;

package/dist/components/ui/core/slider/slider.gallery.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Label } from "../label/label.js";
+import { Slider } from "./slider.js";
+export function SliderGallery() {
+    const id = useId();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "w-80 space-y-6",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid gap-2",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        id: `${id}-volume`,
+                        children: "Volume"
+                    }),
+                    /*#__PURE__*/ _jsx(Slider, {
+                        defaultValue: [
+                            50
+                        ],
+                        "aria-labelledby": `${id}-volume`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid gap-2",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        id: `${id}-price`,
+                        children: "Price range"
+                    }),
+                    /*#__PURE__*/ _jsx(Slider, {
+                        defaultValue: [
+                            20,
+                            80
+                        ],
+                        "aria-labelledby": `${id}-price`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "group grid gap-2",
+                "data-disabled": "true",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        id: `${id}-brightness`,
+                        children: "Brightness"
+                    }),
+                    /*#__PURE__*/ _jsx(Slider, {
+                        defaultValue: [
+                            30
+                        ],
+                        "aria-labelledby": `${id}-brightness`,
+                        disabled: true
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=slider.gallery.js.map

package/dist/components/ui/core/slider/slider.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/slider/slider.gallery.tsx"],"sourcesContent":["import { type ReactElement, useId } from 'react';\n\nimport { Label } from '../label/label';\n\nimport { Slider } from './slider';\n\nexport function SliderGallery(): ReactElement {\n  const id = useId();\n\n  return (\n    <div className=\"w-80 space-y-6\">\n      <div className=\"grid gap-2\">\n        <Label id={`${id}-volume`}>Volume</Label>\n        <Slider defaultValue={[50]} aria-labelledby={`${id}-volume`} />\n      </div>\n      <div className=\"grid gap-2\">\n        <Label id={`${id}-price`}>Price range</Label>\n        <Slider defaultValue={[20, 80]} aria-labelledby={`${id}-price`} />\n      </div>\n      <div className=\"group grid gap-2\" data-disabled=\"true\">\n        <Label id={`${id}-brightness`}>Brightness</Label>\n        <Slider\n          defaultValue={[30]}\n          aria-labelledby={`${id}-brightness`}\n          disabled\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useId","Label","Slider","SliderGallery","id","div","className","defaultValue","aria-labelledby","data-disabled","disabled"],"mappings":";AAAA,SAA4BA,KAAK,QAAQ,QAAQ;AAEjD,SAASC,KAAK,QAAQ,oBAAiB;AAEvC,SAASC,MAAM,QAAQ,cAAW;AAElC,OAAO,SAASC;IACd,MAAMC,KAAKJ;IAEX,qBACE,MAACK;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAACL;wBAAMG,IAAI,GAAGA,GAAG,OAAO,CAAC;kCAAE;;kCAC3B,KAACF;wBAAOK,cAAc;4BAAC;yBAAG;wBAAEC,mBAAiB,GAAGJ,GAAG,OAAO,CAAC;;;;0BAE7D,MAACC;gBAAIC,WAAU;;kCACb,KAACL;wBAAMG,IAAI,GAAGA,GAAG,MAAM,CAAC;kCAAE;;kCAC1B,KAACF;wBAAOK,cAAc;4BAAC;4BAAI;yBAAG;wBAAEC,mBAAiB,GAAGJ,GAAG,MAAM,CAAC;;;;0BAEhE,MAACC;gBAAIC,WAAU;gBAAmBG,iBAAc;;kCAC9C,KAACR;wBAAMG,IAAI,GAAGA,GAAG,WAAW,CAAC;kCAAE;;kCAC/B,KAACF;wBACCK,cAAc;4BAAC;yBAAG;wBAClBC,mBAAiB,GAAGJ,GAAG,WAAW,CAAC;wBACnCM,QAAQ;;;;;;AAKlB"}

package/dist/components/ui/core/toggle/toggle.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function ToggleGallery(): ReactElement;

package/dist/components/ui/core/toggle/toggle.gallery.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBold, IconFilter, IconItalic } from "@tabler/icons-react";
+import { Toggle } from "./toggle.js";
+export function ToggleGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center gap-3",
+        children: [
+            /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": "Bold",
+                children: /*#__PURE__*/ _jsx(IconBold, {})
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": "Italic",
+                defaultPressed: true,
+                children: /*#__PURE__*/ _jsx(IconItalic, {})
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                icon: /*#__PURE__*/ _jsx(IconFilter, {}),
+                label: "Open",
+                count: 3
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                icon: /*#__PURE__*/ _jsx(IconFilter, {}),
+                label: "Closed",
+                count: 12,
+                disabled: true
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=toggle.gallery.js.map

package/dist/components/ui/core/toggle/toggle.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/toggle/toggle.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { IconBold, IconFilter, IconItalic } from '@tabler/icons-react';\n\nimport { Toggle } from './toggle';\n\nexport function ToggleGallery(): ReactElement {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Toggle aria-label=\"Bold\">\n        <IconBold />\n      </Toggle>\n      <Toggle aria-label=\"Italic\" defaultPressed>\n        <IconItalic />\n      </Toggle>\n      <Toggle icon={<IconFilter />} label=\"Open\" count={3} />\n      <Toggle icon={<IconFilter />} label=\"Closed\" count={12} disabled />\n    </div>\n  );\n}\n"],"names":["IconBold","IconFilter","IconItalic","Toggle","ToggleGallery","div","className","aria-label","defaultPressed","icon","label","count","disabled"],"mappings":";AAEA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,UAAU,QAAQ,sBAAsB;AAEvE,SAASC,MAAM,QAAQ,cAAW;AAElC,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACH;gBAAOI,cAAW;0BACjB,cAAA,KAACP;;0BAEH,KAACG;gBAAOI,cAAW;gBAASC,cAAc;0BACxC,cAAA,KAACN;;0BAEH,KAACC;gBAAOM,oBAAM,KAACR;gBAAeS,OAAM;gBAAOC,OAAO;;0BAClD,KAACR;gBAAOM,oBAAM,KAACR;gBAAeS,OAAM;gBAASC,OAAO;gBAAIC,QAAQ;;;;AAGtE"}

package/dist/components/ui/core/tooltip/tooltip.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function TooltipGallery(): ReactElement;

package/dist/components/ui/core/tooltip/tooltip.gallery.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../button/button.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
+export function TooltipGallery() {
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex justify-center gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                children: "Hover me"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "Publishing will make it available to all users"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                variant: "outline",
+                                children: "More info"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "This button does something important"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                variant: "destructive",
+                                children: "Delete"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "This action cannot be undone"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=tooltip.gallery.js.map

package/dist/components/ui/core/tooltip/tooltip.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/tooltip/tooltip.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Button } from '../button/button';\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from './tooltip';\n\nexport function TooltipGallery(): ReactElement {\n  return (\n    <TooltipProvider>\n      <div className=\"flex justify-center gap-2\">\n        <Tooltip>\n          <TooltipTrigger render={<Button>Hover me</Button>} />\n          <TooltipContent>\n            Publishing will make it available to all users\n          </TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger\n            render={<Button variant=\"outline\">More info</Button>}\n          />\n          <TooltipContent>This button does something important</TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger\n            render={<Button variant=\"destructive\">Delete</Button>}\n          />\n          <TooltipContent>This action cannot be undone</TooltipContent>\n        </Tooltip>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":["Button","Tooltip","TooltipContent","TooltipProvider","TooltipTrigger","TooltipGallery","div","className","render","variant"],"mappings":";AAEA,SAASA,MAAM,QAAQ,sBAAmB;AAE1C,SACEC,OAAO,EACPC,cAAc,EACdC,eAAe,EACfC,cAAc,QACT,eAAY;AAEnB,OAAO,SAASC;IACd,qBACE,KAACF;kBACC,cAAA,MAACG;YAAIC,WAAU;;8BACb,MAACN;;sCACC,KAACG;4BAAeI,sBAAQ,KAACR;0CAAO;;;sCAChC,KAACE;sCAAe;;;;8BAKlB,MAACD;;sCACC,KAACG;4BACCI,sBAAQ,KAACR;gCAAOS,SAAQ;0CAAU;;;sCAEpC,KAACP;sCAAe;;;;8BAGlB,MAACD;;sCACC,KAACG;4BACCI,sBAAQ,KAACR;gCAAOS,SAAQ;0CAAc;;;sCAExC,KAACP;sCAAe;;;;;;;AAK1B"}