@moduix/solid 1.0.0

package/dist/components/floating-panel/FloatingPanel_module.css

@@ -0,0 +1,309 @@
+@layer moduix.components {
+  .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))
+      var(--moduix-floating-panel-trigger-padding-x, var(--moduix-spacing-3));
+    border: var(--moduix-floating-panel-trigger-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-floating-panel-trigger-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-floating-panel-trigger-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-floating-panel-trigger-bg, var(--moduix-color-background));
+    color: var(--moduix-floating-panel-trigger-color, var(--moduix-color-foreground));
+    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)),
+      border-color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
+      color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-floating-panel-transition, var(--moduix-transition-default));
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .trigger-awuX4X:hover {
+      background-color: 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)));
+  }
+
+  .positioner-wbaVAV {
+    z-index: var(--z-index, var(--moduix-floating-panel-z-index, var(--moduix-z-popup)));
+    outline: 0;
+  }
+
+  .content-E0MFTN {
+    box-sizing: border-box;
+    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
+      var(--moduix-floating-panel-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-floating-panel-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-floating-panel-bg, var(--moduix-color-popover));
+    color: var(--moduix-floating-panel-color, var(--moduix-color-popover-foreground));
+    box-shadow: var(--moduix-floating-panel-shadow, var(--moduix-shadow-lg));
+    transform-origin: var(--transform-origin);
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .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;
+  }
+
+  .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;
+  }
+
+  .content-E0MFTN[data-behind] {
+    opacity: var(--moduix-floating-panel-behind-opacity, .55);
+  }
+
+  .content-E0MFTN[data-minimized] {
+    min-height: 0;
+  }
+
+  .dragTrigger-RpAl6o {
+    display: block;
+  }
+
+  .header-an6_mA {
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--moduix-floating-panel-header-gap, var(--moduix-spacing-3));
+    min-height: var(--moduix-floating-panel-header-height, var(--moduix-size-xl));
+    padding: var(--moduix-floating-panel-header-padding-y, var(--moduix-spacing-2))
+      var(--moduix-floating-panel-header-padding-x, var(--moduix-spacing-3));
+    border-bottom: var(--moduix-floating-panel-header-border-width, var(--moduix-border-width-sm))
+      solid
+      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;
+  }
+
+  .header-an6_mA[data-dragging] {
+    cursor: grabbing;
+  }
+
+  .header-an6_mA[data-minimized] {
+    border-bottom-color: #0000;
+  }
+
+  .title-LhPus2 {
+    align-items: center;
+    gap: var(--moduix-floating-panel-title-gap, var(--moduix-spacing-2));
+    min-width: 0;
+    color: var(--moduix-floating-panel-title-color, var(--moduix-floating-panel-color, var(--moduix-color-popover-foreground)));
+    font-size: var(--moduix-floating-panel-title-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-floating-panel-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-floating-panel-title-line-height, var(--moduix-line-height-text-sm));
+    margin: 0;
+    display: inline-flex;
+  }
+
+  .control-fFWykW {
+    align-items: center;
+    gap: var(--moduix-floating-panel-control-gap, var(--moduix-spacing-1));
+    flex: none;
+    display: inline-flex;
+  }
+
+  .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));
+    border: var(--moduix-floating-panel-control-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-floating-panel-control-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-floating-panel-control-radius, var(--moduix-radius-sm));
+    background-color: var(--moduix-floating-panel-control-bg, var(--moduix-color-background));
+    color: var(--moduix-floating-panel-control-color, var(--moduix-color-foreground));
+    font: inherit;
+    cursor: pointer;
+    transition: background-color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
+      color var(--moduix-floating-panel-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-floating-panel-transition, var(--moduix-transition-default));
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .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) {
+    .controlButton-E61lzL:hover {
+      background-color: var(--moduix-floating-panel-control-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .trigger-awuX4X:focus-visible, .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))) *
+        -1);
+  }
+
+  .trigger-awuX4X:is([data-disabled], [disabled]), .controlButton-E61lzL:is([data-disabled], [disabled]) {
+    pointer-events: none;
+    opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
+  }
+
+  .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;
+  }
+
+  .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));
+  }
+
+  .body-As5cBj {
+    box-sizing: border-box;
+    min-height: 0;
+    padding: var(--moduix-floating-panel-body-padding, var(--moduix-spacing-4));
+    color: var(--moduix-floating-panel-body-color, var(--moduix-floating-panel-color, var(--moduix-color-popover-foreground)));
+    font-size: var(--moduix-floating-panel-body-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-floating-panel-body-line-height, var(--moduix-line-height-text-sm));
+    flex: auto;
+    overflow: auto;
+  }
+
+  .body-As5cBj[data-minimized] {
+    display: none;
+  }
+
+  .footer-sMNhjQ {
+    box-sizing: border-box;
+    align-items: center;
+    justify-content: var(--moduix-floating-panel-footer-justify, flex-end);
+    gap: var(--moduix-floating-panel-footer-gap, var(--moduix-spacing-2));
+    padding: var(--moduix-floating-panel-footer-padding-y, var(--moduix-spacing-2))
+      var(--moduix-floating-panel-footer-padding-x, var(--moduix-spacing-3));
+    border-top: var(--moduix-floating-panel-footer-border-width, var(--moduix-border-width-sm))
+      solid
+      var(--moduix-floating-panel-footer-border-color, var(--moduix-floating-panel-border-color, var(--moduix-color-border)));
+    color: var(--moduix-floating-panel-footer-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-floating-panel-footer-font-size, var(--moduix-text-xs));
+    line-height: var(--moduix-floating-panel-footer-line-height, var(--moduix-line-height-text-xs));
+    flex: none;
+    display: flex;
+  }
+
+  .footer-sMNhjQ[data-minimized] {
+    display: none;
+  }
+
+  .resizeTrigger-ciQngF {
+    position: absolute;
+  }
+
+  .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);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="n"] {
+    top: calc(var(--moduix-spacing-2) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="s"] {
+    bottom: calc(var(--moduix-spacing-2) / -2);
+  }
+
+  .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));
+  }
+
+  .resizeTrigger-ciQngF[data-axis="e"] {
+    right: calc(var(--moduix-spacing-2) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="w"] {
+    left: calc(var(--moduix-spacing-2) / -2);
+  }
+
+  .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);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="ne"] {
+    top: calc(var(--moduix-spacing-3) / -2);
+    right: calc(var(--moduix-spacing-3) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="nw"] {
+    top: calc(var(--moduix-spacing-3) / -2);
+    left: calc(var(--moduix-spacing-3) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="se"] {
+    right: calc(var(--moduix-spacing-3) / -2);
+    bottom: calc(var(--moduix-spacing-3) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-axis="sw"] {
+    bottom: calc(var(--moduix-spacing-3) / -2);
+    left: calc(var(--moduix-spacing-3) / -2);
+  }
+
+  .resizeTrigger-ciQngF[data-disabled] {
+    pointer-events: none;
+  }
+
+  @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))
+        var(--moduix-floating-panel-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0));
+      scale: var(--moduix-floating-panel-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)));
+    }
+  }
+
+  @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))
+        var(--moduix-floating-panel-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0));
+      scale: var(--moduix-floating-panel-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)));
+    }
+  }
+}
+

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

@@ -0,0 +1,2 @@
+export { FloatingPanel, resizeTriggerAxes, useFloatingPanel, useFloatingPanelContext, } from './FloatingPanel.js';
+export type { FloatingPanelRootProps, FloatingPanelRootProviderProps } from './FloatingPanel.js';

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

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

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

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

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

@@ -0,0 +1,19 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingRootProps = HTMLArkProps<'h1'> & {
+    as?: HeadingElement;
+    size?: HeadingSize;
+    weight?: HeadingWeight;
+    'data-scope'?: string;
+    'data-part'?: string;
+    'data-slot'?: string;
+    'data-size'?: string;
+    'data-weight'?: string;
+};
+declare function HeadingRoot(props: HeadingRootProps): import("solid-js").JSX.Element;
+declare const Heading: typeof HeadingRoot & {
+    Root: typeof HeadingRoot;
+};
+export { Heading };

package/dist/components/heading/Heading.js

@@ -0,0 +1,53 @@
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { splitProps } from "solid-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
+};
+function HeadingRoot(props) {
+    const [local, others] = splitProps(props, [
+        'as',
+        'asChild',
+        'size',
+        'weight',
+        'class',
+        'data-scope',
+        'data-part',
+        'data-slot',
+        'data-size',
+        'data-weight'
+    ]);
+    const Element = ()=>Heading_elements[local.as ?? 'h1'];
+    return createComponent(Dynamic, mergeProps({
+        get component () {
+            return Element();
+        },
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "heading",
+        "data-part": "root",
+        "data-slot": "heading-root",
+        get ["data-size"] () {
+            return local.size;
+        },
+        get ["data-weight"] () {
+            return local.weight ?? 'semibold';
+        },
+        get ["class"] () {
+            return clsx(Heading_module.root, local.class);
+        }
+    }));
+}
+const Heading = Object.assign(HeadingRoot, {
+    Root: HeadingRoot
+});
+export { Heading };

package/dist/components/heading/Heading.jsx

@@ -0,0 +1,33 @@
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import Heading_module from "./Heading.module.jsx";
+const Heading_elements = {
+    h1: ark.h1,
+    h2: ark.h2,
+    h3: ark.h3,
+    h4: ark.h4,
+    h5: ark.h5,
+    h6: ark.h6
+};
+function HeadingRoot(props) {
+    const [local, others] = splitProps(props, [
+        'as',
+        'asChild',
+        'size',
+        'weight',
+        'class',
+        'data-scope',
+        'data-part',
+        'data-slot',
+        'data-size',
+        'data-weight'
+    ]);
+    const Element = ()=>Heading_elements[local.as ?? 'h1'];
+    return <Dynamic component={Element()} asChild={local.asChild} {...others} data-scope="heading" data-part="root" data-slot="heading-root" data-size={local.size} data-weight={local.weight ?? 'semibold'} class={clsx(Heading_module.root, local.class)}/>;
+}
+const Heading = Object.assign(HeadingRoot, {
+    Root: HeadingRoot
+});
+export { Heading };

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

@@ -0,0 +1,5 @@
+import "./Heading_module.css";
+const Heading_module = {
+    root: "root-cimEYC"
+};
+export default Heading_module;

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

@@ -0,0 +1,5 @@
+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/heading/index.jsx

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

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

@@ -0,0 +1,12 @@
+import { Highlight as HighlightPrimitive } from '@ark-ui/solid/highlight';
+import type { ComponentProps } from 'solid-js';
+type HighlightRootProps = ComponentProps<typeof HighlightPrimitive> & {
+    'data-scope'?: string;
+    'data-part'?: string;
+    'data-slot'?: string;
+};
+declare function HighlightRoot(props: HighlightRootProps): import("solid-js").JSX.Element;
+declare const Highlight: typeof HighlightRoot & {
+    Root: typeof HighlightRoot;
+};
+export { Highlight };

package/dist/components/highlight/Highlight.js

@@ -0,0 +1,25 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { Highlight } from "@ark-ui/solid/highlight";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Highlight_module from "./Highlight.module.js";
+function HighlightRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'data-scope',
+        'data-part',
+        'data-slot'
+    ]);
+    return createComponent(Highlight, mergeProps(others, {
+        "data-scope": "highlight",
+        "data-part": "root",
+        "data-slot": "highlight-root",
+        get ["class"] () {
+            return clsx(Highlight_module.root, local.class);
+        }
+    }));
+}
+const Highlight_Highlight = Object.assign(HighlightRoot, {
+    Root: HighlightRoot
+});
+export { Highlight_Highlight as Highlight };

package/dist/components/highlight/Highlight.jsx

@@ -0,0 +1,17 @@
+import { Highlight } from "@ark-ui/solid/highlight";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Highlight_module from "./Highlight.module.jsx";
+function HighlightRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'data-scope',
+        'data-part',
+        'data-slot'
+    ]);
+    return <Highlight {...others} data-scope="highlight" data-part="root" data-slot="highlight-root" class={clsx(Highlight_module.root, local.class)}/>;
+}
+const Highlight_Highlight = Object.assign(HighlightRoot, {
+    Root: HighlightRoot
+});
+export { Highlight_Highlight as Highlight };

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

@@ -0,0 +1,5 @@
+import "./Highlight_module.css";
+const Highlight_module = {
+    root: "root-O9wpTt"
+};
+export default Highlight_module;

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

@@ -0,0 +1,5 @@
+import "./Highlight_module.css";
+const Highlight_module = {
+    root: "root-O9wpTt"
+};
+export default Highlight_module;

package/dist/components/highlight/Highlight_module.css

@@ -0,0 +1,16 @@
+@layer moduix.components {
+  .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));
+    background-color: var(--moduix-highlight-bg, color-mix(in oklab, var(--moduix-color-warning) 40%, var(--moduix-color-accent)));
+    color: var(--moduix-highlight-color, var(--moduix-color-foreground));
+    box-shadow: var(--moduix-highlight-shadow, none);
+    font: inherit;
+    font-weight: var(--moduix-highlight-font-weight, var(--moduix-weight-medium));
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+    text-decoration: none;
+  }
+}
+

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

@@ -0,0 +1 @@
+export { Highlight } from './Highlight.js';

package/dist/components/highlight/index.js

@@ -0,0 +1 @@
+export { Highlight } from "./Highlight.js";

package/dist/components/highlight/index.jsx

@@ -0,0 +1 @@
+export { Highlight } from "./Highlight.jsx";

package/dist/components/hover-card/HoverCard.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+import { HoverCard as HoverCardPrimitive, useHoverCard, useHoverCardContext } from '@ark-ui/solid/hover-card';
+import type { ComponentProps } from 'solid-js';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type HoverCardRootProps = ComponentProps<typeof HoverCardPrimitive.Root> & OverlayPortalProps;
+type HoverCardRootProviderProps = ComponentProps<typeof HoverCardPrimitive.RootProvider> & OverlayPortalProps;
+declare function HoverCardRoot(props: HoverCardRootProps): import("solid-js").JSX.Element;
+declare function HoverCardRootProvider(props: HoverCardRootProviderProps): import("solid-js").JSX.Element;
+declare function HoverCardTrigger(props: ComponentProps<typeof HoverCardPrimitive.Trigger>): import("solid-js").JSX.Element;
+declare function HoverCardPositioner(props: ComponentProps<typeof HoverCardPrimitive.Positioner>): import("solid-js").JSX.Element;
+declare function HoverCardContent(props: ComponentProps<typeof HoverCardPrimitive.Content>): import("solid-js").JSX.Element;
+declare function HoverCardArrow(props: ComponentProps<typeof HoverCardPrimitive.Arrow>): import("solid-js").JSX.Element;
+declare function HoverCardArrowTip(props: ComponentProps<typeof HoverCardPrimitive.ArrowTip>): import("solid-js").JSX.Element;
+declare function HoverCardBody(props: HTMLArkProps<'div'>): import("solid-js").JSX.Element;
+declare const HoverCard: typeof HoverCardRoot & {
+    Root: typeof HoverCardRoot;
+    RootProvider: typeof HoverCardRootProvider;
+    Trigger: typeof HoverCardTrigger;
+    Positioner: typeof HoverCardPositioner;
+    Content: typeof HoverCardContent;
+    Arrow: typeof HoverCardArrow;
+    ArrowTip: typeof HoverCardArrowTip;
+    Body: typeof HoverCardBody;
+    Context: (props: HoverCardPrimitive.ContextProps) => import("solid-js").JSX.Element;
+};
+export { HoverCard, useHoverCard, useHoverCardContext };
+export type { HoverCardRootProps, HoverCardRootProviderProps };