@moduix/react 2.2.0 → 2.2.4

package/dist/components/floating-panel/{FloatingPanel.css → FloatingPanel_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .L7Dmqq_trigger {
+  .trigger-awuX4X {
     box-sizing: border-box;
     min-height: var(--moduix-floating-panel-trigger-height, var(--moduix-size-md));
     padding: var(--moduix-floating-panel-trigger-padding-y, var(--moduix-spacing-1))
@@ -12,6 +12,7 @@
     font: inherit;
     font-size: var(--moduix-floating-panel-trigger-font-size, var(--moduix-text-md));
     line-height: var(--moduix-floating-panel-trigger-line-height, var(--moduix-line-height-text-md));
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     transition: background-color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
@@ -23,40 +24,38 @@
     align-items: center;
     margin: 0;
     display: inline-flex;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-floating-panel-trigger-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    .trigger-awuX4X:hover {
+      background-color: var(--moduix-floating-panel-trigger-bg-hover, var(--moduix-color-accent));
     }
+  }
 
-    &:active, &[data-state="open"] {
-      background-color: var(--moduix-floating-panel-trigger-bg-active, var(--moduix-floating-panel-trigger-bg-hover, var(--moduix-color-accent)));
-    }
+  .trigger-awuX4X:active, .trigger-awuX4X[data-state="open"] {
+    background-color: var(--moduix-floating-panel-trigger-bg-active, var(--moduix-floating-panel-trigger-bg-hover, var(--moduix-color-accent)));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+  .trigger-awuX4X:focus-visible {
+    outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         solid var(--moduix-floating-panel-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+    outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
           -1);
-    }
+  }
 
-    &[data-disabled], &[disabled] {
-      pointer-events: none;
-      opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
-      cursor: default;
-    }
+  .trigger-awuX4X[data-disabled], .trigger-awuX4X[disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
   }
 
-  .L7Dmqq_positioner {
+  .positioner-wbaVAV {
     z-index: var(--z-index, var(--moduix-floating-panel-z-index, var(--moduix-z-popup)));
     outline: 0;
   }
 
-  .L7Dmqq_content {
+  .content-E0MFTN {
     box-sizing: border-box;
-    width: var(--moduix-floating-panel-width, 100%);
-    height: var(--moduix-floating-panel-height, 100%);
     min-width: var(--moduix-floating-panel-min-width, 16rem);
     min-height: var(--moduix-floating-panel-min-height, 10rem);
     border: var(--moduix-floating-panel-border-width, var(--moduix-border-width-sm)) solid
@@ -71,36 +70,36 @@
     display: flex;
     position: relative;
     overflow: hidden;
+  }
 
-    &[data-state="open"] {
-      animation: L7Dmqq_floating-panel-enter
+  .content-E0MFTN[data-state="open"] {
+    animation: floating-panel-enter-rrMENh
         var(--moduix-floating-panel-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
             var(--moduix-popup-motion-easing, ease))
         both;
-    }
+  }
 
-    &[data-state="closed"] {
-      pointer-events: none;
-      animation: L7Dmqq_floating-panel-exit
+  .content-E0MFTN[data-state="closed"] {
+    pointer-events: none;
+    animation: floating-panel-exit-OEiiHc
         var(--moduix-floating-panel-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
             var(--moduix-popup-motion-easing, ease))
         both;
-    }
+  }
 
-    &[data-behind] {
-      opacity: var(--moduix-floating-panel-behind-opacity, .55);
-    }
+  .content-E0MFTN[data-behind] {
+    opacity: var(--moduix-floating-panel-behind-opacity, .55);
+  }
 
-    &[data-minimized] {
-      min-height: 0;
-    }
+  .content-E0MFTN[data-minimized] {
+    min-height: 0;
   }
 
-  .L7Dmqq_dragTrigger {
+  .dragTrigger-RpAl6o {
     display: block;
   }
 
-  .L7Dmqq_header {
+  .header-an6_mA {
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
@@ -113,19 +112,20 @@
       var(--moduix-floating-panel-header-border-color, var(--moduix-floating-panel-border-color, var(--moduix-color-border)));
     background-color: var(--moduix-floating-panel-header-bg, var(--moduix-color-muted));
     cursor: grab;
+    -webkit-user-select: none;
     user-select: none;
     display: flex;
+  }
 
-    &[data-dragging] {
-      cursor: grabbing;
-    }
+  .header-an6_mA[data-dragging] {
+    cursor: grabbing;
+  }
 
-    &[data-minimized] {
-      border-bottom-color: #0000;
-    }
+  .header-an6_mA[data-minimized] {
+    border-bottom-color: #0000;
   }
 
-  .L7Dmqq_title {
+  .title-LhPus2 {
     align-items: center;
     gap: var(--moduix-floating-panel-title-gap, var(--moduix-spacing-2));
     min-width: 0;
@@ -137,14 +137,14 @@
     display: inline-flex;
   }
 
-  .L7Dmqq_control {
+  .control-fFWykW {
     align-items: center;
     gap: var(--moduix-floating-panel-control-gap, var(--moduix-spacing-1));
     flex: none;
     display: inline-flex;
   }
 
-  .L7Dmqq_controlButton {
+  .controlButton-E61lzL {
     box-sizing: border-box;
     width: var(--moduix-floating-panel-control-size, var(--moduix-size-sm));
     height: var(--moduix-floating-panel-control-size, var(--moduix-size-sm));
@@ -165,46 +165,46 @@
     margin: 0;
     padding: 0;
     display: inline-flex;
+  }
 
-    & > svg {
-      width: var(--moduix-floating-panel-control-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-floating-panel-control-icon-size, var(--moduix-spacing-4));
-    }
+  .controlButton-E61lzL > svg {
+    width: var(--moduix-floating-panel-control-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-floating-panel-control-icon-size, var(--moduix-spacing-4));
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-floating-panel-control-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    .controlButton-E61lzL:hover {
+      background-color: var(--moduix-floating-panel-control-bg-hover, var(--moduix-color-accent));
     }
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+  .controlButton-E61lzL:focus-visible {
+    outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         solid var(--moduix-floating-panel-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+    outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
           -1);
-    }
+  }
 
-    &[data-disabled], &[disabled] {
-      pointer-events: none;
-      opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
-      cursor: default;
-    }
+  .controlButton-E61lzL[data-disabled], .controlButton-E61lzL[disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
   }
 
-  .L7Dmqq_dragIndicator {
+  .dragIndicator-Yn6EB9 {
     color: var(--moduix-floating-panel-drag-indicator-color, var(--moduix-color-muted-foreground));
     flex: none;
     justify-content: center;
     align-items: center;
     display: inline-flex;
+  }
 
-    & > svg {
-      width: var(--moduix-floating-panel-drag-indicator-size, var(--moduix-spacing-4));
-      height: var(--moduix-floating-panel-drag-indicator-size, var(--moduix-spacing-4));
-    }
+  .dragIndicator-Yn6EB9 > svg {
+    width: var(--moduix-floating-panel-drag-indicator-size, var(--moduix-spacing-4));
+    height: var(--moduix-floating-panel-drag-indicator-size, var(--moduix-spacing-4));
   }
 
-  .L7Dmqq_body {
+  .body-As5cBj {
     box-sizing: border-box;
     min-height: 0;
     padding: var(--moduix-floating-panel-body-padding, var(--moduix-spacing-4));
@@ -213,13 +213,13 @@
     line-height: var(--moduix-floating-panel-body-line-height, var(--moduix-line-height-text-sm));
     flex: auto;
     overflow: auto;
+  }
 
-    &[data-minimized] {
-      display: none;
-    }
+  .body-As5cBj[data-minimized] {
+    display: none;
   }
 
-  .L7Dmqq_footer {
+  .footer-sMNhjQ {
     box-sizing: border-box;
     align-items: center;
     justify-content: var(--moduix-floating-panel-footer-justify, flex-end);
@@ -234,80 +234,74 @@
     line-height: var(--moduix-floating-panel-footer-line-height, var(--moduix-line-height-text-xs));
     flex: none;
     display: flex;
+  }
 
-    &[data-minimized] {
-      display: none;
-    }
+  .footer-sMNhjQ[data-minimized] {
+    display: none;
   }
 
-  .L7Dmqq_resizeTrigger {
+  .resizeTrigger-ciQngF {
     position: absolute;
+  }
 
-    &[data-axis="n"], &[data-axis="s"] {
-      left: var(--moduix-floating-panel-resize-edge-inset, var(--moduix-spacing-3));
-      width: calc(100% - (var(--moduix-floating-panel-resize-edge-inset, var(--moduix-spacing-3)) * 2));
-      height: var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2));
-      cursor: ns-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="n"], .resizeTrigger-ciQngF[data-axis="s"] {
+    left: var(--moduix-spacing-3);
+    width: calc(100% - (var(--moduix-spacing-3) * 2));
+    height: var(--moduix-spacing-2);
+  }
 
-    &[data-axis="n"] {
-      top: calc(var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2)) / -2);
-    }
+  .resizeTrigger-ciQngF[data-axis="n"] {
+    top: calc(var(--moduix-spacing-2) / -2);
+  }
 
-    &[data-axis="s"] {
-      bottom: calc(var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2)) / -2);
-    }
+  .resizeTrigger-ciQngF[data-axis="s"] {
+    bottom: calc(var(--moduix-spacing-2) / -2);
+  }
 
-    &[data-axis="e"], &[data-axis="w"] {
-      top: var(--moduix-floating-panel-resize-edge-inset, var(--moduix-spacing-3));
-      width: var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2));
-      height: calc(100% - (var(--moduix-floating-panel-resize-edge-inset, var(--moduix-spacing-3)) * 2));
-      cursor: ew-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="e"], .resizeTrigger-ciQngF[data-axis="w"] {
+    top: var(--moduix-spacing-3);
+    width: var(--moduix-spacing-2);
+    height: calc(100% - (var(--moduix-spacing-3) * 2));
+  }
 
-    &[data-axis="e"] {
-      right: calc(var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2)) / -2);
-    }
+  .resizeTrigger-ciQngF[data-axis="e"] {
+    right: calc(var(--moduix-spacing-2) / -2);
+  }
 
-    &[data-axis="w"] {
-      left: calc(var(--moduix-floating-panel-resize-edge-size, var(--moduix-spacing-2)) / -2);
-    }
+  .resizeTrigger-ciQngF[data-axis="w"] {
+    left: calc(var(--moduix-spacing-2) / -2);
+  }
 
-    &[data-axis="ne"], &[data-axis="nw"], &[data-axis="se"], &[data-axis="sw"] {
-      width: var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3));
-      height: var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3));
-    }
+  .resizeTrigger-ciQngF[data-axis="ne"], .resizeTrigger-ciQngF[data-axis="nw"], .resizeTrigger-ciQngF[data-axis="se"], .resizeTrigger-ciQngF[data-axis="sw"] {
+    width: var(--moduix-spacing-3);
+    height: var(--moduix-spacing-3);
+  }
 
-    &[data-axis="ne"] {
-      top: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      right: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      cursor: nesw-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="ne"] {
+    top: calc(var(--moduix-spacing-3) / -2);
+    right: calc(var(--moduix-spacing-3) / -2);
+  }
 
-    &[data-axis="nw"] {
-      top: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      left: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      cursor: nwse-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="nw"] {
+    top: calc(var(--moduix-spacing-3) / -2);
+    left: calc(var(--moduix-spacing-3) / -2);
+  }
 
-    &[data-axis="se"] {
-      right: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      bottom: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      cursor: nwse-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="se"] {
+    right: calc(var(--moduix-spacing-3) / -2);
+    bottom: calc(var(--moduix-spacing-3) / -2);
+  }
 
-    &[data-axis="sw"] {
-      bottom: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      left: calc(var(--moduix-floating-panel-resize-corner-size, var(--moduix-spacing-3)) / -2);
-      cursor: nesw-resize;
-    }
+  .resizeTrigger-ciQngF[data-axis="sw"] {
+    bottom: calc(var(--moduix-spacing-3) / -2);
+    left: calc(var(--moduix-spacing-3) / -2);
+  }
 
-    &[data-disabled] {
-      pointer-events: none;
-    }
+  .resizeTrigger-ciQngF[data-disabled] {
+    pointer-events: none;
   }
 
-  @keyframes L7Dmqq_floating-panel-enter {
+  @keyframes floating-panel-enter-rrMENh {
     from {
       opacity: var(--moduix-floating-panel-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
       translate: var(--moduix-floating-panel-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
@@ -316,7 +310,7 @@
     }
   }
 
-  @keyframes L7Dmqq_floating-panel-exit {
+  @keyframes floating-panel-exit-OEiiHc {
     to {
       opacity: var(--moduix-floating-panel-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
       translate: var(--moduix-floating-panel-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
@@ -325,3 +319,4 @@
     }
   }
 }
+

package/dist/components/floating-panel/index.d.ts

@@ -1,2 +1 @@
-import { FloatingPanel, resizeTriggerAxes } from "./FloatingPanel.js";
-export { FloatingPanel, resizeTriggerAxes };
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext, } from './FloatingPanel.js';

package/dist/components/floating-panel/index.js

@@ -0,0 +1 @@
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext } from "./FloatingPanel.js";

package/dist/components/heading/Heading.d.ts

@@ -1,17 +1,15 @@
-//#region src/components/heading/Heading.d.ts
 type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare const Heading: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  as?: HeadingElement;
-  size?: HeadingSize;
-  weight?: HeadingWeight;
-} & import("react").RefAttributes<HTMLHeadingElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     as?: HeadingElement;
     size?: HeadingSize;
     weight?: HeadingWeight;
-  } & import("react").RefAttributes<HTMLHeadingElement>>;
+} & import("react").RefAttributes<HTMLHeadingElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        as?: HeadingElement;
+        size?: HeadingSize;
+        weight?: HeadingWeight;
+    } & import("react").RefAttributes<HTMLHeadingElement>>;
 };
-//#endregion
-export { Heading };
+export { Heading };

package/dist/components/heading/Heading.js

@@ -1,32 +1,32 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Heading_module_default from "./Heading.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/heading/Heading.tsx
-const elements = {
-	h1: ark.h1,
-	h2: ark.h2,
-	h3: ark.h3,
-	h4: ark.h4,
-	h5: ark.h5,
-	h6: ark.h6
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Heading_module from "./Heading.module.js";
+const Heading_elements = {
+    h1: ark.h1,
+    h2: ark.h2,
+    h3: ark.h3,
+    h4: ark.h4,
+    h5: ark.h5,
+    h6: ark.h6
 };
-const HeadingRoot = forwardRef(function HeadingRoot({ as, asChild, size, weight = "semibold", className, ...props }, ref) {
-	const Element = elements[as ?? "h1"];
-	return /* @__PURE__ */ jsx(Element, {
-		ref,
-		asChild,
-		"data-scope": "heading",
-		"data-part": "root",
-		"data-slot": "heading-root",
-		"data-size": size,
-		"data-weight": weight,
-		className: clsx(Heading_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Heading_HeadingRoot = /*#__PURE__*/ forwardRef(function({ as, asChild, size, weight = 'semibold', className, ...props }, ref) {
+    const Element = Heading_elements[as ?? 'h1'];
+    return /*#__PURE__*/ jsx(Element, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "heading",
+        "data-part": "root",
+        "data-slot": "heading-root",
+        "data-size": size,
+        "data-weight": weight,
+        className: clsx(Heading_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const Heading = Object.assign(Heading_HeadingRoot, {
+    Root: Heading_HeadingRoot
 });
-const Heading = Object.assign(HeadingRoot, { Root: HeadingRoot });
-//#endregion
 export { Heading };

package/dist/components/heading/Heading.module.js

@@ -1,5 +1,5 @@
-import './Heading.css';
-//#region src/components/heading/Heading.module.css
-var Heading_module_default = { "root": "UnU3Mq_root" };
-//#endregion
-export { Heading_module_default as default };
+import "./Heading_module.css";
+const Heading_module = {
+    root: "root-cimEYC"
+};
+export default Heading_module;

package/dist/components/heading/Heading_module.css

@@ -0,0 +1,59 @@
+@layer moduix.components {
+  .root-cimEYC {
+    --_heading-font-size: var(--moduix-heading-font-size-2xl, var(--moduix-text-3xl));
+    --_heading-line-height: var(--moduix-heading-line-height-2xl, var(--moduix-line-height-text-3xl));
+    --_heading-font-weight: var(--moduix-heading-font-weight-semibold, var(--moduix-weight-semibold));
+    color: var(--moduix-heading-color, var(--moduix-color-foreground));
+    font-family: var(--moduix-heading-font-family, inherit);
+    font-size: var(--moduix-heading-font-size, var(--_heading-font-size));
+    font-weight: var(--moduix-heading-font-weight, var(--_heading-font-weight));
+    line-height: var(--moduix-heading-line-height, var(--_heading-line-height));
+    letter-spacing: var(--moduix-heading-letter-spacing, 0);
+    text-wrap: var(--moduix-heading-text-wrap, balance);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .root-cimEYC:is(h6):not([data-size]), .root-cimEYC[data-size="xs"] {
+    --_heading-font-size: var(--moduix-heading-font-size-xs, var(--moduix-text-sm));
+    --_heading-line-height: var(--moduix-heading-line-height-xs, var(--moduix-line-height-text-sm));
+  }
+
+  .root-cimEYC:is(h5):not([data-size]), .root-cimEYC[data-size="sm"] {
+    --_heading-font-size: var(--moduix-heading-font-size-sm, var(--moduix-text-md));
+    --_heading-line-height: var(--moduix-heading-line-height-sm, var(--moduix-line-height-text-md));
+  }
+
+  .root-cimEYC:is(h4):not([data-size]), .root-cimEYC[data-size="md"] {
+    --_heading-font-size: var(--moduix-heading-font-size-md, var(--moduix-text-lg));
+    --_heading-line-height: var(--moduix-heading-line-height-md, var(--moduix-line-height-text-lg));
+  }
+
+  .root-cimEYC:is(h3):not([data-size]), .root-cimEYC[data-size="lg"] {
+    --_heading-font-size: var(--moduix-heading-font-size-lg, var(--moduix-text-xl));
+    --_heading-line-height: var(--moduix-heading-line-height-lg, var(--moduix-line-height-text-xl));
+  }
+
+  .root-cimEYC:is(h2):not([data-size]), .root-cimEYC[data-size="xl"] {
+    --_heading-font-size: var(--moduix-heading-font-size-xl, var(--moduix-text-2xl));
+    --_heading-line-height: var(--moduix-heading-line-height-xl, var(--moduix-line-height-text-2xl));
+  }
+
+  .root-cimEYC[data-size="2xl"] {
+    --_heading-font-size: var(--moduix-heading-font-size-2xl, var(--moduix-text-3xl));
+    --_heading-line-height: var(--moduix-heading-line-height-2xl, var(--moduix-line-height-text-3xl));
+  }
+
+  .root-cimEYC[data-weight="regular"] {
+    --_heading-font-weight: var(--moduix-heading-font-weight-regular, var(--moduix-weight-regular));
+  }
+
+  .root-cimEYC[data-weight="medium"] {
+    --_heading-font-weight: var(--moduix-heading-font-weight-medium, var(--moduix-weight-medium));
+  }
+
+  .root-cimEYC[data-weight="bold"] {
+    --_heading-font-weight: var(--moduix-heading-font-weight-bold, var(--moduix-weight-bold));
+  }
+}
+

package/dist/components/heading/index.d.ts

@@ -0,0 +1 @@
+export * from './Heading.js';

package/dist/components/heading/index.js

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

package/dist/components/highlight/Highlight.d.ts

@@ -1,13 +1,7 @@
-import { ComponentProps } from "react";
-import { Highlight } from "@ark-ui/react/highlight";
-
-//#region src/components/highlight/Highlight.d.ts
-declare function HighlightRoot({
-  className,
-  ...props
-}: ComponentProps<typeof Highlight>): import("react").JSX.Element;
-declare const Highlight$1: typeof HighlightRoot & {
-  Root: typeof HighlightRoot;
+import { Highlight as HighlightPrimitive } from '@ark-ui/react/highlight';
+import type { ComponentProps } from 'react';
+declare function HighlightRoot({ className, ...props }: ComponentProps<typeof HighlightPrimitive>): import("react").JSX.Element;
+declare const Highlight: typeof HighlightRoot & {
+    Root: typeof HighlightRoot;
 };
-//#endregion
-export { Highlight$1 as Highlight };
+export { Highlight };

package/dist/components/highlight/Highlight.js

@@ -1,18 +1,18 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Highlight_module_default from "./Highlight.module.js";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Highlight } from "@ark-ui/react/highlight";
-//#region src/components/highlight/Highlight.tsx
+import { clsx } from "clsx";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Highlight_module from "./Highlight.module.js";
 function HighlightRoot({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Highlight, {
-		className: clsx(Highlight_module_default.root, normalizeClassName(className)),
-		"data-scope": "highlight",
-		"data-part": "root",
-		"data-slot": "highlight-root",
-		...props
-	});
+    return /*#__PURE__*/ jsx(Highlight, {
+        className: clsx(Highlight_module.root, normalizeClassName(className)),
+        "data-scope": "highlight",
+        "data-part": "root",
+        "data-slot": "highlight-root",
+        ...props
+    });
 }
-const Highlight$1 = Object.assign(HighlightRoot, { Root: HighlightRoot });
-//#endregion
-export { Highlight$1 as Highlight };
+const Highlight_Highlight = Object.assign(HighlightRoot, {
+    Root: HighlightRoot
+});
+export { Highlight_Highlight as Highlight };

package/dist/components/highlight/Highlight.module.js

@@ -1,5 +1,5 @@
-import './Highlight.css';
-//#region src/components/highlight/Highlight.module.css
-var Highlight_module_default = { "root": "UPU85W_root" };
-//#endregion
-export { Highlight_module_default as default };
+import "./Highlight_module.css";
+const Highlight_module = {
+    root: "root-O9wpTt"
+};
+export default Highlight_module;

package/dist/components/highlight/{Highlight.css → Highlight_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .UPU85W_root {
+  .root-O9wpTt {
     padding-block: var(--moduix-highlight-padding-y, .0625rem);
     padding-inline: var(--moduix-highlight-padding-x, var(--moduix-spacing-1));
     border-radius: var(--moduix-highlight-radius, var(--moduix-radius-xs));
@@ -13,3 +13,4 @@
     text-decoration: none;
   }
 }
+