@moduix/react-tailwind 1.0.0

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Tabs, useTabs, useTabsContext } from "@ark-ui/react/tabs";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation, variant = 'default', ...props }, ref) {
+    const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
+    return /*#__PURE__*/ jsx(Tabs.Root, {
+        ref: ref,
+        "data-slot": "tabs-root",
+        "data-variant": resolvedVariant,
+        className: cn('group/tabs box-border flex w-full min-w-0 flex-col gap-3 text-foreground data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch', className),
+        orientation: orientation,
+        ...props
+    });
+});
+const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, variant = 'default', ...props }, ref) {
+    const orientation = value.getRootProps()['data-orientation'];
+    const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
+    return /*#__PURE__*/ jsx(Tabs.RootProvider, {
+        ref: ref,
+        "data-slot": "tabs-root-provider",
+        "data-variant": resolvedVariant,
+        className: cn('group/tabs box-border flex w-full min-w-0 flex-col gap-3 text-foreground data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch', className),
+        value: value,
+        ...props
+    });
+});
+const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.List, {
+        ref: ref,
+        "data-slot": "tabs-list",
+        className: cn('relative z-0 inline-flex w-fit max-w-full items-stretch gap-1 rounded-lg border border-border bg-muted p-1 group-data-[orientation=horizontal]/tabs:overflow-x-auto group-data-[orientation=vertical]/tabs:w-48 group-data-[orientation=vertical]/tabs:min-w-48 group-data-[orientation=vertical]/tabs:flex-col group-data-[variant=line]/tabs:w-full group-data-[variant=line]/tabs:rounded-none group-data-[variant=line]/tabs:border-x-0 group-data-[variant=line]/tabs:border-t-0 group-data-[variant=line]/tabs:bg-transparent group-data-[variant=line]/tabs:px-0 group-data-[orientation=vertical]/tabs:max-[30rem]:w-2/5 group-data-[orientation=vertical]/tabs:max-[30rem]:min-w-0', className),
+        ...props
+    });
+});
+const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Trigger, {
+        ref: ref,
+        "data-slot": "tabs-trigger",
+        className: cn("relative z-1 inline-flex h-8 cursor-pointer items-center justify-center gap-2 rounded-md border-0 bg-transparent px-2.5 text-sm leading-5 font-medium whitespace-nowrap text-muted-foreground no-underline outline-0 transition-[color,opacity] duration-200 ease-in-out select-none focus-visible:before:pointer-events-none focus-visible:before:absolute focus-visible:before:inset-0 focus-visible:before:rounded-[inherit] focus-visible:before:outline-1 focus-visible:before:outline-ring focus-visible:before:content-[''] disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-selected:text-foreground motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [@media(hover:hover)]:hover:text-foreground", className),
+        ...props
+    });
+});
+const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Indicator, {
+        ref: ref,
+        "data-slot": "tabs-indicator",
+        className: cn('pointer-events-none absolute top-1/2 left-[var(--left,0)] z-0 h-8 w-[var(--width,0)] -translate-y-1/2 rounded-md bg-background shadow-sm transition-[var(--transition-property,translate)] duration-200 ease-in-out group-data-[orientation=vertical]/tabs:top-[var(--top,0)] group-data-[orientation=vertical]/tabs:left-1/2 group-data-[orientation=vertical]/tabs:h-[var(--height,0)] group-data-[orientation=vertical]/tabs:w-[calc(100%-0.5rem)] group-data-[orientation=vertical]/tabs:-translate-x-1/2 group-data-[orientation=vertical]/tabs:translate-y-0 group-data-[variant=line]/tabs:top-auto group-data-[variant=line]/tabs:bottom-0 group-data-[variant=line]/tabs:h-0.5 group-data-[variant=line]/tabs:[translate:none] group-data-[variant=line]/tabs:rounded-full group-data-[variant=line]/tabs:bg-foreground group-data-[variant=line]/tabs:shadow-none motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Content, {
+        ref: ref,
+        "data-slot": "tabs-content",
+        className: cn("box-border min-w-0 flex-1 rounded-lg border border-border bg-background p-4 text-sm leading-5 text-foreground outline-0 focus-visible:rounded-[inherit] focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring [&[hidden]:not([hidden='until-found'])]:hidden", className),
+        ...props
+    });
+});
+const Tabs_Tabs = Object.assign(Tabs_TabsRoot, {
+    Root: Tabs_TabsRoot,
+    RootProvider: Tabs_TabsRootProvider,
+    Context: Tabs.Context,
+    List: Tabs_TabsList,
+    Trigger: Tabs_TabsTrigger,
+    Indicator: Tabs_TabsIndicator,
+    Content: Tabs_TabsContent,
+    useTabs: useTabs
+});
+export { Tabs_Tabs as Tabs, useTabs, useTabsContext };

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

@@ -0,0 +1 @@
+export { Tabs, useTabs, useTabsContext } from './Tabs.js';

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+export { Tabs, useTabs, useTabsContext } from "./Tabs.js";

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,16 @@
+type TagVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+type TagSize = 'sm' | 'md';
+declare const Tag: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    variant?: TagVariant;
+    size?: TagSize;
+} & import("react").RefAttributes<HTMLSpanElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        variant?: TagVariant;
+        size?: TagSize;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    StartElement: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    EndElement: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { Tag };

package/dist/components/tag/Tag.js

@@ -0,0 +1,92 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CloseButton } from "../close-button/index.js";
+const tagVariants = cva('inline-flex min-h-control-xs w-fit max-w-full min-w-0 items-center gap-1.5 rounded-full border px-2 py-0.5 align-middle font-medium text-xs whitespace-nowrap transition-colors duration-200 ease-in-out motion-reduce:transition-none [&>svg]:pointer-events-none [&>svg]:size-3 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground',
+            outline: 'border-border bg-transparent text-foreground',
+            ghost: 'border-transparent bg-transparent text-foreground',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground'
+        },
+        size: {
+            sm: 'min-h-5 gap-1 px-1.5 py-0',
+            md: ''
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md'
+    }
+});
+const Tag_TagRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', variant = 'default', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "tag",
+        "data-part": "root",
+        "data-slot": "tag-root",
+        "data-size": size,
+        "data-variant": variant,
+        className: cn(tagVariants({
+            size,
+            variant
+        }), className)
+    });
+});
+const Tag_TagLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "tag",
+        "data-part": "label",
+        "data-slot": "tag-label",
+        className: cn('min-w-0 overflow-hidden text-ellipsis', className)
+    });
+});
+const Tag_TagStartElement = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "tag",
+        "data-part": "start-element",
+        "data-slot": "tag-start-element",
+        className: cn('inline-flex min-w-0 shrink-0 items-center justify-center [&>svg]:pointer-events-none [&>svg]:size-3 [&>svg]:shrink-0', className)
+    });
+});
+const Tag_TagEndElement = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "tag",
+        "data-part": "end-element",
+        "data-slot": "tag-end-element",
+        className: cn('inline-flex min-w-0 shrink-0 items-center justify-center [&>svg]:pointer-events-none [&>svg]:size-3 [&>svg]:shrink-0', className)
+    });
+});
+const Tag_TagCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    return /*#__PURE__*/ jsx(CloseButton.Root, {
+        ref: ref,
+        asChild: asChild,
+        ...props,
+        "data-scope": "tag",
+        "data-part": "close-trigger",
+        "data-slot": "tag-close-trigger",
+        "aria-label": ariaLabel ?? (asChild || null != children || null != ariaLabelledBy ? void 0 : 'Remove tag'),
+        "aria-labelledby": ariaLabelledBy,
+        className: cn('size-4 rounded-full bg-transparent p-0 text-inherit focus-visible:outline-1 focus-visible:outline-offset-0 [&>svg]:size-2.5 [@media(hover:hover)]:[&:not([data-disabled]):hover]:bg-current/10 [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-inherit', className),
+        children: children
+    });
+});
+const Tag = Object.assign(Tag_TagRoot, {
+    Root: Tag_TagRoot,
+    Label: Tag_TagLabel,
+    StartElement: Tag_TagStartElement,
+    EndElement: Tag_TagEndElement,
+    CloseTrigger: Tag_TagCloseTrigger
+});
+export { Tag };

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

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

package/dist/components/tag/index.js

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

package/dist/components/tags-input/TagsInput.d.ts

@@ -0,0 +1,20 @@
+import { TagsInput as TagsInputPrimitive, useTagsInput, useTagsInputContext, useTagsInputItemContext } from '@ark-ui/react/tags-input';
+declare function TagsInputItems(): import("react").JSX.Element;
+declare const TagsInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<TagsInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemContext: (props: TagsInputPrimitive.ItemContextProps) => import("react").ReactNode;
+    ItemPreview: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemPreviewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ItemInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Context: (props: TagsInputPrimitive.ContextProps) => import("react").ReactNode;
+    Items: typeof TagsInputItems;
+};
+export { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };

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

@@ -0,0 +1,145 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "@ark-ui/react/tags-input";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CloseIcon } from "../../internal/icons/ui/index.js";
+import { CloseButton } from "../close-button/index.js";
+const TagsInput_TagsInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.Root, {
+        ref: ref,
+        "data-slot": "tags-input-root",
+        className: cn('flex w-full max-w-96 flex-col gap-1 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.RootProvider, {
+        ref: ref,
+        "data-slot": "tags-input-root-provider",
+        className: cn('flex w-full max-w-96 flex-col gap-1 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.Label, {
+        ref: ref,
+        "data-slot": "tags-input-label",
+        className: cn('inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.Control, {
+        ref: ref,
+        "data-slot": "tags-input-control",
+        className: cn('flex min-h-control-md w-full flex-wrap items-center gap-1 rounded-md border border-border bg-background px-2 py-[0.3125rem] text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,background-color,opacity] duration-200 ease-in-out data-disabled:pointer-events-none data-focus:outline-ring data-invalid:border-destructive data-invalid:data-focus:outline-destructive data-readonly:bg-background data-readonly:text-foreground motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.Item, {
+        ref: ref,
+        "data-slot": "tags-input-item",
+        className: cn('contents', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputItemPreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.ItemPreview, {
+        ref: ref,
+        "data-slot": "tags-input-item-preview",
+        className: cn('inline-flex min-h-control-xs max-w-full min-w-0 items-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 text-xs leading-4 font-medium text-secondary-foreground transition-[border-color,background-color,color,box-shadow] duration-200 ease-in-out data-disabled:opacity-50 data-highlighted:ring-1 data-highlighted:ring-ring motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.ItemText, {
+        ref: ref,
+        "data-slot": "tags-input-item-text",
+        className: cn('min-w-0 truncate', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.ItemDeleteTrigger, {
+        ref: ref,
+        "data-slot": "tags-input-item-delete-trigger",
+        className: cn('inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-inherit outline-0 transition-[background-color,color,opacity,box-shadow] duration-200 ease-in-out focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:pointer-events-none [&>svg]:size-2.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-current/10', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
+    });
+});
+const TagsInput_TagsInputItemInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.ItemInput, {
+        ref: ref,
+        "data-slot": "tags-input-item-input",
+        className: cn('h-control-xs min-w-28 shrink grow-0 basis-28 border-0 bg-transparent px-1 text-sm leading-5 text-inherit outline-0 placeholder:text-muted-foreground read-only:cursor-default data-readonly:cursor-default', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TagsInput.Input, {
+        ref: ref,
+        "data-slot": "tags-input-input",
+        className: cn('h-control-xs min-w-28 shrink grow basis-28 border-0 bg-transparent px-1 text-sm leading-5 text-inherit outline-0 placeholder:text-muted-foreground read-only:cursor-default data-readonly:hidden data-readonly:cursor-default', className),
+        ...props
+    });
+});
+const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    const clearTriggerLabel = useTagsInputContext().getClearTriggerProps()['aria-label'];
+    return /*#__PURE__*/ jsx(TagsInput.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "tags-input-clear-trigger",
+        className: cn(asChild ? 'ms-auto shrink-0 self-center data-readonly:hidden' : 'ms-auto size-control-xs shrink-0 self-center rounded-sm bg-transparent text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring data-readonly:hidden motion-reduce:transition-none [&>svg]:size-3 [@media(hover:hover)]:hover:bg-muted [@media(hover:hover)]:hover:text-foreground', className),
+        "aria-label": asChild ? ariaLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
+        ...props,
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
+            "aria-label": ariaLabel ?? clearTriggerLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "data-part": "clear-trigger",
+            "data-scope": "tags-input",
+            "data-slot": "tags-input-clear-trigger",
+            children: children
+        })
+    });
+});
+const TagsInputContext = TagsInput.Context;
+function TagsInputItems() {
+    return /*#__PURE__*/ jsx(TagsInputContext, {
+        children: (tagsInput)=>tagsInput.value.map((value, index)=>/*#__PURE__*/ jsxs(TagsInput_TagsInputItem, {
+                    index: index,
+                    value: value,
+                    children: [
+                        /*#__PURE__*/ jsxs(TagsInput_TagsInputItemPreview, {
+                            children: [
+                                /*#__PURE__*/ jsx(TagsInput_TagsInputItemText, {
+                                    children: value
+                                }),
+                                /*#__PURE__*/ jsx(TagsInput_TagsInputItemDeleteTrigger, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(TagsInput_TagsInputItemInput, {})
+                    ]
+                }, `${value}-${index}`))
+    });
+}
+const TagsInput_TagsInput = Object.assign(TagsInput_TagsInputRoot, {
+    Root: TagsInput_TagsInputRoot,
+    RootProvider: TagsInput_TagsInputRootProvider,
+    HiddenInput: TagsInput.HiddenInput,
+    Label: TagsInput_TagsInputLabel,
+    Control: TagsInput_TagsInputControl,
+    Item: TagsInput_TagsInputItem,
+    ItemContext: TagsInput.ItemContext,
+    ItemPreview: TagsInput_TagsInputItemPreview,
+    ItemText: TagsInput_TagsInputItemText,
+    ItemDeleteTrigger: TagsInput_TagsInputItemDeleteTrigger,
+    ItemInput: TagsInput_TagsInputItemInput,
+    Input: TagsInput_TagsInputInput,
+    ClearTrigger: TagsInput_TagsInputClearTrigger,
+    Context: TagsInputContext,
+    Items: TagsInputItems
+});
+export { TagsInput_TagsInput as TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/components/tags-input/index.d.ts

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

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

@@ -0,0 +1,25 @@
+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 = '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;
+        tone?: TextTone;
+        align?: TextAlign;
+        truncate?: boolean;
+        lineClamp?: number;
+    } & import("react").RefAttributes<HTMLElement>>;
+};
+export { Text };

package/dist/components/text/Text.js

@@ -0,0 +1,79 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Text_elements = {
+    div: ark.div,
+    em: ark.em,
+    p: ark.p,
+    small: ark.small,
+    span: ark.span,
+    strong: ark.strong
+};
+const textVariants = cva('tracking-normal wrap-anywhere', {
+    variants: {
+        size: {
+            xs: 'text-xs',
+            sm: 'text-sm',
+            md: 'text-md',
+            lg: 'text-lg',
+            xl: 'text-xl'
+        },
+        weight: {
+            regular: 'font-regular',
+            medium: 'font-medium',
+            semibold: 'font-semibold',
+            bold: 'font-bold'
+        },
+        tone: {
+            default: 'text-foreground',
+            muted: 'text-muted-foreground',
+            subtle: 'text-secondary-foreground',
+            primary: 'text-primary',
+            destructive: 'text-destructive'
+        },
+        align: {
+            start: 'text-start',
+            center: 'text-center',
+            end: 'text-end',
+            left: 'text-left',
+            right: 'text-right',
+            justify: 'text-justify'
+        }
+    }
+});
+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;
+    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: cn(textVariants({
+            size: size ?? defaultSize,
+            weight: weight ?? defaultWeight,
+            tone,
+            align: align ?? 'start'
+        }), truncate && 'overflow-hidden text-ellipsis whitespace-nowrap', void 0 !== resolvedLineClamp && '[display:-webkit-box] overflow-hidden [white-space:normal] [-webkit-box-orient:vertical]', className),
+        style: void 0 === resolvedLineClamp ? style : {
+            ...style,
+            WebkitLineClamp: resolvedLineClamp
+        }
+    });
+});
+const Text = Object.assign(Text_TextRoot, {
+    Root: Text_TextRoot
+});
+export { Text };

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@ark-ui/react/field";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.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: cn('min-h-24 w-full max-w-none resize-y rounded-md border border-border bg-background px-3.5 py-2 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:outline-destructive data-autoresize:overflow-y-hidden data-disabled:pointer-events-none data-disabled:opacity-50 data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
+        autoresize: autoresize
+    });
+});
+export { Textarea_Textarea as Textarea };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,18 @@
+import { Timer as TimerPrimitive, useTimer, useTimerContext } from '@ark-ui/react/timer';
+import type { ComponentProps, ReactNode } from 'react';
+type TimerSegmentsProps = Omit<ComponentProps<typeof TimerPrimitive.Area>, 'asChild' | 'children'> & {
+    separator?: ReactNode;
+    types?: ComponentProps<typeof TimerPrimitive.Item>['type'][];
+};
+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: import("react").ForwardRefExoticComponent<Omit<TimerSegmentsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Timer, type TimerSegmentsProps, useTimer, useTimerContext };

package/dist/components/timer/Timer.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
+import { Fragment, forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Timer_TimerRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Root, {
+        ref: ref,
+        "data-slot": "timer-root",
+        className: cn('inline-grid w-max max-w-full place-items-center gap-3 text-foreground', className),
+        ...props
+    });
+});
+const Timer_TimerRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.RootProvider, {
+        ref: ref,
+        "data-slot": "timer-root-provider",
+        className: cn('inline-grid w-max max-w-full place-items-center gap-3 text-foreground', className),
+        ...props
+    });
+});
+const Timer_TimerArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Area, {
+        ref: ref,
+        "data-slot": "timer-area",
+        className: cn('inline-flex max-w-full min-w-0 flex-wrap items-baseline justify-center gap-1 text-2xl leading-5 font-semibold tracking-normal tabular-nums', className),
+        ...props
+    });
+});
+const Timer_TimerItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Item, {
+        ref: ref,
+        "data-slot": "timer-item",
+        className: cn('min-w-[2ch] text-center', className),
+        ...props
+    });
+});
+const Timer_TimerSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Separator, {
+        ref: ref,
+        "data-slot": "timer-separator",
+        className: cn('text-muted-foreground', className),
+        ...props
+    });
+});
+const Timer_TimerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.Control, {
+        ref: ref,
+        "data-slot": "timer-control",
+        className: cn('inline-flex flex-wrap items-center gap-2', className),
+        ...props
+    });
+});
+const Timer_TimerActionTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer.ActionTrigger, {
+        ref: ref,
+        "data-slot": "timer-action-trigger",
+        className: cn('inline-flex min-h-control-md cursor-pointer appearance-none items-center justify-center gap-2 rounded-md border border-border bg-background px-3 py-1.5 text-sm leading-5 font-medium whitespace-nowrap text-foreground transition-[background-color,border-color,color,opacity,box-shadow] duration-200 ease-in-out focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props
+    });
+});
+const defaultTimerSegmentTypes = [
+    'hours',
+    'minutes',
+    'seconds'
+];
+const Timer_TimerSegments = /*#__PURE__*/ forwardRef(function({ separator = ':', types = defaultTimerSegmentTypes, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Timer_TimerArea, {
+        ref: ref,
+        ...props,
+        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_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: Timer_TimerSegments
+});
+export { Timer_Timer as Timer, useTimer, useTimerContext };

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

@@ -0,0 +1 @@
+export { Timer, useTimer, useTimerContext, type TimerSegmentsProps } from './Timer.js';

package/dist/components/timer/index.js

@@ -0,0 +1 @@
+export { Timer, useTimer, useTimerContext } from "./Timer.js";