@opensearch-project/oui 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/components/ui/toggle.js

@@ -3,17 +3,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,11 +14,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
-var toggleVariants = cva("oui:inline-flex oui:items-center oui:justify-center oui:gap-2 oui:rounded-md oui:text-sm oui:font-medium oui:hover:bg-muted oui:hover:text-muted-foreground oui:disabled:pointer-events-none oui:disabled:opacity-50 oui:data-[state=on]:bg-accent oui:data-[state=on]:text-accent-foreground oui:[&_svg]:pointer-events-none oui:[&_svg:not([class*=size-])]:size-4 oui:[&_svg]:shrink-0 oui:focus-visible:border-ring oui:focus-visible:ring-ring/50 oui:focus-visible:ring-[3px] oui:outline-none oui:transition-[color,box-shadow] oui:aria-invalid:ring-destructive/20 oui:dark:aria-invalid:ring-destructive/40 oui:aria-invalid:border-destructive oui:whitespace-nowrap", {
+const toggleVariants = cva("oui:inline-flex oui:items-center oui:justify-center oui:gap-2 oui:rounded-md oui:text-sm oui:font-medium oui:hover:bg-muted oui:hover:text-muted-foreground oui:disabled:pointer-events-none oui:disabled:opacity-50 oui:data-[state=on]:bg-accent oui:data-[state=on]:text-accent-foreground oui:[&_svg]:pointer-events-none oui:[&_svg:not([class*=size-])]:size-4 oui:[&_svg]:shrink-0 oui:focus-visible:border-ring oui:focus-visible:ring-ring/50 oui:focus-visible:ring-[3px] oui:outline-none oui:transition-[color,box-shadow] oui:aria-invalid:ring-destructive/20 oui:dark:aria-invalid:ring-destructive/40 oui:aria-invalid:border-destructive oui:whitespace-nowrap", {
     variants: {
         variant: {
             default: "oui:bg-transparent",
@@ -47,8 +36,8 @@ var toggleVariants = cva("oui:inline-flex oui:items-center oui:justify-center ou
     },
 });
 function Toggle(_a) {
-    var className = _a.className, variant = _a.variant, size = _a.size, props = __rest(_a, ["className", "variant", "size"]);
-    return (React.createElement(TogglePrimitive.Root, __assign({ "data-slot": "toggle", className: cn(toggleVariants({ variant: variant, size: size, className: className })) }, props)));
+    var { className, variant, size } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    return (_jsx(TogglePrimitive.Root, Object.assign({ "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })) }, props)));
 }
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,IAAM,cAAc,GAAG,GAAG,CACxB,ipBAAipB,EACjpB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EACL,mHAAmH;SACtH;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,8BAA8B;YACvC,EAAE,EAAE,gCAAgC;YACpC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EAMqB;IALnC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACD,KAAK,cAJM,gCAKf,CADS;IAGR,OAAO,CACL,oBAAC,eAAe,CAAC,IAAI,0BACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,IACvD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,CAAA;;;;;;;;;;;;;AAGZ,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,cAAc,GAAG,GAAG,CACxB,ipBAAipB,EACjpB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EACL,mHAAmH;SACtH;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,8BAA8B;YACvC,EAAE,EAAE,gCAAgC;YACpC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EAMqB;QANrB,EACd,SAAS,EACT,OAAO,EACP,IAAI,OAG+B,EAFhC,KAAK,cAJM,gCAKf,CADS;IAGR,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,+BACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IACvD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,qBAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/tooltip.js

@@ -1,18 +1,3 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -24,28 +9,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn } from "../../lib/utils";
 function TooltipProvider(_a) {
-    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
-    return (React.createElement(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
+    var { delayDuration = 0 } = _a, props = __rest(_a, ["delayDuration"]);
+    return (_jsx(TooltipPrimitive.Provider, Object.assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
 }
 function Tooltip(_a) {
     var props = __rest(_a, []);
-    return (React.createElement(TooltipProvider, null,
-        React.createElement(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props))));
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, Object.assign({ "data-slot": "tooltip" }, props)) }));
 }
 function TooltipTrigger(_a) {
     var props = __rest(_a, []);
-    return React.createElement(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
+    return _jsx(TooltipPrimitive.Trigger, Object.assign({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
-    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
-    return (React.createElement(TooltipPrimitive.Portal, null,
-        React.createElement(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("oui:bg-foreground oui:text-background oui:animate-in oui:fade-in-0 oui:zoom-in-95 oui:data-[state=closed]:animate-out oui:data-[state=closed]:fade-out-0 oui:data-[state=closed]:zoom-out-95 oui:data-[side=bottom]:slide-in-from-top-2 oui:data-[side=left]:slide-in-from-right-2 oui:data-[side=right]:slide-in-from-left-2 oui:data-[side=top]:slide-in-from-bottom-2 oui:z-50 oui:w-fit oui:origin-(--radix-tooltip-content-transform-origin) oui:rounded-md oui:px-3 oui:py-1.5 oui:text-xs oui:text-balance", className) }, props),
-            children,
-            React.createElement(TooltipPrimitive.Arrow, { className: "oui:bg-foreground oui:fill-foreground oui:z-50 oui:size-2.5 oui:translate-y-[calc(-50%_-_2px)] oui:rotate-45 oui:rounded-[2px]" }))));
+    var { className, sideOffset = 0, children } = _a, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, Object.assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("oui:bg-foreground oui:text-background oui:animate-in oui:fade-in-0 oui:zoom-in-95 oui:data-[state=closed]:animate-out oui:data-[state=closed]:fade-out-0 oui:data-[state=closed]:zoom-out-95 oui:data-[side=bottom]:slide-in-from-top-2 oui:data-[side=left]:slide-in-from-right-2 oui:data-[side=right]:slide-in-from-left-2 oui:data-[side=top]:slide-in-from-bottom-2 oui:z-50 oui:w-fit oui:origin-(--radix-tooltip-content-transform-origin) oui:rounded-md oui:px-3 oui:py-1.5 oui:text-xs oui:text-balance", className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "oui:bg-foreground oui:fill-foreground oui:z-50 oui:size-2.5 oui:translate-y-[calc(-50%_-_2px)] oui:rotate-45 oui:rounded-[2px]" })] })) }));
 }
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;;;;;;;;;;;;;;;;;;;;;;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,SAAS,eAAe,CAAC,EAGgC;IAFvD,IAAA,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EACd,KAAK,cAFe,iBAGxB,CADS;IAER,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,0BACd,kBAAkB,EAC5B,aAAa,EAAE,aAAa,IACxB,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAEoC;QADhD,KAAK,cADO,EAEhB,CADS;IAER,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,gBAAgB,CAAC,IAAI,0BAAW,SAAS,IAAK,KAAK,EAAI,CACxC,CACnB,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAEgC;QADnD,KAAK,cADc,EAEvB,CADS;IAER,OAAO,oBAAC,gBAAgB,CAAC,OAAO,0BAAW,iBAAiB,IAAK,KAAK,EAAI,CAAA;AAC5E,CAAC;AAED,SAAS,cAAc,CAAC,EAKgC;IAJtD,IAAA,SAAS,eAAA,EACT,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,QAAQ,cAAA,EACL,KAAK,cAJc,uCAKvB,CADS;IAER,OAAO,CACL,oBAAC,gBAAgB,CAAC,MAAM;QACtB,oBAAC,gBAAgB,CAAC,OAAO,0BACb,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,mfAAmf,EACnf,SAAS,CACV,IACG,KAAK;YAER,QAAQ;YACT,oBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,gIAAgI,GAAG,CAC5I,CACH,CAC3B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAOA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,SAAS,eAAe,CAAC,EAGgC;QAHhC,EACvB,aAAa,GAAG,CAAC,OAEsC,EADpD,KAAK,cAFe,iBAGxB,CADS;IAER,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,+BACd,kBAAkB,EAC5B,aAAa,EAAE,aAAa,IACxB,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAEoC;QADhD,KAAK,cADO,EAEhB,CADS;IAER,OAAO,CACL,KAAC,eAAe,cACd,KAAC,gBAAgB,CAAC,IAAI,+BAAW,SAAS,IAAK,KAAK,EAAI,GACxC,CACnB,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAEgC;QADnD,KAAK,cADc,EAEvB,CADS;IAER,OAAO,KAAC,gBAAgB,CAAC,OAAO,+BAAW,iBAAiB,IAAK,KAAK,EAAI,CAAA;AAC5E,CAAC;AAED,SAAS,cAAc,CAAC,EAKgC;QALhC,EACtB,SAAS,EACT,UAAU,GAAG,CAAC,EACd,QAAQ,OAE8C,EADnD,KAAK,cAJc,uCAKvB,CADS;IAER,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,MAAC,gBAAgB,CAAC,OAAO,+BACb,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,mfAAmf,EACnf,SAAS,CACV,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,gIAAgI,GAAG,KAC5I,GACH,CAC3B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/hooks/use-mobile.js

@@ -3,17 +3,17 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import * as React from 'react';
-var MOBILE_BREAKPOINT = 768;
+const MOBILE_BREAKPOINT = 768;
 export function useIsMobile() {
-    var _a = React.useState(undefined), isMobile = _a[0], setIsMobile = _a[1];
-    React.useEffect(function () {
-        var mql = window.matchMedia("(max-width: ".concat(MOBILE_BREAKPOINT - 1, "px)"));
-        var onChange = function () {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
             setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
         };
         mql.addEventListener('change', onChange);
         setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        return function () { return mql.removeEventListener('change', onChange); };
+        return () => mql.removeEventListener('change', onChange);
     }, []);
     return !!isMobile;
 }

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,IAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,UAAU,WAAW;IACnB,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAC5C,SAAS,CACV,EAFM,QAAQ,QAAA,EAAE,WAAW,QAE3B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,sBAAe,iBAAiB,GAAG,CAAC,QAAK,CAAC,CAAC;QACzE,IAAM,QAAQ,GAAG;YACf,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACnD,OAAO,cAAM,OAAA,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAA3C,CAA2C,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpB,CAAC"}
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5C,SAAS,CACV,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpB,CAAC"}

package/dist/lib/react-compat.js

@@ -1,18 +1,18 @@
 import * as React from "react";
-var idCounter = 0;
+let idCounter = 0;
 /**
  * Polyfill for React.useId (React 18+)
  * Generates a unique ID for React 16/17 compatibility
  */
-export var useId = function () {
-    var id = React.useState(function () { return "react-id-".concat(++idCounter); })[0];
+export const useId = () => {
+    const [id] = React.useState(() => `react-id-${++idCounter}`);
     return id;
 };
 /**
  * Cross-version compatible useId hook
  * Uses React.useId if available (React 18+), otherwise uses polyfill
  */
-export var useCompatId = function () {
+export const useCompatId = () => {
     // Check if React.useId exists (React 18+)
     // @ts-ignore - React.useId might not exist in older React versions
     if (typeof React.useId === 'function') {
@@ -25,7 +25,7 @@ export var useCompatId = function () {
 /**
  * Runtime detection of React features for conditional logic
  */
-export var reactFeatures = {
+export const reactFeatures = {
     hasUseId: typeof React.useId === 'function',
     hasNewJSXTransform: typeof React.createElement !== 'undefined',
     version: React.version

package/dist/lib/react-compat.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-compat.js","sourceRoot":"","sources":["../../src/lib/react-compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,IAAI,SAAS,GAAG,CAAC,CAAA;AAEjB;;;GAGG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG;IACZ,IAAA,EAAE,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,mBAAY,EAAE,SAAS,CAAE,EAAzB,CAAyB,CAAC,GAAnD,CAAmD;IAC5D,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,0CAA0C;IAC1C,mEAAmE;IACnE,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;QACtC,aAAa;QACb,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,uCAAuC;IACvC,OAAO,KAAK,EAAE,CAAA;AAChB,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,OAAQ,KAAa,CAAC,KAAK,KAAK,UAAU;IACpD,kBAAkB,EAAE,OAAO,KAAK,CAAC,aAAa,KAAK,WAAW;IAC9D,OAAO,EAAE,KAAK,CAAC,OAAO;CACvB,CAAA"}
+{"version":3,"file":"react-compat.js","sourceRoot":"","sources":["../../src/lib/react-compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,IAAI,SAAS,GAAG,CAAC,CAAA;AAEjB;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAW,EAAE;IAChC,MAAM,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,CAAC,CAAA;IAC5D,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE;IACtC,0CAA0C;IAC1C,mEAAmE;IACnE,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;QACtC,aAAa;QACb,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,uCAAuC;IACvC,OAAO,KAAK,EAAE,CAAA;AAChB,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,OAAQ,KAAa,CAAC,KAAK,KAAK,UAAU;IACpD,kBAAkB,EAAE,OAAO,KAAK,CAAC,aAAa,KAAK,WAAW;IAC9D,OAAO,EAAE,KAAK,CAAC,OAAO;CACvB,CAAA"}

package/dist/lib/utils.js

@@ -1,10 +1,6 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-export function cn() {
-    var inputs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        inputs[_i] = arguments[_i];
-    }
+export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE;IAAC,gBAAuB;SAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;QAAvB,2BAAuB;;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/style.css

@@ -3,10 +3,6 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
-    --oui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --oui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-      "Courier New", monospace;
     --oui-color-red-500: oklch(63.7% 0.237 25.331);
     --oui-color-red-600: oklch(57.7% 0.245 27.325);
     --oui-color-orange-100: oklch(95.4% 0.038 75.164);
@@ -14,10 +10,13 @@
     --oui-color-orange-800: oklch(47% 0.157 37.304);
     --oui-color-yellow-500: oklch(79.5% 0.184 86.047);
     --oui-color-yellow-600: oklch(68.1% 0.162 75.834);
+    --oui-color-green-50: oklch(98.2% 0.018 155.826);
     --oui-color-green-100: oklch(96.2% 0.044 156.743);
+    --oui-color-green-200: oklch(92.5% 0.084 155.995);
     --oui-color-green-500: oklch(72.3% 0.219 149.579);
     --oui-color-green-600: oklch(62.7% 0.194 149.214);
     --oui-color-green-800: oklch(44.8% 0.119 151.328);
+    --oui-color-green-900: oklch(39.3% 0.095 152.535);
     --oui-color-blue-100: oklch(93.2% 0.032 255.585);
     --oui-color-blue-500: oklch(62.3% 0.214 259.815);
     --oui-color-blue-600: oklch(54.6% 0.245 262.881);
@@ -79,8 +78,8 @@
     --oui-aspect-video: 16 / 9;
     --oui-default-transition-duration: 150ms;
     --oui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --oui-default-font-family: var(--oui-font-sans);
-    --oui-default-mono-font-family: var(--oui-font-mono);
+    --oui-default-font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segge UI Emoji', 'Segue UI Symbol';
+    --oui-default-mono-font-family: 'Source Code Pro', Consolas, Menlo, Courier, monospace;
   }
 }
 @layer base {
@@ -1335,6 +1334,9 @@
   .oui\:border-destructive {
     border-color: var(--oui-destructive);
   }
+  .oui\:border-green-200 {
+    border-color: var(--oui-color-green-200);
+  }
   .oui\:border-green-500 {
     border-color: var(--oui-color-green-500);
   }
@@ -1398,12 +1400,21 @@
   .oui\:bg-destructive {
     background-color: var(--oui-destructive);
   }
+  .oui\:bg-destructive\/10 {
+    background-color: var(--oui-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--oui-destructive) 10%, transparent);
+    }
+  }
   .oui\:bg-foreground {
     background-color: var(--oui-foreground);
   }
   .oui\:bg-gray-400 {
     background-color: var(--oui-color-gray-400);
   }
+  .oui\:bg-green-50 {
+    background-color: var(--oui-color-green-50);
+  }
   .oui\:bg-green-100 {
     background-color: var(--oui-color-green-100);
   }
@@ -1650,7 +1661,7 @@
     vertical-align: middle;
   }
   .oui\:font-mono {
-    font-family: var(--oui-font-mono);
+    font-family: 'Source Code Pro', Consolas, Menlo, Courier, monospace;
   }
   .oui\:text-2xl {
     font-size: var(--oui-text-2xl);
@@ -1777,6 +1788,9 @@
   .oui\:text-green-800 {
     color: var(--oui-color-green-800);
   }
+  .oui\:text-green-900 {
+    color: var(--oui-color-green-900);
+  }
   .oui\:text-muted-foreground {
     color: var(--oui-muted-foreground);
   }
@@ -2456,6 +2470,13 @@
       }
     }
   }
+  .oui\:hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--oui-color-blue-600);
+      }
+    }
+  }
   .oui\:hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -4846,81 +4867,84 @@
 }
 :root {
   --oui-background: #fff;
-  --oui-foreground: oklch(12.9% 0.042 264.695);
+  --oui-foreground: oklch(14.5% 0 0);
   --oui-card: #fff;
-  --oui-card-foreground: oklch(12.9% 0.042 264.695);
+  --oui-card-foreground: oklch(14.5% 0 0);
   --oui-popover: #fff;
-  --oui-popover-foreground: oklch(12.9% 0.042 264.695);
-  --oui-primary: oklch(49.1% 0.27 292.581);
-  --oui-primary-foreground: oklch(98.4% 0.003 247.858);
-  --oui-secondary: oklch(94.6% 0.033 307.174);
+  --oui-popover-foreground: oklch(14.5% 0 0);
+  --oui-primary: oklch(50% 0.134 242.749);
+  --oui-primary-foreground: oklch(98.5% 0 0);
+  --oui-secondary: oklch(97% 0 0);
   --oui-secondary-foreground: oklch(20.5% 0 0);
-  --oui-muted: oklch(96.8% 0.007 247.896);
-  --oui-muted-foreground: oklch(55.4% 0.046 257.417);
-  --oui-accent: oklch(96.8% 0.007 247.896);
-  --oui-accent-foreground: oklch(20.8% 0.042 265.755);
+  --oui-muted: oklch(97% 0 0);
+  --oui-muted-foreground: oklch(55.6% 0 0);
+  --oui-accent: oklch(97% 0 0);
+  --oui-accent-foreground: oklch(20.5% 0 0);
   --oui-destructive: oklch(57.7% 0.245 27.325);
   --oui-destructive-foreground: oklch(97.1% 0.013 17.38);
-  --oui-border: oklch(92.9% 0.013 255.508);
-  --oui-input: oklch(92.9% 0.013 255.508);
-  --oui-ring: oklch(70.4% 0.04 256.788);
+  --oui-border: oklch(92.2% 0 0);
+  --oui-input: oklch(92.2% 0 0);
+  --oui-ring: oklch(50% 0.134 242.749);
   --oui-chart-1: oklch(64.6% 0.222 41.116);
   --oui-chart-2: oklch(60% 0.118 184.704);
   --oui-chart-3: oklch(39.8% 0.07 227.392);
   --oui-chart-4: oklch(82.8% 0.189 84.429);
   --oui-chart-5: oklch(76.9% 0.188 70.08);
   --oui-radius: 0.625rem;
-  --oui-sidebar: oklch(98.4% 0.003 247.858);
-  --oui-sidebar-foreground: oklch(12.9% 0.042 264.695);
-  --oui-sidebar-primary: oklch(20.8% 0.042 265.755);
-  --oui-sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
-  --oui-sidebar-accent: oklch(96.8% 0.007 247.896);
-  --oui-sidebar-accent-foreground: oklch(20.8% 0.042 265.755);
-  --oui-sidebar-border: oklch(92.9% 0.013 255.508);
-  --oui-sidebar-ring: oklch(70.4% 0.04 256.788);
+  --oui-sidebar: oklch(98.5% 0 0);
+  --oui-sidebar-foreground: oklch(14.5% 0 0);
+  --oui-sidebar-primary: oklch(20.5% 0 0);
+  --oui-sidebar-primary-foreground: oklch(98.5% 0 0);
+  --oui-sidebar-accent: oklch(97% 0 0);
+  --oui-sidebar-accent-foreground: oklch(20.5% 0 0);
+  --oui-sidebar-border: oklch(92.2% 0 0);
+  --oui-sidebar-ring: oklch(70.8% 0 0);
   --oui-severity-low: oklch(82.8% 0.189 84.429);
   --oui-severity-med: oklch(66.6% 0.179 58.318);
   --oui-severity-high: oklch(55.3% 0.195 38.402);
   --oui-severity-critical: oklch(44.4% 0.177 26.899);
 }
 .dark {
-  --oui-background: oklch(12.9% 0.042 264.695);
-  --oui-foreground: oklch(98.4% 0.003 247.858);
-  --oui-card: oklch(20.8% 0.042 265.755);
-  --oui-card-foreground: oklch(98.4% 0.003 247.858);
-  --oui-popover: oklch(27.9% 0.041 260.031);
-  --oui-popover-foreground: oklch(98.4% 0.003 247.858);
-  --oui-primary: oklch(60.6% 0.25 292.717);
-  --oui-primary-foreground: oklch(98.4% 0.003 247.858);
-  --oui-secondary: oklch(43.2% 0.232 292.759);
-  --oui-secondary-foreground: oklch(98.4% 0.003 247.858);
-  --oui-muted: oklch(27.9% 0.041 260.031);
-  --oui-muted-foreground: oklch(70.4% 0.04 256.788);
-  --oui-accent: oklch(37.2% 0.044 257.287);
-  --oui-accent-foreground: oklch(98.4% 0.003 247.858);
+  --oui-background: oklch(14.5% 0 0);
+  --oui-foreground: oklch(98.5% 0 0);
+  --oui-card: oklch(20.5% 0 0);
+  --oui-card-foreground: oklch(98.5% 0 0);
+  --oui-popover: oklch(26.9% 0 0);
+  --oui-popover-foreground: oklch(98.5% 0 0);
+  --oui-primary: oklch(68.5% 0.169 237.323);
+  --oui-primary-foreground: oklch(98.5% 0 0);
+  --oui-secondary: oklch(44.3% 0.11 240.79);
+  --oui-secondary-foreground: oklch(98.5% 0 0);
+  --oui-muted: oklch(26.9% 0 0);
+  --oui-muted-foreground: oklch(70.8% 0 0);
+  --oui-accent: oklch(37.1% 0 0);
+  --oui-accent-foreground: oklch(98.5% 0 0);
   --oui-destructive: oklch(70.4% 0.191 22.216);
   --oui-destructive-foreground: oklch(97.1% 0.013 17.38);
   --oui-border: color-mix(in oklab, #fff 10%, transparent);
   --oui-input: color-mix(in oklab, #fff 15%, transparent);
-  --oui-ring: oklch(55.4% 0.046 257.417);
+  --oui-ring: oklch(68.5% 0.169 237.323);
   --oui-chart-1: oklch(48.8% 0.243 264.376);
   --oui-chart-2: oklch(69.6% 0.17 162.48);
   --oui-chart-3: oklch(76.9% 0.188 70.08);
   --oui-chart-4: oklch(62.7% 0.265 303.9);
   --oui-chart-5: oklch(64.5% 0.246 16.439);
-  --oui-sidebar: oklch(12.9% 0.042 264.695);
-  --oui-sidebar-foreground: oklch(98.4% 0.003 247.858);
+  --oui-sidebar: oklch(14.5% 0 0);
+  --oui-sidebar-foreground: oklch(98.5% 0 0);
   --oui-sidebar-primary: oklch(48.8% 0.243 264.376);
-  --oui-sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
-  --oui-sidebar-accent: oklch(27.9% 0.041 260.031);
-  --oui-sidebar-accent-foreground: oklch(98.4% 0.003 247.858);
+  --oui-sidebar-primary-foreground: oklch(98.5% 0 0);
+  --oui-sidebar-accent: oklch(26.9% 0 0);
+  --oui-sidebar-accent-foreground: oklch(98.5% 0 0);
   --oui-sidebar-border: color-mix(in oklab, #fff 10%, transparent);
-  --oui-sidebar-ring: oklch(44.6% 0.043 257.281);
+  --oui-sidebar-ring: oklch(43.9% 0 0);
   --oui-severity-low: oklch(82.8% 0.189 84.429);
   --oui-severity-med: oklch(66.6% 0.179 58.318);
   --oui-severity-high: oklch(55.3% 0.195 38.402);
   --oui-severity-critical: oklch(44.4% 0.177 26.899);
 }
+.__oui-scoped-styles-start {
+  display: none;
+}
 @layer base {
   * {
     border-color: var(--oui-border);
@@ -4933,6 +4957,12 @@
     background-color: var(--oui-background);
     color: var(--oui-foreground);
   }
+  .oui2 {
+    color: var(--oui-foreground);
+  }
+  .oui2-body {
+    background-color: var(--oui-background);
+  }
 }
 [data-sonner-toaster] [data-description], [data-sonner-toaster] .sonner-description, .sonner-description {
   color: var(--oui-muted-foreground) !important;
@@ -4958,6 +4988,9 @@
 [data-sonner-toaster] button {
   margin-left: auto !important;
 }
+.__oui-scoped-styles-end {
+  display: none;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;