draft-components 3.5.0 → 4.0.0

package/dist/components/hero-icons/24/outline/arrow-down-icon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+export function ArrowDownIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" }) }));
+}
+//# sourceMappingURL=arrow-down-icon.js.map

package/dist/components/hero-icons/24/outline/arrow-down-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrow-down-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,KAA4B;IACxD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sCAAsC,GAAG,GAC1F,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/arrow-up-icon.d.ts

@@ -0,0 +1,2 @@
+import { type ComponentProps } from 'react';
+export declare function ArrowUpIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/arrow-up-icon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+export function ArrowUpIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" }) }));
+}
+//# sourceMappingURL=arrow-up-icon.js.map

package/dist/components/hero-icons/24/outline/arrow-up-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-up-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrow-up-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,oCAAoC,GAAG,GACxF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/arrows-up-down-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const ArrowsUpDownIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function ArrowsUpDownIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const ArrowsUpDownIcon = forwardRef(function ArrowsUpDownIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }) }));
-});
+import {} from 'react';
+export function ArrowsUpDownIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }) }));
+}
+//# sourceMappingURL=arrows-up-down-icon.js.map

package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows-up-down-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/arrows-up-down-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,2EAA2E,GAAG,GAC/H,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/chevron-left-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function ChevronLeftIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/chevron-left-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const ChevronLeftIcon = forwardRef(function ChevronLeftIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) }));
-});
+import {} from 'react';
+export function ChevronLeftIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) }));
+}
+//# sourceMappingURL=chevron-left-icon.js.map

package/dist/components/hero-icons/24/outline/chevron-left-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-left-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/chevron-left-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,eAAe,CAAC,KAA4B;IAC1D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,6BAA6B,GAAG,GACjF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/chevron-right-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function ChevronRightIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/chevron-right-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const ChevronRightIcon = forwardRef(function ChevronRightIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }));
-});
+import {} from 'react';
+export function ChevronRightIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }));
+}
+//# sourceMappingURL=chevron-right-icon.js.map

package/dist/components/hero-icons/24/outline/chevron-right-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-right-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/chevron-right-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,2BAA2B,GAAG,GAC/E,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/eye-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const EyeIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function EyeIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/eye-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const EyeIcon = forwardRef(function EyeIcon(props, ref) {
-    return (_jsxs("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })] }));
-});
+import {} from 'react';
+export function EyeIcon(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })] }));
+}
+//# sourceMappingURL=eye-icon.js.map

package/dist/components/hero-icons/24/outline/eye-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/eye-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,OAAO,CAAC,KAA4B;IAClD,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0LAA0L,GAAG,EAClP,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,IACzF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/eye-slash-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const EyeSlashIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function EyeSlashIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/eye-slash-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const EyeSlashIcon = forwardRef(function EyeSlashIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
-});
+import {} from 'react';
+export function EyeSlashIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
+}
+//# sourceMappingURL=eye-slash-icon.js.map

package/dist/components/hero-icons/24/outline/eye-slash-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-slash-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/eye-slash-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,YAAY,CAAC,KAA4B;IACvD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,8UAA8U,GAAG,GAClY,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/magnifying-glass-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const MagnifyingGlassIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function MagnifyingGlassIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const MagnifyingGlassIcon = forwardRef(function MagnifyingGlassIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" }) }));
-});
+import {} from 'react';
+export function MagnifyingGlassIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" }) }));
+}
+//# sourceMappingURL=magnifying-glass-icon.js.map

package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnifying-glass-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/magnifying-glass-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,mBAAmB,CAAC,KAA4B;IAC9D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,+EAA+E,GAAG,GACnI,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/trash-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const TrashIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function TrashIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/trash-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const TrashIcon = forwardRef(function TrashIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }));
-});
+import {} from 'react';
+export function TrashIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" }) }));
+}
+//# sourceMappingURL=trash-icon.js.map

package/dist/components/hero-icons/24/outline/trash-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/trash-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,+ZAA+Z,GAAG,GACnd,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/outline/x-mark-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const XMarkIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function XMarkIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/outline/x-mark-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const XMarkIcon = forwardRef(function XMarkIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-});
+import {} from 'react';
+export function XMarkIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, stroke: "currentColor", strokeWidth: 1.5, fill: "none", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }));
+}
+//# sourceMappingURL=x-mark-icon.js.map

package/dist/components/hero-icons/24/outline/x-mark-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-mark-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/outline/x-mark-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.d.ts

@@ -1,3 +1,2 @@
-export declare const ExclamationTriangleIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+import { type ComponentProps } from 'react';
+export declare function ExclamationTriangleIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const ExclamationTriangleIcon = forwardRef(function ExclamationTriangleIcon(props, ref) {
-    return (_jsx("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" }) }));
-});
+import {} from 'react';
+export function ExclamationTriangleIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", clipRule: "evenodd" }) }));
+}
+//# sourceMappingURL=exclamation-triangle-icon.js.map

package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exclamation-triangle-icon.js","sourceRoot":"","sources":["../../../../../src/components/hero-icons/24/solid/exclamation-triangle-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,uBAAuB,CAAC,KAA4B;IAClE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oPAAoP,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjS,CACP,CAAC;AACJ,CAAC"}

package/dist/components/index.d.ts

@@ -22,13 +22,11 @@ export * from './nav-list/index.js';
 export * from './password-input/index.js';
 export * from './popover/index.js';
 export * from './portal/index.js';
-export * from './positioner/index.js';
 export * from './radio/index.js';
 export * from './search-select/index.js';
 export * from './segmented-control/index.js';
 export * from './select/index.js';
 export * from './selection-control/index.js';
-export * from './slide-over/index.js';
 export * from './slider/index.js';
 export * from './spinner/index.js';
 export * from './switch/index.js';

package/dist/components/index.js

@@ -22,13 +22,11 @@ export * from './nav-list/index.js';
 export * from './password-input/index.js';
 export * from './popover/index.js';
 export * from './portal/index.js';
-export * from './positioner/index.js';
 export * from './radio/index.js';
 export * from './search-select/index.js';
 export * from './segmented-control/index.js';
 export * from './select/index.js';
 export * from './selection-control/index.js';
-export * from './slide-over/index.js';
 export * from './slider/index.js';
 export * from './spinner/index.js';
 export * from './switch/index.js';
@@ -40,3 +38,4 @@ export * from './textarea/index.js';
 export * from './toast/index.js';
 export * from './toaster/index.js';
 export * from './tooltip/index.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/components/label/index.js

@@ -1 +1,2 @@
 export * from './label.js';
+//# sourceMappingURL=index.js.map

package/dist/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/label/label.css

@@ -1,23 +1,23 @@
 .dc-label {
-  --dc-label-text-color: var(--dc-primary-text-color);
-  --dc-label-required-mark-color: #dc2626;
+  --color: var(--dc-text-color-primary);
+  --required-mark-color: var(--dc-red-600);
 
   display: inline-block;
   font: var(--dc-text-sm);
   font-weight: 500;
-  color: var(--dc-label-text-color);
+  color: var(--color);
   color-scheme: light;
 }
 
 .dc-label_required::after {
   padding-left: 0.25em;
-  color: var(--dc-label-required-mark-color);
+  color: var(--required-mark-color);
   content: "*";
 }
 
 .dark .dc-label,
 .dark.dc-label {
-  --dc-label-required-mark-color: #f87171;
+  --required-mark-color: var(--dc-red-400);
 
   color-scheme: dark;
 }

package/dist/components/label/label.d.ts

@@ -1,5 +1,8 @@
-import { ComponentPropsWithRef } from 'react';
-export type LabelProps = ComponentPropsWithRef<'label'> & {
+import { type ComponentProps } from 'react';
+type LabelHTMLProps = ComponentProps<'label'>;
+type LabelBaseProps = {
     required?: boolean;
 };
-export declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export type LabelProps = LabelBaseProps & Omit<LabelHTMLProps, keyof LabelBaseProps>;
+export declare function Label({ required, className, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/label/label.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
-export const Label = forwardRef(function Label({ required = false, className = '', children, ...props }, ref) {
-    return (_jsx("label", { ...props, ref: ref, className: classNames(className, 'dc-label', {
+export function Label({ required = false, className = '', children, ...props }) {
+    return (_jsx("label", { ...props, className: classNames(className, {
+            'dc-label': true,
             'dc-label_required': required,
         }), children: children }));
-});
+}
+//# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAYxD,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,mBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,QAAQ;SAC9B,CAAC,YAED,QAAQ,GACH,CACT,CAAC;AACJ,CAAC"}

package/dist/components/menu/index.js

@@ -1,3 +1,4 @@
 export * from './menu.js';
 export * from './menu-item.js';
 export * from './menu-separator.js';
+//# sourceMappingURL=index.js.map

package/dist/components/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/components/menu/menu-item.d.ts

@@ -1,13 +1,13 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
-type MenuItemHTMLProps = ComponentPropsWithRef<'button'>;
-type MenuItemBaseProps = Omit<MenuItemHTMLProps, 'children' | 'role'>;
-export type MenuItemProps = {
+import { type ComponentProps, type ReactNode } from 'react';
+type MenuItemHTMLProps = ComponentProps<'button'>;
+type MenuItemBaseProps = {
     role?: 'menuitem' | 'menuitemradio';
     disabled?: boolean;
     destructive?: boolean;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
     children: ReactNode;
-} & MenuItemBaseProps;
-export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export type MenuItemProps = MenuItemBaseProps & Omit<MenuItemHTMLProps, keyof MenuItemBaseProps>;
+export declare function MenuItem({ role, disabled, destructive, iconLeft, iconRight, children, className, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/menu/menu-item.js

@@ -1,16 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
-export const MenuItem = forwardRef(function MenuItem({ role = 'menuitem', disabled, destructive, iconLeft, iconRight, children, className, ...props }, ref) {
-    let label = children;
-    if (iconLeft || iconRight) {
-        const className = classNames('dc-menu-btn__label', {
-            'dc-menu-btn__label_gap_left': iconLeft,
-            'dc-menu-btn__label_gap_right': iconRight,
-        });
-        label = _jsx("span", { className: className, children: label });
-    }
-    return (_jsx("li", { role: "presentation", children: _jsxs("button", { ...props, ref: ref, className: classNames(className, 'dc-menu-btn', {
-                'dc-menu-btn_destructive': destructive,
-            }), type: "button", disabled: disabled, role: role, tabIndex: -1, children: [iconLeft, label, iconRight] }) }));
-});
+export function MenuItem({ role = 'menuitem', disabled, destructive, iconLeft, iconRight, children, className, ...props }) {
+    return (_jsxs("button", { ...props, className: classNames(className, {
+            'dc-menu-btn': true,
+            'dc-menu-btn_has-icon': iconLeft || iconRight,
+            'dc-menu-btn_destructive': destructive,
+        }), type: "button", tabIndex: -1, role: role, disabled: disabled, children: [iconLeft, " ", _jsx("span", { children: children }), " ", iconRight] }));
+}
+//# sourceMappingURL=menu-item.js.map

package/dist/components/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/components/menu/menu-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAiBxD,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,UAAU,EACjB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACM;IACd,OAAO,CACL,qBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,aAAa,EAAE,IAAI;YACnB,sBAAsB,EAAE,QAAQ,IAAI,SAAS;YAC7C,yBAAyB,EAAE,WAAW;SACvC,CAAC,EACF,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,aAEjB,QAAQ,OAAE,yBAAO,QAAQ,GAAQ,OAAE,SAAS,IACtC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/menu/menu-separator.d.ts

@@ -1,6 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
-type MenuSeparatorHTMLProps = ComponentPropsWithoutRef<'li'>;
-type MenuSeparatorBaseProps = Omit<MenuSeparatorHTMLProps, 'children'>;
-export type MenuSeparatorProps = MenuSeparatorBaseProps;
+import { type ComponentProps } from 'react';
+export type MenuSeparatorProps = ComponentProps<'hr'>;
 export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/menu/menu-separator.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
 export function MenuSeparator({ className, ...props }) {
-    return (_jsx("li", { ...props, className: classNames('dc-menu__separator', className), role: "separator" }));
+    return (_jsx("hr", { ...props, className: classNames('dc-menu-separator', className) }));
 }
+//# sourceMappingURL=menu-separator.js.map

package/dist/components/menu/menu-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.js","sourceRoot":"","sources":["../../../src/components/menu/menu-separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,gBAAQ,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAAI,CACzE,CAAC;AACJ,CAAC"}

package/dist/components/menu/menu.css

@@ -1,29 +1,26 @@
 .dc-menu {
-  --dc-menu-item-icon-gap: 8px;
-  --dc-menu-item-color: var(--dc-button-gray-plain-text-color);
-  --dc-menu-item-bg: var(--dc-button-gray-bg-hover);
-  --dc-menu-item-color-destructive: var(--dc-button-red-plain-text-color);
-  --dc-menu-item-bg-destructive: var(--dc-button-red-plain-bg-hover);
-  --dc-menu-separator-color: var(--dc-bg-transparent-2);
+  --item-icon-gap: 8px;
+  --item-color: var(--dc-neutral-900);
+  --item-background-focus: rgb(var(--dc-neutral-500-rgb) / 15%);
+  --item-color-destructive: var(--dc-red-600);
+  --item-background-focus-destructive: rgb(var(--dc-red-600-rgb) / 15%);
+  --separator-color: rgb(var(--dc-neutral-500-rgb) / 15%);
 
+  position: fixed;
   box-sizing: border-box;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  color-scheme: light;
-}
-
-.dc-menu__container {
   min-width: 160px;
+  max-width: 288px;
   padding: 4px;
+  margin: 0;
+  color-scheme: light;
 }
 
-.dc-menu__separator {
+.dc-menu-separator {
   box-sizing: border-box;
   height: 1px;
   margin: 4px 8px;
-  background: var(--dc-menu-separator-color);
+  background: var(--separator-color);
+  border: none;
 }
 
 .dc-menu-btn {
@@ -33,7 +30,7 @@
   height: 32px;
   padding: 0 12px;
   font: var(--dc-text-sm);
-  color: var(--dc-menu-item-color);
+  color: var(--item-color);
   text-align: left;
   white-space: nowrap;
   -webkit-appearance: none;
@@ -48,8 +45,8 @@
 }
 
 .dc-menu-btn:focus {
-  background: var(--dc-menu-item-bg);
   outline: none;
+  background: var(--item-background-focus);
 }
 
 .dc-menu-btn:disabled {
@@ -61,23 +58,25 @@
   flex-grow: 1;
 }
 
-.dc-menu-btn__label_gap_left {
-  padding-left: var(--dc-menu-item-icon-gap);
-}
-
-.dc-menu-btn__label_gap_right {
-  padding-right: var(--dc-menu-item-icon-gap);
+.dc-menu-btn_has-icon {
+  gap: var(--item-icon-gap);
 }
 
 .dc-menu-btn_destructive {
-  color: var(--dc-menu-item-color-destructive);
+  color: var(--item-color-destructive);
 }
 
 .dc-menu-btn_destructive:focus {
-  background: var(--dc-menu-item-bg-destructive);
+  background: var(--item-background-focus-destructive);
 }
 
 .dark .dc-menu,
 .dark.dc-menu {
+  --item-color: var(--dc-white);
+  --item-background-focus: rgb(var(--dc-neutral-100-rgb) / 15%);
+  --item-color-destructive: var(--dc-red-400);
+  --item-background-focus-destructive: rgb(var(--dc-red-500-rgb) / 25%);
+  --separator-color: rgb(var(--dc-neutral-100-rgb) / 15%);
+
   color-scheme: dark;
 }