@moduix/react 2.1.0 → 2.2.4

package/dist/components/tags-input/index.js

@@ -0,0 +1 @@
+export { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "./TagsInput.js";

package/dist/components/text/Text.d.ts

@@ -1,19 +1,9 @@
-//#region src/components/text/Text.d.ts
 type TextElement = 'p' | 'span' | 'small' | 'strong' | 'em' | 'div';
 type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type TextTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
-type TextAlign = 'left' | 'center' | 'right';
+type TextAlign = 'start' | 'center' | 'end' | 'left' | 'right' | 'justify';
 declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  as?: TextElement;
-  size?: TextSize;
-  weight?: TextWeight;
-  tone?: TextTone;
-  align?: TextAlign;
-  truncate?: boolean;
-  lineClamp?: number;
-} & import("react").RefAttributes<HTMLElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     as?: TextElement;
     size?: TextSize;
     weight?: TextWeight;
@@ -21,7 +11,15 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react
     align?: TextAlign;
     truncate?: boolean;
     lineClamp?: number;
-  } & import("react").RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        as?: TextElement;
+        size?: TextSize;
+        weight?: TextWeight;
+        tone?: TextTone;
+        align?: TextAlign;
+        truncate?: boolean;
+        lineClamp?: number;
+    } & import("react").RefAttributes<HTMLElement>>;
 };
-//#endregion
-export { Text };
+export { Text };

package/dist/components/text/Text.js

@@ -1,43 +1,44 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Text_module_default from "./Text.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/text/Text.tsx
-const elements = {
-	div: ark.div,
-	em: ark.em,
-	p: ark.p,
-	small: ark.small,
-	span: ark.span,
-	strong: ark.strong
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Text_module from "./Text.module.js";
+const Text_elements = {
+    div: ark.div,
+    em: ark.em,
+    p: ark.p,
+    small: ark.small,
+    span: ark.span,
+    strong: ark.strong
 };
-const TextRoot = forwardRef(function TextRoot({ as, asChild, size, weight, tone = "default", align, truncate, lineClamp, className, style, ...props }, ref) {
-	const Element = elements[as ?? "p"];
-	const defaultSize = as === "small" ? "sm" : "md";
-	const defaultWeight = as === "strong" ? "semibold" : "regular";
-	const lineClampStyle = lineClamp === void 0 ? style : {
-		...style,
-		"--text-line-clamp": lineClamp
-	};
-	return /* @__PURE__ */ jsx(Element, {
-		ref,
-		asChild,
-		...props,
-		"data-scope": "text",
-		"data-part": "root",
-		"data-slot": "text-root",
-		"data-size": size ?? defaultSize,
-		"data-weight": weight ?? defaultWeight,
-		"data-tone": tone,
-		"data-align": align,
-		"data-truncate": truncate ? "" : void 0,
-		"data-line-clamp": lineClamp === void 0 ? void 0 : "",
-		className: clsx(Text_module_default.root, normalizeClassName(className)),
-		style: lineClampStyle
-	});
+const Text_TextRoot = /*#__PURE__*/ forwardRef(function({ as, asChild, size, weight, tone = 'default', align, truncate, lineClamp, className, style, ...props }, ref) {
+    const Element = Text_elements[as ?? 'p'];
+    const defaultSize = 'small' === as ? 'sm' : 'md';
+    const defaultWeight = 'strong' === as ? 'semibold' : 'regular';
+    const resolvedLineClamp = Number.isInteger(lineClamp) && (lineClamp ?? 0) > 0 ? lineClamp : void 0;
+    const lineClampStyle = void 0 === resolvedLineClamp ? style : {
+        ...style,
+        '--moduix-text-line-clamp': resolvedLineClamp
+    };
+    return /*#__PURE__*/ jsx(Element, {
+        ref: ref,
+        asChild: asChild,
+        ...props,
+        "data-scope": "text",
+        "data-part": "root",
+        "data-slot": "text-root",
+        "data-size": size ?? defaultSize,
+        "data-weight": weight ?? defaultWeight,
+        "data-tone": tone,
+        "data-align": align,
+        "data-truncate": truncate ? '' : void 0,
+        "data-line-clamp": void 0 === resolvedLineClamp ? void 0 : '',
+        className: clsx(Text_module.root, normalizeClassName(className)),
+        style: lineClampStyle
+    });
+});
+const Text = Object.assign(Text_TextRoot, {
+    Root: Text_TextRoot
 });
-const Text = Object.assign(TextRoot, { Root: TextRoot });
-//#endregion
 export { Text };

package/dist/components/text/Text.module.js

@@ -1,5 +1,5 @@
-import './Text.css';
-//#region src/components/text/Text.module.css
-var Text_module_default = { "root": "j--K1a_root" };
-//#endregion
-export { Text_module_default as default };
+import "./Text_module.css";
+const Text_module = {
+    root: "root-lOp5q5"
+};
+export default Text_module;

package/dist/components/text/Text_module.css

@@ -0,0 +1,100 @@
+@layer moduix.components {
+  .root-lOp5q5 {
+    font-family: var(--moduix-text-font-family, inherit);
+    font-size: var(--moduix-text-font-size-md, var(--moduix-text-md));
+    font-weight: var(--moduix-text-font-weight-regular, var(--moduix-weight-regular));
+    line-height: var(--moduix-text-line-height-md, var(--moduix-line-height-text-md));
+    letter-spacing: var(--moduix-text-letter-spacing, 0);
+    color: var(--moduix-text-default-color, var(--moduix-color-foreground));
+    text-align: start;
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .root-lOp5q5[data-size="xs"] {
+    font-size: var(--moduix-text-font-size-xs, var(--moduix-text-xs));
+    line-height: var(--moduix-text-line-height-xs, var(--moduix-line-height-text-xs));
+  }
+
+  .root-lOp5q5[data-size="sm"] {
+    font-size: var(--moduix-text-font-size-sm, var(--moduix-text-sm));
+    line-height: var(--moduix-text-line-height-sm, var(--moduix-line-height-text-sm));
+  }
+
+  .root-lOp5q5[data-size="lg"] {
+    font-size: var(--moduix-text-font-size-lg, var(--moduix-text-lg));
+    line-height: var(--moduix-text-line-height-lg, var(--moduix-line-height-text-lg));
+  }
+
+  .root-lOp5q5[data-size="xl"] {
+    font-size: var(--moduix-text-font-size-xl, var(--moduix-text-xl));
+    line-height: var(--moduix-text-line-height-xl, var(--moduix-line-height-text-xl));
+  }
+
+  .root-lOp5q5[data-weight="medium"] {
+    font-weight: var(--moduix-text-font-weight-medium, var(--moduix-weight-medium));
+  }
+
+  .root-lOp5q5[data-weight="semibold"] {
+    font-weight: var(--moduix-text-font-weight-semibold, var(--moduix-weight-semibold));
+  }
+
+  .root-lOp5q5[data-weight="bold"] {
+    font-weight: var(--moduix-text-font-weight-bold, var(--moduix-weight-bold));
+  }
+
+  .root-lOp5q5[data-tone="muted"] {
+    color: var(--moduix-text-muted-color, var(--moduix-color-muted-foreground));
+  }
+
+  .root-lOp5q5[data-tone="subtle"] {
+    color: var(--moduix-text-subtle-color, var(--moduix-color-secondary-foreground));
+  }
+
+  .root-lOp5q5[data-tone="primary"] {
+    color: var(--moduix-text-primary-color, var(--moduix-color-primary));
+  }
+
+  .root-lOp5q5[data-tone="destructive"] {
+    color: var(--moduix-text-destructive-color, var(--moduix-color-destructive));
+  }
+
+  .root-lOp5q5[data-align="left"] {
+    text-align: left;
+  }
+
+  .root-lOp5q5[data-align="start"] {
+    text-align: start;
+  }
+
+  .root-lOp5q5[data-align="center"] {
+    text-align: center;
+  }
+
+  .root-lOp5q5[data-align="right"] {
+    text-align: right;
+  }
+
+  .root-lOp5q5[data-align="end"] {
+    text-align: end;
+  }
+
+  .root-lOp5q5[data-align="justify"] {
+    text-align: justify;
+  }
+
+  .root-lOp5q5[data-truncate] {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .root-lOp5q5[data-line-clamp] {
+    white-space: normal;
+    -webkit-line-clamp: var(--moduix-text-line-clamp);
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+}
+

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

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

package/dist/components/text/index.js

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

package/dist/components/textarea/Textarea.d.ts

@@ -1,6 +1,3 @@
-import { Field } from "@ark-ui/react/field";
-
-//#region src/components/textarea/Textarea.d.ts
-declare const Textarea: import("react").ForwardRefExoticComponent<Omit<Field.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-//#endregion
-export { Textarea };
+import { Field as FieldPrimitive } from '@ark-ui/react/field';
+declare const Textarea: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/textarea/Textarea.js

@@ -1,21 +1,19 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Textarea_module_default from "./Textarea.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Field } from "@ark-ui/react/field";
-//#region src/components/textarea/Textarea.tsx
-const Textarea = forwardRef(function Textarea({ autoresize, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Field.Textarea, {
-		ref,
-		...props,
-		"data-scope": "field",
-		"data-part": "textarea",
-		"data-slot": "textarea-root",
-		"data-autoresize": autoresize ? "" : void 0,
-		className: clsx(Textarea_module_default.root, normalizeClassName(className)),
-		autoresize
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Textarea_module from "./Textarea.module.js";
+const Textarea_Textarea = /*#__PURE__*/ forwardRef(function({ autoresize, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Textarea, {
+        ref: ref,
+        ...props,
+        "data-scope": "field",
+        "data-part": "textarea",
+        "data-slot": "textarea-root",
+        "data-autoresize": autoresize ? '' : void 0,
+        className: clsx(Textarea_module.root, normalizeClassName(className)),
+        autoresize: autoresize
+    });
 });
-//#endregion
-export { Textarea };
+export { Textarea_Textarea as Textarea };

package/dist/components/textarea/Textarea.module.js

@@ -1,5 +1,5 @@
-import './Textarea.css';
-//#region src/components/textarea/Textarea.module.css
-var Textarea_module_default = { "root": "bkkMzW_root" };
-//#endregion
-export { Textarea_module_default as default };
+import "./Textarea_module.css";
+const Textarea_module = {
+    root: "root-WNlBd3"
+};
+export default Textarea_module;

package/dist/components/textarea/Textarea_module.css

@@ -0,0 +1,58 @@
+@layer moduix.components {
+  .root-WNlBd3 {
+    box-sizing: border-box;
+    width: var(--moduix-textarea-width, 100%);
+    max-width: var(--moduix-textarea-max-width, none);
+    min-height: var(--moduix-textarea-min-height, 6rem);
+    border: var(--moduix-textarea-border-width, var(--moduix-border-width-sm))
+      var(--moduix-textarea-border-style, solid)
+      var(--moduix-textarea-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-textarea-radius, var(--moduix-radius-md));
+    padding: var(--moduix-textarea-padding-y, var(--moduix-spacing-2))
+      var(--moduix-textarea-padding-x, var(--moduix-spacing-3-5));
+    background-color: var(--moduix-textarea-bg, var(--moduix-color-background));
+    color: var(--moduix-textarea-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-textarea-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-textarea-line-height, var(--moduix-line-height-text-md));
+    outline: var(--moduix-textarea-focus-ring-width, var(--moduix-textarea-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
+      solid transparent;
+    outline-offset: var(--moduix-textarea-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+    resize: var(--moduix-textarea-resize, vertical);
+    transition: border-color var(--moduix-textarea-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-textarea-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-textarea-transition, var(--moduix-transition-default));
+    margin: 0;
+  }
+
+  .root-WNlBd3::placeholder {
+    color: var(--moduix-textarea-placeholder-color, var(--moduix-color-muted-foreground));
+  }
+
+  .root-WNlBd3:focus-visible {
+    outline-color: var(--moduix-textarea-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .root-WNlBd3:is([data-invalid], [aria-invalid="true"]) {
+    border-color: var(--moduix-textarea-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .root-WNlBd3:is([data-invalid], [aria-invalid="true"]):focus-visible {
+    outline-color: var(--moduix-textarea-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .root-WNlBd3:is([disabled], [data-disabled]) {
+    pointer-events: none;
+    opacity: var(--moduix-textarea-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .root-WNlBd3:is(:read-only, [data-readonly]) {
+    background-color: var(--moduix-textarea-readonly-bg, var(--moduix-textarea-bg, var(--moduix-color-background)));
+    color: var(--moduix-textarea-readonly-color, var(--moduix-textarea-color, var(--moduix-color-foreground)));
+  }
+
+  .root-WNlBd3[data-autoresize] {
+    overflow-y: hidden;
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Textarea } from "./Textarea.js";
-export { Textarea };
+export { Textarea } from './Textarea.js';

package/dist/components/textarea/index.js

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

package/dist/components/timer/Timer.d.ts

@@ -1,26 +1,20 @@
-import { ComponentProps, ReactNode } from "react";
-import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
-
-//#region src/components/timer/Timer.d.ts
-declare function TimerSegments({
-  className,
-  separator,
-  types
-}: {
-  className?: string;
-  separator?: ReactNode;
-  types: ComponentProps<typeof Timer.Item>['type'][];
-}): import("react").JSX.Element;
-declare const Timer$1: import("react").ForwardRefExoticComponent<Omit<Timer.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Timer.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Timer.RootProviderBaseProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Area: import("react").ForwardRefExoticComponent<Omit<Timer.AreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<Timer.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Separator: import("react").ForwardRefExoticComponent<Omit<Timer.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<Timer.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ActionTrigger: import("react").ForwardRefExoticComponent<Omit<Timer.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Context: (props: Timer.ContextProps) => ReactNode;
-  Segments: typeof TimerSegments;
+import { Timer as TimerPrimitive, useTimer, useTimerContext } from '@ark-ui/react/timer';
+import type { ComponentProps, ReactNode } from 'react';
+type TimerSegmentsProps = {
+    className?: string;
+    separator?: ReactNode;
+    types?: ComponentProps<typeof TimerPrimitive.Item>['type'][];
 };
-//#endregion
-export { Timer$1 as Timer, useTimer, useTimerContext };
+declare function TimerSegments({ className, separator, types, }: TimerSegmentsProps): import("react").JSX.Element;
+declare const Timer: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.RootProviderBaseProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Area: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.AreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ActionTrigger: import("react").ForwardRefExoticComponent<Omit<TimerPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Context: (props: TimerPrimitive.ContextProps) => ReactNode;
+    Segments: typeof TimerSegments;
+};
+export { Timer, type TimerSegmentsProps, useTimer, useTimerContext };

package/dist/components/timer/Timer.js

@@ -1,82 +1,95 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Timer_module_default from "./Timer.module.js";
-import { clsx } from "clsx";
-import { Fragment, forwardRef } from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
-//#region src/components/timer/Timer.tsx
-const TimerRoot = forwardRef(function TimerRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.Root, {
-		ref,
-		"data-slot": "timer-root",
-		className: clsx(Timer_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { clsx } from "clsx";
+import { Fragment, forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Timer_module from "./Timer.module.js";
+const Timer_TimerRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Root, {
+        ref: ref,
+        "data-slot": "timer-root",
+        className: clsx(Timer_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerRootProvider = forwardRef(function TimerRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.RootProvider, {
-		ref,
-		"data-slot": "timer-root-provider",
-		className: clsx(Timer_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.RootProvider, {
+        ref: ref,
+        "data-slot": "timer-root-provider",
+        className: clsx(Timer_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerArea = forwardRef(function TimerArea({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.Area, {
-		ref,
-		"data-slot": "timer-area",
-		className: clsx(Timer_module_default.area, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Area, {
+        ref: ref,
+        "data-slot": "timer-area",
+        className: clsx(Timer_module.area, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerItem = forwardRef(function TimerItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.Item, {
-		ref,
-		"data-slot": "timer-item",
-		className: clsx(Timer_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Item, {
+        ref: ref,
+        "data-slot": "timer-item",
+        className: clsx(Timer_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerSeparator = forwardRef(function TimerSeparator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.Separator, {
-		ref,
-		"data-slot": "timer-separator",
-		className: clsx(Timer_module_default.separator, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Separator, {
+        ref: ref,
+        "data-slot": "timer-separator",
+        className: clsx(Timer_module.separator, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerControl = forwardRef(function TimerControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.Control, {
-		ref,
-		"data-slot": "timer-control",
-		className: clsx(Timer_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Control, {
+        ref: ref,
+        "data-slot": "timer-control",
+        className: clsx(Timer_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const TimerActionTrigger = forwardRef(function TimerActionTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Timer.ActionTrigger, {
-		ref,
-		"data-slot": "timer-action-trigger",
-		className: clsx(Timer_module_default.actionTrigger, normalizeClassName(className)),
-		...props
-	});
+const Timer_TimerActionTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.ActionTrigger, {
+        ref: ref,
+        "data-slot": "timer-action-trigger",
+        className: clsx(Timer_module.actionTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-function TimerSegments({ className, separator = ":", types }) {
-	return /* @__PURE__ */ jsx(TimerArea, {
-		className,
-		children: types.map((type, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TimerItem, { type }), index < types.length - 1 && /* @__PURE__ */ jsx(TimerSeparator, { children: separator })] }, `${type}-${index}`))
-	});
+const defaultTimerSegmentTypes = [
+    'hours',
+    'minutes',
+    'seconds'
+];
+function TimerSegments({ className, separator = ':', types = defaultTimerSegmentTypes }) {
+    return /*#__PURE__*/ jsx(Timer_TimerArea, {
+        className: className,
+        children: types.map((type, index)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Timer_TimerItem, {
+                        type: type
+                    }),
+                    index < types.length - 1 && /*#__PURE__*/ jsx(Timer_TimerSeparator, {
+                        children: separator
+                    })
+                ]
+            }, `${type}-${index}`))
+    });
 }
-const Timer$1 = Object.assign(TimerRoot, {
-	Root: TimerRoot,
-	RootProvider: TimerRootProvider,
-	Area: TimerArea,
-	Item: TimerItem,
-	Separator: TimerSeparator,
-	Control: TimerControl,
-	ActionTrigger: TimerActionTrigger,
-	Context: Timer.Context,
-	Segments: TimerSegments
+const Timer_Timer = Object.assign(Timer_TimerRoot, {
+    Root: Timer_TimerRoot,
+    RootProvider: Timer_TimerRootProvider,
+    Area: Timer_TimerArea,
+    Item: Timer_TimerItem,
+    Separator: Timer_TimerSeparator,
+    Control: Timer_TimerControl,
+    ActionTrigger: Timer_TimerActionTrigger,
+    Context: Timer.Context,
+    Segments: TimerSegments
 });
-//#endregion
-export { Timer$1 as Timer, useTimer, useTimerContext };
+export { Timer_Timer as Timer, useTimer, useTimerContext };

package/dist/components/timer/Timer.module.js

@@ -1,12 +1,10 @@
-import './Timer.css';
-//#region src/components/timer/Timer.module.css
-var Timer_module_default = {
-	"actionTrigger": "Z6b--a_actionTrigger",
-	"area": "Z6b--a_area",
-	"control": "Z6b--a_control",
-	"item": "Z6b--a_item",
-	"root": "Z6b--a_root",
-	"separator": "Z6b--a_separator"
+import "./Timer_module.css";
+const Timer_module = {
+    root: "root-B1LvxX",
+    area: "area-d816X5",
+    item: "item-dD6s97",
+    separator: "separator-l7BCkv",
+    control: "control-KNVBXy",
+    actionTrigger: "actionTrigger-kFCEw_"
 };
-//#endregion
-export { Timer_module_default as default };
+export default Timer_module;