@moduix/react 2.1.0 → 2.2.4

package/dist/components/alert/Alert.js

@@ -1,81 +1,79 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Alert_module_default from "./Alert.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/alert/Alert.tsx
-const AlertRoot = forwardRef(function AlertRoot({ children, className, role, status = "neutral", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		role: role ?? (status === "error" ? "alert" : "status"),
-		"data-scope": "alert",
-		"data-part": "root",
-		"data-slot": "alert-root",
-		"data-status": status,
-		className: clsx(Alert_module_default.root, normalizeClassName(className)),
-		...props,
-		children
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Alert_module from "./Alert.module.js";
+const Alert_AlertRoot = /*#__PURE__*/ forwardRef(function({ children, className, role, status = 'neutral', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        role: role ?? ('error' === status ? 'alert' : 'status'),
+        "data-scope": "alert",
+        "data-part": "root",
+        "data-slot": "alert-root",
+        "data-status": status,
+        className: clsx(Alert_module.root, normalizeClassName(className)),
+        ...props,
+        children: children
+    });
 });
-const AlertIndicator = forwardRef(function AlertIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-scope": "alert",
-		"data-part": "indicator",
-		"data-slot": "alert-indicator",
-		"aria-hidden": "true",
-		className: clsx(Alert_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const Alert_AlertIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-scope": "alert",
+        "data-part": "indicator",
+        "data-slot": "alert-indicator",
+        "aria-hidden": "true",
+        className: clsx(Alert_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const AlertContent = forwardRef(function AlertContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "alert",
-		"data-part": "content",
-		"data-slot": "alert-content",
-		className: clsx(Alert_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Alert_AlertContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "alert",
+        "data-part": "content",
+        "data-slot": "alert-content",
+        className: clsx(Alert_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const AlertTitle = forwardRef(function AlertTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.p, {
-		ref,
-		"data-scope": "alert",
-		"data-part": "title",
-		"data-slot": "alert-title",
-		className: clsx(Alert_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const Alert_AlertTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.p, {
+        ref: ref,
+        "data-scope": "alert",
+        "data-part": "title",
+        "data-slot": "alert-title",
+        className: clsx(Alert_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const AlertDescription = forwardRef(function AlertDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "alert",
-		"data-part": "description",
-		"data-slot": "alert-description",
-		className: clsx(Alert_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const Alert_AlertDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "alert",
+        "data-part": "description",
+        "data-slot": "alert-description",
+        className: clsx(Alert_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const AlertActions = forwardRef(function AlertActions({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "alert",
-		"data-part": "actions",
-		"data-slot": "alert-actions",
-		className: clsx(Alert_module_default.actions, normalizeClassName(className)),
-		...props
-	});
+const Alert_AlertActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "alert",
+        "data-part": "actions",
+        "data-slot": "alert-actions",
+        className: clsx(Alert_module.actions, normalizeClassName(className)),
+        ...props
+    });
 });
-const Alert = Object.assign(AlertRoot, {
-	Root: AlertRoot,
-	Indicator: AlertIndicator,
-	Content: AlertContent,
-	Title: AlertTitle,
-	Description: AlertDescription,
-	Actions: AlertActions
+const Alert = Object.assign(Alert_AlertRoot, {
+    Root: Alert_AlertRoot,
+    Indicator: Alert_AlertIndicator,
+    Content: Alert_AlertContent,
+    Title: Alert_AlertTitle,
+    Description: Alert_AlertDescription,
+    Actions: Alert_AlertActions
 });
-//#endregion
 export { Alert };

package/dist/components/alert/Alert.module.js

@@ -1,12 +1,10 @@
-import './Alert.css';
-//#region src/components/alert/Alert.module.css
-var Alert_module_default = {
-	"actions": "ZXk2dW_actions",
-	"content": "ZXk2dW_content",
-	"description": "ZXk2dW_description",
-	"indicator": "ZXk2dW_indicator",
-	"root": "ZXk2dW_root",
-	"title": "ZXk2dW_title"
+import "./Alert_module.css";
+const Alert_module = {
+    root: "root-QHB4Xj",
+    indicator: "indicator-FFj13M",
+    content: "content-wQ3ew3",
+    title: "title-O9DOvg",
+    description: "description-ph4U3F",
+    actions: "actions-DaD8DZ"
 };
-//#endregion
-export { Alert_module_default as default };
+export default Alert_module;

package/dist/components/alert/Alert_module.css

@@ -0,0 +1,139 @@
+@layer moduix.components {
+  .root-QHB4Xj {
+    box-sizing: border-box;
+    align-items: start;
+    row-gap: var(--moduix-alert-content-gap, var(--moduix-spacing-1));
+    column-gap: var(--moduix-alert-gap, var(--moduix-spacing-3));
+    border: var(--moduix-alert-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-alert-border-color, var(--moduix-alert-border-color-default, var(--moduix-color-border)));
+    border-radius: var(--moduix-alert-radius, var(--moduix-radius-lg));
+    width: 100%;
+    min-width: 0;
+    padding: var(--moduix-alert-padding, var(--moduix-spacing-3));
+    background-color: var(--moduix-alert-bg, var(--moduix-alert-bg-default, var(--moduix-color-card)));
+    color: var(--moduix-alert-color, var(--moduix-alert-color-default, var(--moduix-color-card-foreground)));
+    box-shadow: var(--moduix-alert-shadow, none);
+    grid-template-columns: auto minmax(0, 1fr);
+    display: grid;
+  }
+
+  .root-QHB4Xj > [data-part="title"], .root-QHB4Xj > [data-part="description"] {
+    grid-column: 2;
+  }
+
+  .root-QHB4Xj[data-status="neutral"] {
+    --moduix-alert-bg-default: var(--moduix-color-card);
+    --moduix-alert-border-color-default: var(--moduix-color-border);
+    --moduix-alert-color-default: var(--moduix-color-card-foreground);
+    --moduix-alert-indicator-color-default: var(--moduix-color-muted-foreground);
+  }
+
+  .root-QHB4Xj[data-status="info"] {
+    --moduix-alert-bg-default: color-mix(in oklab,
+        var(--moduix-color-primary) 4%,
+        var(--moduix-color-background));
+    --moduix-alert-border-color-default: color-mix(in oklab,
+        var(--moduix-color-primary) 32%,
+        transparent);
+    --moduix-alert-color-default: var(--moduix-color-foreground);
+    --moduix-alert-indicator-color-default: var(--moduix-color-primary);
+  }
+
+  .root-QHB4Xj[data-status="success"] {
+    --moduix-alert-bg-default: color-mix(in oklab,
+        var(--moduix-color-success) 10%,
+        var(--moduix-color-background));
+    --moduix-alert-border-color-default: color-mix(in oklab,
+        var(--moduix-color-success) 34%,
+        transparent);
+    --moduix-alert-color-default: var(--moduix-color-foreground);
+    --moduix-alert-indicator-color-default: var(--moduix-color-success);
+  }
+
+  .root-QHB4Xj[data-status="warning"] {
+    --moduix-alert-bg-default: color-mix(in oklab,
+        var(--moduix-color-warning) 13%,
+        var(--moduix-color-background));
+    --moduix-alert-border-color-default: color-mix(in oklab,
+        var(--moduix-color-warning) 38%,
+        transparent);
+    --moduix-alert-color-default: var(--moduix-color-foreground);
+    --moduix-alert-indicator-color-default: var(--moduix-color-warning);
+  }
+
+  .root-QHB4Xj[data-status="error"] {
+    --moduix-alert-bg-default: color-mix(in oklab,
+        var(--moduix-color-destructive) 9%,
+        var(--moduix-color-background));
+    --moduix-alert-border-color-default: color-mix(in oklab,
+        var(--moduix-color-destructive) 35%,
+        transparent);
+    --moduix-alert-color-default: var(--moduix-color-foreground);
+    --moduix-alert-indicator-color-default: var(--moduix-color-destructive);
+  }
+
+  .root-QHB4Xj:not(:has( > [data-part="indicator"])) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .root-QHB4Xj:not(:has( > [data-part="indicator"])) > [data-part="content"], .root-QHB4Xj:not(:has( > [data-part="indicator"])) > [data-part="title"], .root-QHB4Xj:not(:has( > [data-part="indicator"])) > [data-part="description"] {
+    grid-column: 1;
+  }
+
+  .indicator-FFj13M {
+    width: var(--moduix-alert-indicator-size, var(--moduix-spacing-4));
+    height: var(--moduix-alert-indicator-size, var(--moduix-spacing-4));
+    color: var(--moduix-alert-indicator-color, var(--moduix-alert-indicator-color-default, currentColor));
+    justify-content: center;
+    align-items: center;
+    margin-block-start: var(--moduix-alert-indicator-offset, var(--moduix-spacing-0-5));
+    display: inline-flex;
+  }
+
+  .indicator-FFj13M :where(svg) {
+    width: var(--moduix-alert-indicator-size, var(--moduix-spacing-4));
+    height: var(--moduix-alert-indicator-size, var(--moduix-spacing-4));
+    pointer-events: none;
+    flex-shrink: 0;
+  }
+
+  .content-wQ3ew3 {
+    gap: var(--moduix-alert-content-gap, var(--moduix-spacing-1));
+    min-width: 0;
+    display: grid;
+  }
+
+  .title-O9DOvg {
+    min-width: 0;
+    color: var(--moduix-alert-title-color, var(--moduix-alert-color, var(--moduix-alert-color-default)));
+    font-size: var(--moduix-alert-title-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-alert-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-alert-title-line-height, var(--moduix-line-height-text-sm));
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .description-ph4U3F {
+    min-width: 0;
+    color: var(--moduix-alert-description-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-alert-description-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-alert-description-line-height, var(--moduix-line-height-text-sm));
+    overflow-wrap: anywhere;
+  }
+
+  .description-ph4U3F > :first-child {
+    margin-top: 0;
+  }
+
+  .description-ph4U3F > :last-child {
+    margin-bottom: 0;
+  }
+
+  .actions-DaD8DZ {
+    gap: var(--moduix-alert-actions-gap, var(--moduix-spacing-2));
+    flex-wrap: wrap;
+    margin-block-start: var(--moduix-alert-actions-margin-top, var(--moduix-spacing-2));
+    display: flex;
+  }
+}
+

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

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

package/dist/components/alert/index.js

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

package/dist/components/angle-slider/AngleSlider.d.ts

@@ -1,32 +1,26 @@
-import { ComponentProps } from "react";
-import { AngleSlider } from "@ark-ui/react/angle-slider";
-
-//#region src/components/angle-slider/AngleSlider.d.ts
-declare function AngleSliderMarks({
-  values,
-  ...props
-}: ComponentProps<typeof AngleSlider.MarkerGroup> & {
-  values: readonly number[];
-}): import("react").JSX.Element;
-declare function AngleSliderDial({
-  children,
-  thumbClassName,
-  ...props
-}: ComponentProps<typeof AngleSlider.Control> & {
-  thumbClassName?: string;
-}): import("react").JSX.Element;
-declare const AngleSlider$1: import("react").ForwardRefExoticComponent<Omit<AngleSlider.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<AngleSlider.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<AngleSlider.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<AngleSlider.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<AngleSlider.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Dial: typeof AngleSliderDial;
-  Thumb: import("react").ForwardRefExoticComponent<Omit<AngleSlider.ThumbProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  MarkerGroup: import("react").ForwardRefExoticComponent<Omit<AngleSlider.MarkerGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Marker: import("react").ForwardRefExoticComponent<Omit<AngleSlider.MarkerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Marks: typeof AngleSliderMarks;
-  ValueText: import("react").ForwardRefExoticComponent<Omit<AngleSlider.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { AngleSlider as AngleSliderPrimitive, useAngleSliderContext } from '@ark-ui/react/angle-slider';
+import type { ComponentProps, ReactNode } from 'react';
+type AngleSliderMarksProps = Omit<ComponentProps<typeof AngleSliderPrimitive.MarkerGroup>, 'asChild' | 'children'> & {
+    values: readonly number[];
 };
-declare const useAngleSlider$1: (props?: import("@ark-ui/react/angle-slider").UseAngleSliderProps) => import("@ark-ui/react/angle-slider").UseAngleSliderReturn;
-//#endregion
-export { AngleSlider$1 as AngleSlider, useAngleSlider$1 as useAngleSlider };
+declare function AngleSliderMarks({ values, ...props }: AngleSliderMarksProps): import("react").JSX.Element;
+type AngleSliderDialProps = Omit<ComponentProps<typeof AngleSliderPrimitive.Control>, 'asChild' | 'children'> & {
+    children?: ReactNode;
+    thumbClassName?: string;
+};
+declare function AngleSliderDial({ children, thumbClassName, ...props }: AngleSliderDialProps): import("react").JSX.Element;
+declare const AngleSlider: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: AngleSliderPrimitive.ContextProps) => ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Dial: typeof AngleSliderDial;
+    Thumb: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.ThumbProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    MarkerGroup: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.MarkerGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Marker: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.MarkerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Marks: typeof AngleSliderMarks;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<AngleSliderPrimitive.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare const useAngleSlider: (props?: import("@ark-ui/react/angle-slider").UseAngleSliderProps) => import("@ark-ui/react/angle-slider").UseAngleSliderReturn;
+export { AngleSlider, useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/AngleSlider.js

@@ -1,108 +1,122 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import AngleSlider_module_default from "./AngleSlider.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AngleSlider, useAngleSlider, useAngleSliderContext } from "@ark-ui/react/angle-slider";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { AngleSlider, useAngleSlider } from "@ark-ui/react/angle-slider";
-//#region src/components/angle-slider/AngleSlider.tsx
-const AngleSliderRoot = forwardRef(function AngleSliderRoot({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Root, {
-		ref,
-		"data-slot": "angle-slider-root",
-		className: clsx(AngleSlider_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import AngleSlider_module from "./AngleSlider.module.js";
+const AngleSlider_AngleSliderRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Root, {
+        ref: ref,
+        "data-slot": "angle-slider-root",
+        className: clsx(AngleSlider_module.root, normalizeClassName(className)),
+        asChild: asChild,
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const AngleSliderLabel = forwardRef(function AngleSliderLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Label, {
-		ref,
-		"data-slot": "angle-slider-label",
-		className: clsx(AngleSlider_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Label, {
+        ref: ref,
+        "data-slot": "angle-slider-label",
+        className: clsx(AngleSlider_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderRootProvider = forwardRef(function AngleSliderRootProvider({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.RootProvider, {
-		ref,
-		"data-slot": "angle-slider-root-provider",
-		className: clsx(AngleSlider_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+const AngleSlider_AngleSliderRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.RootProvider, {
+        ref: ref,
+        "data-slot": "angle-slider-root-provider",
+        className: clsx(AngleSlider_module.root, normalizeClassName(className)),
+        asChild: asChild,
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(AngleSlider.HiddenInput, { "data-slot": "angle-slider-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(AngleSlider.HiddenInput, {
+        "data-slot": "angle-slider-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const AngleSliderControl = forwardRef(function AngleSliderControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Control, {
-		ref,
-		"data-slot": "angle-slider-control",
-		className: clsx(AngleSlider_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Control, {
+        ref: ref,
+        "data-slot": "angle-slider-control",
+        className: clsx(AngleSlider_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderThumb = forwardRef(function AngleSliderThumb({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Thumb, {
-		ref,
-		"data-slot": "angle-slider-thumb",
-		className: clsx(AngleSlider_module_default.thumb, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Thumb, {
+        ref: ref,
+        "data-slot": "angle-slider-thumb",
+        className: clsx(AngleSlider_module.thumb, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderMarkerGroup = forwardRef(function AngleSliderMarkerGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.MarkerGroup, {
-		ref,
-		"data-slot": "angle-slider-marker-group",
-		className: clsx(AngleSlider_module_default.markerGroup, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderMarkerGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.MarkerGroup, {
+        ref: ref,
+        "data-slot": "angle-slider-marker-group",
+        className: clsx(AngleSlider_module.markerGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderMarker = forwardRef(function AngleSliderMarker({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Marker, {
-		ref,
-		"data-slot": "angle-slider-marker",
-		className: clsx(AngleSlider_module_default.marker, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Marker, {
+        ref: ref,
+        "data-slot": "angle-slider-marker",
+        className: clsx(AngleSlider_module.marker, normalizeClassName(className)),
+        ...props
+    });
 });
 function AngleSliderMarks({ values, ...props }) {
-	return /* @__PURE__ */ jsx(AngleSliderMarkerGroup, {
-		...props,
-		children: values.map((value) => /* @__PURE__ */ jsx(AngleSliderMarker, { value }, value))
-	});
+    return /*#__PURE__*/ jsx(AngleSlider_AngleSliderMarkerGroup, {
+        ...props,
+        children: values.map((value)=>/*#__PURE__*/ jsx(AngleSlider_AngleSliderMarker, {
+                value: value
+            }, value))
+    });
 }
 function AngleSliderDial({ children, thumbClassName, ...props }) {
-	return /* @__PURE__ */ jsxs(AngleSliderControl, {
-		...props,
-		children: [children, /* @__PURE__ */ jsx(AngleSliderThumb, { className: thumbClassName })]
-	});
+    return /*#__PURE__*/ jsxs(AngleSlider_AngleSliderControl, {
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(AngleSlider_AngleSliderThumb, {
+                className: thumbClassName
+            })
+        ]
+    });
 }
-const AngleSliderValueText = forwardRef(function AngleSliderValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.ValueText, {
-		ref,
-		"data-slot": "angle-slider-value-text",
-		className: clsx(AngleSlider_module_default.valueText, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.ValueText, {
+        ref: ref,
+        "data-slot": "angle-slider-value-text",
+        className: clsx(AngleSlider_module.valueText, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSlider$1 = Object.assign(AngleSliderRoot, {
-	Root: AngleSliderRoot,
-	RootProvider: AngleSliderRootProvider,
-	Label: AngleSliderLabel,
-	Control: AngleSliderControl,
-	Dial: AngleSliderDial,
-	Thumb: AngleSliderThumb,
-	MarkerGroup: AngleSliderMarkerGroup,
-	Marker: AngleSliderMarker,
-	Marks: AngleSliderMarks,
-	ValueText: AngleSliderValueText
+const AngleSlider_AngleSlider = Object.assign(AngleSlider_AngleSliderRoot, {
+    Root: AngleSlider_AngleSliderRoot,
+    RootProvider: AngleSlider_AngleSliderRootProvider,
+    Context: AngleSlider.Context,
+    Label: AngleSlider_AngleSliderLabel,
+    Control: AngleSlider_AngleSliderControl,
+    Dial: AngleSliderDial,
+    Thumb: AngleSlider_AngleSliderThumb,
+    MarkerGroup: AngleSlider_AngleSliderMarkerGroup,
+    Marker: AngleSlider_AngleSliderMarker,
+    Marks: AngleSliderMarks,
+    ValueText: AngleSlider_AngleSliderValueText
 });
-const useAngleSlider$1 = useAngleSlider;
-//#endregion
-export { AngleSlider$1 as AngleSlider, useAngleSlider$1 as useAngleSlider };
+const AngleSlider_useAngleSlider = useAngleSlider;
+export { AngleSlider_AngleSlider as AngleSlider, AngleSlider_useAngleSlider as useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/AngleSlider.module.js

@@ -1,13 +1,11 @@
-import './AngleSlider.css';
-//#region src/components/angle-slider/AngleSlider.module.css
-var AngleSlider_module_default = {
-	"control": "vn7zXa_control",
-	"label": "vn7zXa_label",
-	"marker": "vn7zXa_marker",
-	"markerGroup": "vn7zXa_markerGroup",
-	"root": "vn7zXa_root",
-	"thumb": "vn7zXa_thumb",
-	"valueText": "vn7zXa_valueText"
+import "./AngleSlider_module.css";
+const AngleSlider_module = {
+    root: "root-vVzCs9",
+    label: "label-VII5tE",
+    control: "control-TKuxcQ",
+    thumb: "thumb-BSrcel",
+    markerGroup: "markerGroup-Ga67fO",
+    marker: "marker-kWcrOw",
+    valueText: "valueText-QUG00u"
 };
-//#endregion
-export { AngleSlider_module_default as default };
+export default AngleSlider_module;