@viraui/react 0.0.22 → 0.0.24

package/dist/internal-icons/icon-registry.js

@@ -16,10 +16,12 @@ import ChevronExpandYDuoIcon from './icons/duo/ChevronExpandY';
 import ChevronLeftDuoIcon from './icons/duo/ChevronLeft';
 import ChevronRightDuoIcon from './icons/duo/ChevronRight';
 import ChevronUpDuoIcon from './icons/duo/ChevronUp';
+import CircleCheckDuoIcon from './icons/duo/CircleCheck';
 import CircleHalfDottedClockDuoIcon from './icons/duo/CircleHalfDottedClock';
 import CircleImageDuoIcon from './icons/duo/CircleImage';
 import ClockDuoIcon from './icons/duo/Clock';
 import DarkLightDuoIcon from './icons/duo/DarkLight';
+import DuplicateDuoIcon from './icons/duo/Duplicate';
 import HistoryDuoIcon from './icons/duo/History';
 import ImageDuoIcon from './icons/duo/Image';
 import ImagesLayeredDuoIcon from './icons/duo/ImagesLayered';
@@ -31,6 +33,7 @@ import MoonStarsDuoIcon from './icons/duo/MoonStars';
 import PlusDuoIcon from './icons/duo/Plus';
 import QuickstartDuoIcon from './icons/duo/Quickstart';
 import RefreshAnticlockwiseDuoIcon from './icons/duo/RefreshAnticlockwise';
+import ShieldCheckDuoIcon from './icons/duo/ShieldCheck';
 import SunDuoIcon from './icons/duo/Sun';
 import XmarkDuoIcon from './icons/duo/Xmark';
 export const generatedIconNames = [
@@ -52,10 +55,12 @@ export const generatedIconNames = [
     'ChevronLeft',
     'ChevronRight',
     'ChevronUp',
+    'CircleCheck',
     'CircleHalfDottedClock',
     'CircleImage',
     'Clock',
     'DarkLight',
+    'Duplicate',
     'History',
     'Image',
     'ImagesLayered',
@@ -67,6 +72,7 @@ export const generatedIconNames = [
     'Plus',
     'Quickstart',
     'RefreshAnticlockwise',
+    'ShieldCheck',
     'Sun',
     'Xmark',
 ];
@@ -91,10 +97,12 @@ export const generatedIconRegistry = {
         ChevronLeft: ChevronLeftDuoIcon,
         ChevronRight: ChevronRightDuoIcon,
         ChevronUp: ChevronUpDuoIcon,
+        CircleCheck: CircleCheckDuoIcon,
         CircleHalfDottedClock: CircleHalfDottedClockDuoIcon,
         CircleImage: CircleImageDuoIcon,
         Clock: ClockDuoIcon,
         DarkLight: DarkLightDuoIcon,
+        Duplicate: DuplicateDuoIcon,
         History: HistoryDuoIcon,
         Image: ImageDuoIcon,
         ImagesLayered: ImagesLayeredDuoIcon,
@@ -106,6 +114,7 @@ export const generatedIconRegistry = {
         Plus: PlusDuoIcon,
         Quickstart: QuickstartDuoIcon,
         RefreshAnticlockwise: RefreshAnticlockwiseDuoIcon,
+        ShieldCheck: ShieldCheckDuoIcon,
         Sun: SunDuoIcon,
         Xmark: XmarkDuoIcon,
     },

package/dist/internal-icons/icons/duo/ArrowDown.js

@@ -7,7 +7,7 @@ const ArrowDown = React.forwardRef(({ size, className, style, ...props }, ref) =
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 15.75a.75.75 0 0 1-.75-.75V2.75a.75.75 0 0 1 1.5 0V15a.75.75 0 0 1-.75.75", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M9 16a.74.74 0 0 1-.53-.22l-4.25-4.25a.75.75 0 1 1 1.061-1.061l3.72 3.72 3.72-3.72a.75.75 0 1 1 1.061 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 15.75a.75.75 0 0 1-.75-.75V2.75a.75.75 0 0 1 1.5 0V15a.75.75 0 0 1-.75.75", "data-color": "color-2" }), _jsx("path", { d: "M9 16a.74.74 0 0 1-.53-.22l-4.25-4.25a.75.75 0 1 1 1.061-1.061l3.72 3.72 3.72-3.72a.75.75 0 1 1 1.061 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
 });
 ArrowDown.displayName = 'ArrowDown';
 export default ArrowDown;

package/dist/internal-icons/icons/duo/ArrowDownLeft.js

@@ -7,7 +7,7 @@ const ArrowDownLeft = React.forwardRef(({ size, className, style, ...props }, re
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M4 14.75a.75.75 0 0 1-.53-1.281L13.72 3.22a.75.75 0 1 1 1.061 1.061L4.53 14.53a.75.75 0 0 1-.53.22", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M9.761 15H3.75a.75.75 0 0 1-.75-.75V8.24a.75.75 0 0 1 1.5 0v5.26h5.261a.75.75 0 0 1 0 1.5" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M4 14.75a.75.75 0 0 1-.53-1.281L13.72 3.22a.75.75 0 1 1 1.061 1.061L4.53 14.53a.75.75 0 0 1-.53.22", "data-color": "color-2" }), _jsx("path", { d: "M9.761 15H3.75a.75.75 0 0 1-.75-.75V8.24a.75.75 0 0 1 1.5 0v5.26h5.261a.75.75 0 0 1 0 1.5" })] }) }));
 });
 ArrowDownLeft.displayName = 'ArrowDownLeft';
 export default ArrowDownLeft;

package/dist/internal-icons/icons/duo/ArrowDownRight.js

@@ -7,7 +7,7 @@ const ArrowDownRight = React.forwardRef(({ size, className, style, ...props }, r
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14 14.75a.74.74 0 0 1-.53-.22L3.22 4.28a.75.75 0 1 1 1.061-1.061L14.53 13.47a.75.75 0 0 1-.53 1.28", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M14.25 15H8.239a.75.75 0 0 1 0-1.5H13.5V8.24a.75.75 0 0 1 1.5 0v6.01a.75.75 0 0 1-.75.75" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14 14.75a.74.74 0 0 1-.53-.22L3.22 4.28a.75.75 0 1 1 1.061-1.061L14.53 13.47a.75.75 0 0 1-.53 1.28", "data-color": "color-2" }), _jsx("path", { d: "M14.25 15H8.239a.75.75 0 0 1 0-1.5H13.5V8.24a.75.75 0 0 1 1.5 0v6.01a.75.75 0 0 1-.75.75" })] }) }));
 });
 ArrowDownRight.displayName = 'ArrowDownRight';
 export default ArrowDownRight;

package/dist/internal-icons/icons/duo/ArrowLeft.js

@@ -7,7 +7,7 @@ const ArrowLeft = React.forwardRef(({ size, className, style, ...props }, ref) =
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15.25 9.75H3a.75.75 0 0 1 0-1.5h12.25a.75.75 0 0 1 0 1.5", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M7 14a.74.74 0 0 1-.53-.22L2.22 9.53a.75.75 0 0 1 0-1.061L6.47 4.22a.75.75 0 1 1 1.061 1.061l-3.72 3.72 3.72 3.72a.75.75 0 0 1-.53 1.281z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15.25 9.75H3a.75.75 0 0 1 0-1.5h12.25a.75.75 0 0 1 0 1.5", "data-color": "color-2" }), _jsx("path", { d: "M7 14a.74.74 0 0 1-.53-.22L2.22 9.53a.75.75 0 0 1 0-1.061L6.47 4.22a.75.75 0 1 1 1.061 1.061l-3.72 3.72 3.72 3.72a.75.75 0 0 1-.53 1.281z" })] }) }));
 });
 ArrowLeft.displayName = 'ArrowLeft';
 export default ArrowLeft;

package/dist/internal-icons/icons/duo/ArrowRight.js

@@ -7,7 +7,7 @@ const ArrowRight = React.forwardRef(({ size, className, style, ...props }, ref)
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15 9.75H2.75a.75.75 0 0 1 0-1.5H15a.75.75 0 0 1 0 1.5", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M11 14a.75.75 0 0 1-.53-1.281l3.72-3.72-3.72-3.72a.75.75 0 1 1 1.061-1.061l4.25 4.25a.75.75 0 0 1 0 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15 9.75H2.75a.75.75 0 0 1 0-1.5H15a.75.75 0 0 1 0 1.5", "data-color": "color-2" }), _jsx("path", { d: "M11 14a.75.75 0 0 1-.53-1.281l3.72-3.72-3.72-3.72a.75.75 0 1 1 1.061-1.061l4.25 4.25a.75.75 0 0 1 0 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
 });
 ArrowRight.displayName = 'ArrowRight';
 export default ArrowRight;

package/dist/internal-icons/icons/duo/ArrowUp.js

@@ -7,7 +7,7 @@ const ArrowUp = React.forwardRef(({ size, className, style, ...props }, ref) =>
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 16a.75.75 0 0 1-.75-.75V3a.75.75 0 0 1 1.5 0v12.25A.75.75 0 0 1 9 16", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M13.25 7.75a.74.74 0 0 1-.53-.22L9 3.81 5.28 7.53a.75.75 0 1 1-1.061-1.061L8.47 2.22a.75.75 0 0 1 1.061 0l4.25 4.25a.75.75 0 0 1-.53 1.281z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 16a.75.75 0 0 1-.75-.75V3a.75.75 0 0 1 1.5 0v12.25A.75.75 0 0 1 9 16", "data-color": "color-2" }), _jsx("path", { d: "M13.25 7.75a.74.74 0 0 1-.53-.22L9 3.81 5.28 7.53a.75.75 0 1 1-1.061-1.061L8.47 2.22a.75.75 0 0 1 1.061 0l4.25 4.25a.75.75 0 0 1-.53 1.281z" })] }) }));
 });
 ArrowUp.displayName = 'ArrowUp';
 export default ArrowUp;

package/dist/internal-icons/icons/duo/ArrowUpLeft.js

@@ -7,7 +7,7 @@ const ArrowUpLeft = React.forwardRef(({ size, className, style, ...props }, ref)
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14.25 15a.74.74 0 0 1-.53-.22L3.47 4.53a.75.75 0 1 1 1.061-1.061L14.78 13.72a.75.75 0 0 1-.53 1.281z", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M3.75 10.51A.75.75 0 0 1 3 9.76V3.75A.75.75 0 0 1 3.75 3h6.011a.75.75 0 0 1 0 1.5H4.5v5.26a.75.75 0 0 1-.75.75" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14.25 15a.74.74 0 0 1-.53-.22L3.47 4.53a.75.75 0 1 1 1.061-1.061L14.78 13.72a.75.75 0 0 1-.53 1.281z", "data-color": "color-2" }), _jsx("path", { d: "M3.75 10.51A.75.75 0 0 1 3 9.76V3.75A.75.75 0 0 1 3.75 3h6.011a.75.75 0 0 1 0 1.5H4.5v5.26a.75.75 0 0 1-.75.75" })] }) }));
 });
 ArrowUpLeft.displayName = 'ArrowUpLeft';
 export default ArrowUpLeft;

package/dist/internal-icons/icons/duo/ArrowUpRight.js

@@ -7,7 +7,7 @@ const ArrowUpRight = React.forwardRef(({ size, className, style, ...props }, ref
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M3.75 15a.75.75 0 0 1-.53-1.281L13.47 3.47a.75.75 0 1 1 1.061 1.061L4.28 14.78a.75.75 0 0 1-.53.22", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M14.25 10.51a.75.75 0 0 1-.75-.75V4.5H8.24a.75.75 0 0 1 0-1.5h6.01a.75.75 0 0 1 .75.75v6.01a.75.75 0 0 1-.75.75" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M3.75 15a.75.75 0 0 1-.53-1.281L13.47 3.47a.75.75 0 1 1 1.061 1.061L4.28 14.78a.75.75 0 0 1-.53.22", "data-color": "color-2" }), _jsx("path", { d: "M14.25 10.51a.75.75 0 0 1-.75-.75V4.5H8.24a.75.75 0 0 1 0-1.5h6.01a.75.75 0 0 1 .75.75v6.01a.75.75 0 0 1-.75.75" })] }) }));
 });
 ArrowUpRight.displayName = 'ArrowUpRight';
 export default ArrowUpRight;

package/dist/internal-icons/icons/duo/ChevronExpandY.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const ChevronExpandY = React.forwardRef(({ size, className, style, ...props }, ref) => {
     const dimensions = size
@@ -7,7 +7,7 @@ const ChevronExpandY = React.forwardRef(({ size, className, style, ...props }, r
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M11.97 11.22 9 14.19l-2.97-2.97a.75.75 0 1 0-1.061 1.061l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.061-1.061z", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M9.53 2.22a.75.75 0 0 0-1.061 0l-3.5 3.5A.75.75 0 0 0 6.03 6.781L9 3.811l2.97 2.97a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.061z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsx("path", { d: "M11.97 11.22 9 14.19l-2.97-2.97a.75.75 0 1 0-1.061 1.061l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.061-1.061zm-2.44-9a.75.75 0 0 0-1.061 0l-3.5 3.5A.75.75 0 0 0 6.03 6.781L9 3.811l2.97 2.97a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.061z", className: "nc-icon-wrapper", "data-color": "color-2" }) }));
 });
 ChevronExpandY.displayName = 'ChevronExpandY';
 export default ChevronExpandY;

package/dist/internal-icons/icons/duo/CircleCheck.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SVGProps } from 'react';
+export interface CircleCheckProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const CircleCheck: React.ForwardRefExoticComponent<Omit<CircleCheckProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default CircleCheck;

package/dist/internal-icons/icons/duo/CircleCheck.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const CircleCheck = React.forwardRef(({ size, className, style, ...props }, ref) => {
+    const dimensions = size
+        ? { width: size, height: size }
+        : {
+            width: props.width || 18,
+            height: props.height || 18,
+        };
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M8 12.5a.75.75 0 0 1-.557-.248l-2.25-2.5a.75.75 0 0 1 1.115-1.004l1.648 1.832 3.7-4.788a.75.75 0 0 1 1.188.917l-4.25 5.5a.75.75 0 0 1-.565.29z" })] }) }));
+});
+CircleCheck.displayName = 'CircleCheck';
+export default CircleCheck;

package/dist/internal-icons/icons/duo/Duplicate.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SVGProps } from 'react';
+export interface DuplicateProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const Duplicate: React.ForwardRefExoticComponent<Omit<DuplicateProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default Duplicate;

package/dist/internal-icons/icons/duo/Duplicate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const Duplicate = React.forwardRef(({ size, className, style, ...props }, ref) => {
+    const dimensions = size
+        ? { width: size, height: size }
+        : {
+            width: props.width || 18,
+            height: props.height || 18,
+        };
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M13.75 4.5h-6.5A2.75 2.75 0 0 0 4.5 7.25v6.5a2.75 2.75 0 0 0 2.75 2.75h6.5a2.75 2.75 0 0 0 2.75-2.75v-6.5a2.75 2.75 0 0 0-2.75-2.75", "data-color": "color-2", opacity: ".4" }), _jsx("path", { d: "M4.5 13.75v-6.5A2.753 2.753 0 0 1 7.25 4.5h5.804L12.9 3.46a2.753 2.753 0 0 0-3.125-2.315L3.346 2.1A2.753 2.753 0 0 0 1.03 5.224l.955 6.43a2.75 2.75 0 0 0 2.54 2.337c-.008-.08-.025-.159-.025-.241" })] }) }));
+});
+Duplicate.displayName = 'Duplicate';
+export default Duplicate;

package/dist/internal-icons/icons/duo/RefreshAnticlockwise.js

@@ -7,7 +7,7 @@ const RefreshAnticlockwise = React.forwardRef(({ size, className, style, ...prop
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 1a7.97 7.97 0 0 0-6.262 3.033l-.116-.83a.749.749 0 1 0-1.485.205l.408 2.945a.75.75 0 0 0 .846.64l2.943-.407a.75.75 0 0 0 .641-.846.756.756 0 0 0-.846-.64l-1.456.2A6.47 6.47 0 0 1 9 2.501c3.545 0 6.4 2.774 6.497 6.316a.75.75 0 0 0 .75.729h.02a.75.75 0 0 0 .73-.77A7.956 7.956 0 0 0 9 1" }), _jsx("path", { d: "m15.61 11.007-2.944.407a.75.75 0 0 0-.641.846c.57.41.435.69.846.64l1.456-.201A6.48 6.48 0 0 1 9 15.499a6.465 6.465 0 0 1-6.498-6.317c-.01-.414-.352-.761-.77-.729a.75.75 0 0 0-.729.77A7.956 7.956 0 0 0 9 17a7.98 7.98 0 0 0 6.262-3.036l.115.834a.75.75 0 1 0 1.486-.206l-.408-2.945a.753.753 0 0 0-.846-.64", "data-color": "color-2", opacity: ".3" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 1a7.97 7.97 0 0 0-6.262 3.033l-.116-.83a.749.749 0 1 0-1.485.205l.408 2.945a.75.75 0 0 0 .846.64l2.943-.407a.75.75 0 0 0 .641-.846.756.756 0 0 0-.846-.64l-1.456.2A6.47 6.47 0 0 1 9 2.501c3.545 0 6.4 2.774 6.497 6.316a.75.75 0 0 0 .75.729h.02a.75.75 0 0 0 .73-.77A7.956 7.956 0 0 0 9 1" }), _jsx("path", { d: "m15.61 11.007-2.944.407a.75.75 0 0 0-.641.846c.57.41.435.69.846.64l1.456-.201A6.48 6.48 0 0 1 9 15.499a6.465 6.465 0 0 1-6.498-6.317c-.01-.414-.352-.761-.77-.729a.75.75 0 0 0-.729.77A7.956 7.956 0 0 0 9 17a7.98 7.98 0 0 0 6.262-3.036l.115.834a.75.75 0 1 0 1.486-.206l-.408-2.945a.753.753 0 0 0-.846-.64", "data-color": "color-2" })] }) }));
 });
 RefreshAnticlockwise.displayName = 'RefreshAnticlockwise';
 export default RefreshAnticlockwise;

package/dist/internal-icons/icons/duo/ShieldCheck.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SVGProps } from 'react';
+export interface ShieldCheckProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const ShieldCheck: React.ForwardRefExoticComponent<Omit<ShieldCheckProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ShieldCheck;

package/dist/internal-icons/icons/duo/ShieldCheck.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const ShieldCheck = React.forwardRef(({ size, className, style, ...props }, ref) => {
+    const dimensions = size
+        ? { width: size, height: size }
+        : {
+            width: props.width || 18,
+            height: props.height || 18,
+        };
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { fillRule: "evenodd", className: "nc-icon-wrapper", clipRule: "evenodd", children: [_jsx("path", { fillOpacity: ".3", d: "M8.17 1.227c.164-.58.5-.176.83-.176q.271 0 .534.083l5.25 1.68A1.75 1.75 0 0 1 16 4.48V11c0 1.873-1.398 3.231-2.725 4.114-1.122.746-2.369 1.294-3.642 1.724a3 3 0 0 1-.226.068 1.73 1.73 0 0 1-.947-.038c-.652-.21-2.21-.766-3.618-1.677C3.474 14.306 2 12.924 2 11V4.48c0-.76.491-1.435 1.217-1.666 1.649-.528 3.32-1.012 4.953-1.587", "data-color": "color-2" }), _jsx("path", { d: "M11.955 6.151c.33.25.396.72.147 1.05l-3.397 4.5a.75.75 0 0 1-1.11.098l-1.61-1.5A.75.75 0 0 1 7.009 9.2l1 .933 2.896-3.836a.75.75 0 0 1 1.05-.147" })] }) }));
+});
+ShieldCheck.displayName = 'ShieldCheck';
+export default ShieldCheck;

package/dist/internal-icons/icons/duo/index.d.ts

@@ -26,10 +26,12 @@ export { default as ChevronExpandY } from './ChevronExpandY';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
 export { default as ChevronUp } from './ChevronUp';
+export { default as CircleCheck } from './CircleCheck';
 export { default as CircleHalfDottedClock } from './CircleHalfDottedClock';
 export { default as CircleImage } from './CircleImage';
 export { default as Clock } from './Clock';
 export { default as DarkLight } from './DarkLight';
+export { default as Duplicate } from './Duplicate';
 export { default as History } from './History';
 export { default as Image } from './Image';
 export { default as ImagesLayered } from './ImagesLayered';
@@ -41,5 +43,6 @@ export { default as MoonStars } from './MoonStars';
 export { default as Plus } from './Plus';
 export { default as Quickstart } from './Quickstart';
 export { default as RefreshAnticlockwise } from './RefreshAnticlockwise';
+export { default as ShieldCheck } from './ShieldCheck';
 export { default as Sun } from './Sun';
 export { default as Xmark } from './Xmark';

package/dist/internal-icons/icons/duo/index.js

@@ -26,10 +26,12 @@ export { default as ChevronExpandY } from './ChevronExpandY';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
 export { default as ChevronUp } from './ChevronUp';
+export { default as CircleCheck } from './CircleCheck';
 export { default as CircleHalfDottedClock } from './CircleHalfDottedClock';
 export { default as CircleImage } from './CircleImage';
 export { default as Clock } from './Clock';
 export { default as DarkLight } from './DarkLight';
+export { default as Duplicate } from './Duplicate';
 export { default as History } from './History';
 export { default as Image } from './Image';
 export { default as ImagesLayered } from './ImagesLayered';
@@ -41,5 +43,6 @@ export { default as MoonStars } from './MoonStars';
 export { default as Plus } from './Plus';
 export { default as Quickstart } from './Quickstart';
 export { default as RefreshAnticlockwise } from './RefreshAnticlockwise';
+export { default as ShieldCheck } from './ShieldCheck';
 export { default as Sun } from './Sun';
 export { default as Xmark } from './Xmark';

package/dist/preflight-surface.json

@@ -15,7 +15,7 @@
     {
       "id": "elevations",
       "file": "elevations.css",
-      "purpose": "Resting and hover box-shadow elevation stacks."
+      "purpose": "Resting and hover box-shadow elevation stacks plus unlayered box-shadow transitions."
     },
     {
       "id": "layout",
@@ -131,6 +131,20 @@
       "default": "0 0 0 1px transparent",
       "purpose": "Additional box-shadow layer appended to elevation stacks, for example hairline borders."
     },
+    {
+      "name": "--elevation-transition-duration",
+      "module": "elevations",
+      "setBy": "inline style or theme override",
+      "default": "160ms",
+      "purpose": "Duration for data-elevation box-shadow transitions."
+    },
+    {
+      "name": "--elevation-transition-easing",
+      "module": "elevations",
+      "setBy": "inline style or theme override",
+      "default": "ease",
+      "purpose": "Timing function for data-elevation box-shadow transitions."
+    },
     {
       "name": "--vira-flex-grow",
       "module": "layout",

package/dist/preflight.css

@@ -1 +1 @@
-@layer viraui.preflight;@layer viraui.preflight{html{--scrollbar-thumb:light-dark(var(--base-4),var(--base-3));--scrollbar-track:transparent;font-size:100%;box-sizing:border-box;line-height:1.5;background-color:var(--global-background);color:var(--global-foreground)}*{corner-shape:var(--corner-shape,unset)}*,:after,:before{margin:0;box-sizing:inherit;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--global-foreground);outline-offset:2px}body{color:var(--global-foreground);margin:0;font-size:var(--font-scale-body-medium);font-optical-sizing:auto;font-family:var(--font-family-body),sans-serif;font-variation-settings:"wght" 400}::selection{background-color:var(--global-primary);color:contrast-color(var(--global-primary));text-shadow:none}img{display:block;inline-size:100%;max-inline-size:100%}svg:not([fill]){fill:currentcolor}fieldset{border:0}ol ul,ul ol{font-size:medium}table{border-spacing:0;width:100%;border-collapse:collapse}table[data-layout-fixed]{table-layout:fixed}table thead{box-shadow:inset 0 -3px 0 var(--base-2)}table[data-table-separators] tr+tr{border-top:1px solid var(--base-2)}table th{white-space:nowrap;font-variation-settings:"wght" 800}table td,table th{border:none;text-align:left;font-size:medium;padding:calc(var(--space-x-small) + var(--space-2x-small)) var(--space-small)}[data-elevation]{--shadow-direction:1;--shadow-opacity-factor:0.16;--extra-shadow:0 0 0 1px transparent;--shadow-color:oklch(0% 0 0deg)}}@layer viraui.preflight{[data-elevation]:where([data-elevation-direction=bottom],[data-elevation-direction=right]){--shadow-direction:1}[data-elevation]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-direction:-1}[data-elevation-hover="0"]:hover,[data-elevation="0"]{--y1:0px;--x1:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),0 0 0 color-mix(in oklch,var(--shadow-color),transparent calc(94% - var(--shadow-opacity-factor))),0 0 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation-hover="2"]:hover,[data-elevation-hover="3"]:hover,[data-elevation-hover="4"]:hover,[data-elevation="1"],[data-elevation="2"],[data-elevation="3"],[data-elevation="4"]{box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) var(--shadow-blur-1) oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) var(--shadow-blur-2) oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) var(--shadow-blur-3) oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) var(--shadow-blur-4) oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation="1"]{--y1:0px;--y2:2px;--y3:4px;--y4:7px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:1px;--shadow-blur-2:2px;--shadow-blur-3:2px;--shadow-blur-4:3px}[data-elevation-hover="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:0px;--x2:2px;--x3:4px;--x4:7px}[data-elevation-hover="2"]:hover,[data-elevation="2"]{--y1:1px;--y2:5px;--y3:11px;--y4:19px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:3px;--shadow-blur-2:5px;--shadow-blur-3:6px;--shadow-blur-4:8px}[data-elevation-hover="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]):hover,[data-elevation="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-blur-3:7px}[data-elevation-hover="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:1px;--x2:5px;--x3:11px;--x4:19px}[data-elevation-hover="2"]:where([data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=right]){--shadow-blur-3:6px}[data-elevation-hover="3"]:hover,[data-elevation="3"]{--y1:2px;--y2:7px;--y3:16px;--y4:29px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:4px;--shadow-blur-2:7px;--shadow-blur-3:10px;--shadow-blur-4:12px}[data-elevation-hover="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:2px;--x2:7px;--x3:16px;--x4:29px}[data-elevation-hover="3"]:where([data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=right]){--x2:10px;--x3:22px;--x4:39px;--shadow-blur-1:5px;--shadow-blur-2:10px;--shadow-blur-3:13px;--shadow-blur-4:15px}[data-elevation-hover="4"]:hover,[data-elevation="4"]{--y1:4px;--y2:14px;--y3:33px;--y4:58px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:8px;--shadow-blur-2:14px;--shadow-blur-3:20px;--shadow-blur-4:23px}[data-elevation-hover="4"]:where([data-elevation-direction=top]):hover,[data-elevation="4"]:where([data-elevation-direction=top]){--y2:15px;--shadow-blur-2:15px}[data-elevation-hover="4"]:where([data-elevation-direction=left]):hover,[data-elevation="4"]:where([data-elevation-direction=left]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:15px;--x3:33px;--x4:58px;--shadow-blur-2:15px}[data-elevation-hover="4"]:where([data-elevation-direction=right]):hover,[data-elevation="4"]:where([data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:14px;--x3:33px;--x4:58px}}@layer viraui.preflight{[data-grow=false]{--vira-flex-grow:0;flex-grow:0}[data-shrink=false]{--vira-flex-shrink:0;flex-shrink:0}}@layer viraui.preflight{:where(p){line-height:1.5;min-block-size:.01vh;font-size:var(--font-scale-body-medium)}small{font-size:.7em}b,strong{font-variation-settings:"wght" 700}:where(a:any-link):not([data-no-link-style]){text-decoration:none;color:var(--global-interactive-text);word-break:break-word;&:not([class]){background:linear-gradient(currentcolor,currentcolor) no-repeat 0 100%;background-size:0 1px;transition:background-size var(--duration-fast) var(--easing-entrance);&:focus,&:hover{background-size:100% 1px}}}del{padding:0 .4em;margin:0 .2em;background-color:oklab(from var(--highlight-red) l a b/15%);color:var(--highlight-red);box-shadow:0 0 0 1px oklab(from var(--highlight-red) l a b/50%);border-radius:var(--radius-small)}ins{background-color:oklab(from var(--highlight-green) l a b/15%);color:var(--highlight-green);box-shadow:0 0 0 1px oklab(from var(--highlight-green) l a b/50%)}ins,mark{padding:0 .4em;margin:0 .2em;text-decoration:none;border-radius:var(--radius-small)}mark{background-color:oklab(from var(--highlight-yellow) l a b/15%);color:var(--highlight-yellow);box-shadow:0 0 0 1px oklab(from var(--highlight-yellow) l a b/50%)}address{font-style:normal;line-height:inherit}dt{font-variation-settings:"wght" 600}dd{margin:0;padding:0}ul{font-size:medium;padding-left:1rem;& li::marker{font-size:inherit;text-align:right;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);color:oklab(from currentColor l a b/80%)}}ol{font-size:medium;& li::marker{font-size:inherit;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);font-variant-numeric:tabular-nums;white-space:nowrap;color:oklab(from currentColor l a b/80%)}}kbd{padding:.2em .4em;border-radius:var(--radius-small);font-variation-settings:"wght" 600;box-shadow:var(--global-contrast);background:var(--global-contrast)}abbr{text-decoration:underline dashed var(--global-primary)}label,legend{font-size:inherit}code{background-color:var(--global-contrast);border-radius:var(--radius-small);box-shadow:var(--global-contrast);padding:.2em .4em;font-size:1em;font-family:var(--font-family-mono);vertical-align:top}pre code{box-shadow:none}s{text-decoration:line-through;color:var(--global-disabled-foreground);text-decoration-color:oklab(from var(--global-foreground) l a b/50%)}:root{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}[data-vibrant]{--is-vibrancy-active:var(--vibrancy-enable);--vibrancy-filter:var(--vibrancy-enable) brightness(var(--vibrancy-brightness)) blur(calc(var(--vibrancy-blur) * 1px));backdrop-filter:var(--vibrancy-filter,none)}}@layer viraui.preflight{}@layer viraui.preflight{}[data-elevation]{transition-property:box-shadow;transition-duration:var(--elevation-transition-duration,.16s);transition-timing-function:var(--elevation-transition-easing,ease)}
+@layer viraui.preflight;@layer viraui.preflight{html{--scrollbar-thumb:light-dark(var(--base-4),var(--base-3));--scrollbar-track:transparent;--outline-offset:2px;--outline-color:var(--global-outline);--outline:2px solid var(--outline-color);font-size:100%;box-sizing:border-box;line-height:1.5;background-color:var(--global-background);color:var(--global-foreground)}*{--is-corner-shape-enabled:var(--corner-shape-enable);--corner-shape-value:var(--is-corner-shape-enabled) var(--corner-shape-squircle);corner-shape:var(--corner-shape-value,unset)}*,:after,:before{margin:0;box-sizing:inherit;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}body{color:var(--global-foreground);margin:0;font-size:var(--font-scale-body-medium);font-optical-sizing:auto;font-family:var(--font-family-body),sans-serif;font-variation-settings:"wght" 400;font-variant-numeric:tabular-nums}::selection{background-color:var(--global-primary);color:contrast-color(var(--global-primary));text-shadow:none}img{display:block;inline-size:100%;max-inline-size:100%}svg:not([fill]){fill:currentcolor}ol ul,ul ol{font-size:medium}table{border-spacing:0;inline-size:100%;border-collapse:collapse}table[data-layout-fixed]{table-layout:fixed}table thead{box-shadow:inset 0 -3px 0 var(--base-2)}table[data-table-separators] tr+tr{border-top:1px solid var(--base-2)}table th{white-space:nowrap;font-variation-settings:"wght" 800}table td,table th{border:none;text-align:left;font-size:medium;padding:calc(var(--space-x-small) + var(--space-2x-small)) var(--space-small)}fieldset{padding:0;margin:0;border:0}[data-elevation]{--shadow-direction:1;--shadow-opacity-factor:0.16;--extra-shadow:0 0 0 1px transparent;--shadow-color:oklab(0 0 0);transition-property:box-shadow;transition-duration:var(--elevation-transition-duration,.16s);transition-timing-function:var(--elevation-transition-easing,ease)}}@layer viraui.preflight{[data-elevation]:where([data-elevation-direction=bottom],[data-elevation-direction=right]){--shadow-direction:1}[data-elevation]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-direction:-1}[data-elevation-hover="0"]:hover,[data-elevation="0"]{--y1:0px;--x1:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),0 0 0 color-mix(in oklch,var(--shadow-color),transparent calc(94% - var(--shadow-opacity-factor))),0 0 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation-hover="2"]:hover,[data-elevation-hover="3"]:hover,[data-elevation-hover="4"]:hover,[data-elevation="1"],[data-elevation="2"],[data-elevation="3"],[data-elevation="4"]{box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) var(--shadow-blur-1) oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) var(--shadow-blur-2) oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) var(--shadow-blur-3) oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) var(--shadow-blur-4) oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation="1"]{--y1:0px;--y2:2px;--y3:4px;--y4:7px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:1px;--shadow-blur-2:2px;--shadow-blur-3:2px;--shadow-blur-4:3px}[data-elevation-hover="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:0px;--x2:2px;--x3:4px;--x4:7px}[data-elevation-hover="2"]:hover,[data-elevation="2"]{--y1:1px;--y2:5px;--y3:11px;--y4:19px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:3px;--shadow-blur-2:5px;--shadow-blur-3:6px;--shadow-blur-4:8px}[data-elevation-hover="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]):hover,[data-elevation="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-blur-3:7px}[data-elevation-hover="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:1px;--x2:5px;--x3:11px;--x4:19px}[data-elevation-hover="2"]:where([data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=right]){--shadow-blur-3:6px}[data-elevation-hover="3"]:hover,[data-elevation="3"]{--y1:2px;--y2:7px;--y3:16px;--y4:29px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:4px;--shadow-blur-2:7px;--shadow-blur-3:10px;--shadow-blur-4:12px}[data-elevation-hover="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:2px;--x2:7px;--x3:16px;--x4:29px}[data-elevation-hover="3"]:where([data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=right]){--x2:10px;--x3:22px;--x4:39px;--shadow-blur-1:5px;--shadow-blur-2:10px;--shadow-blur-3:13px;--shadow-blur-4:15px}[data-elevation-hover="4"]:hover,[data-elevation="4"]{--y1:4px;--y2:14px;--y3:33px;--y4:58px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;--shadow-blur-1:8px;--shadow-blur-2:14px;--shadow-blur-3:20px;--shadow-blur-4:23px}[data-elevation-hover="4"]:where([data-elevation-direction=top]):hover,[data-elevation="4"]:where([data-elevation-direction=top]){--y2:15px;--shadow-blur-2:15px}[data-elevation-hover="4"]:where([data-elevation-direction=left]):hover,[data-elevation="4"]:where([data-elevation-direction=left]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:15px;--x3:33px;--x4:58px;--shadow-blur-2:15px}[data-elevation-hover="4"]:where([data-elevation-direction=right]):hover,[data-elevation="4"]:where([data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:14px;--x3:33px;--x4:58px}}@layer viraui.preflight{[data-grow=false]{--vira-flex-grow:0;flex-grow:0}[data-shrink=false]{--vira-flex-shrink:0;flex-shrink:0}}@layer viraui.preflight{:where(p){line-height:1.5;min-block-size:.01vh;font-size:var(--font-scale-body-medium)}small{font-size:.7em}b,strong{font-variation-settings:"wght" 700}:where(a:any-link):not([data-no-link-style]){text-decoration:none;color:var(--global-interactive-text);word-break:break-word;&:not([class]){background:linear-gradient(currentcolor,currentcolor) no-repeat 0 100%;background-size:0 1px;transition:background-size var(--duration-fast) var(--easing-entrance);&:focus,&:hover{background-size:100% 1px}}}del{padding:0 .4em;margin:0 .2em;background-color:oklab(from var(--highlight-red) l a b/12%);color:var(--highlight-red);box-shadow:0 0 0 1px oklab(from var(--highlight-red) l a b/50%);border-radius:var(--radius-small)}ins{background-color:oklab(from var(--highlight-green) l a b/15%);color:var(--highlight-green);box-shadow:0 0 0 1px oklab(from var(--highlight-green) l a b/50%)}ins,mark{padding:0 .4em;margin:0 .2em;text-decoration:none;border-radius:var(--radius-small)}mark{background-color:oklab(from var(--highlight-yellow) l a b/15%);color:var(--highlight-yellow);box-shadow:0 0 0 1px oklab(from var(--highlight-yellow) l a b/50%)}address{font-style:normal;line-height:inherit}dt{font-variation-settings:"wght" 600}dd{margin:0;padding:0}ul{font-size:medium;padding-left:1rem;& li::marker{font-size:inherit;text-align:right;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);color:oklab(from currentColor l a b/80%)}}ol{font-size:medium;& li::marker{font-size:inherit;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);font-variant-numeric:tabular-nums;white-space:nowrap;color:oklab(from currentColor l a b/80%)}}kbd{padding:.2em .4em;border-radius:var(--radius-small);font-variation-settings:"wght" 600;box-shadow:var(--global-contrast);background:var(--global-contrast)}abbr{text-decoration:underline dashed var(--global-primary)}label,legend{font-size:inherit}code{background-color:var(--global-contrast);border-radius:var(--radius-small);box-shadow:var(--global-contrast);padding:.2em .4em;font-size:1em;font-family:var(--font-family-mono);vertical-align:top}pre code{box-shadow:none}s{text-decoration:line-through;color:var(--global-disabled-foreground);text-decoration-color:oklab(from var(--global-foreground) l a b/50%)}:root{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}[data-vibrant]{--is-vibrancy-active:var(--vibrancy-enable);--vibrancy-filter:var(--vibrancy-enable) brightness(var(--vibrancy-brightness)) blur(calc(var(--vibrancy-blur) * 1px));backdrop-filter:var(--vibrancy-filter,none)}}@layer viraui.preflight{}@layer viraui.preflight{}

package/dist/theme-surface.json

@@ -51,11 +51,6 @@
       "pattern": "--color-{palette}-{step}",
       "purpose": "Raw palette steps referenced by semantic aliases; not the primary consumer override API."
     },
-    {
-      "id": "breakpoint",
-      "pattern": "--breakpoint-*",
-      "purpose": "Theme-owned min-width tokens for responsive layout."
-    },
     {
       "id": "motion",
       "pattern": "--duration-* | --easing-*",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "private": false,
   "files": [
     "dist"
@@ -42,10 +42,10 @@
     "vite": "8.0.16",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "2.3.0",
-    "@viraui/foundation": "0.0.22",
-    "@viraui/icons": "0.0.15",
+    "@viraui/foundation": "0.0.24",
     "@viraui/postcss-config": "0.0.16",
-    "@viraui/tsconfig": "0.0.16"
+    "@viraui/icons": "0.0.15",
+    "@viraui/tsconfig": "0.0.17"
   },
   "peerDependencies": {
     "@base-ui/react": ">=1.5.0",