@moduix/react 2.1.0 → 2.2.4

package/dist/components/carousel/Carousel.js

@@ -1,141 +1,142 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronLeftIcon, ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Carousel_module_default from "./Carousel.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/react/carousel";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Carousel } from "@ark-ui/react/carousel";
-//#region src/components/carousel/Carousel.tsx
-const CarouselRoot = forwardRef(function CarouselRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Root, {
-		ref,
-		"data-slot": "carousel-root",
-		className: clsx(Carousel_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Carousel_module from "./Carousel.module.js";
+const Carousel_CarouselRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Root, {
+        ref: ref,
+        "data-slot": "carousel-root",
+        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselRootProvider = forwardRef(function CarouselRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.RootProvider, {
-		ref,
-		"data-slot": "carousel-root-provider",
-		className: clsx(Carousel_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.RootProvider, {
+        ref: ref,
+        "data-slot": "carousel-root-provider",
+        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselControl = forwardRef(function CarouselControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Control, {
-		ref,
-		"data-slot": "carousel-control",
-		className: clsx(Carousel_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Control, {
+        ref: ref,
+        "data-slot": "carousel-control",
+        className: clsx(Carousel_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselItemGroup = forwardRef(function CarouselItemGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.ItemGroup, {
-		ref,
-		"data-slot": "carousel-item-group",
-		className: clsx(Carousel_module_default.itemGroup, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.ItemGroup, {
+        ref: ref,
+        "data-slot": "carousel-item-group",
+        className: clsx(Carousel_module.itemGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselItem = forwardRef(function CarouselItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Item, {
-		ref,
-		"data-slot": "carousel-item",
-		className: clsx(Carousel_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Item, {
+        ref: ref,
+        "data-slot": "carousel-item",
+        className: clsx(Carousel_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselPrevTrigger = forwardRef(function CarouselPrevTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.PrevTrigger, {
-		ref,
-		"data-slot": "carousel-prev-trigger",
-		className: clsx(Carousel_module_default.prevTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			className: Carousel_module_default.defaultIcon,
-			children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-		})
-	});
+const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.PrevTrigger, {
+        ref: ref,
+        "data-slot": "carousel-prev-trigger",
+        className: clsx(Carousel_module.prevTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: Carousel_module.defaultIcon,
+            children: /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+        })
+    });
 });
-const CarouselNextTrigger = forwardRef(function CarouselNextTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.NextTrigger, {
-		ref,
-		"data-slot": "carousel-next-trigger",
-		className: clsx(Carousel_module_default.nextTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			className: Carousel_module_default.defaultIcon,
-			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-		})
-	});
+const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.NextTrigger, {
+        ref: ref,
+        "data-slot": "carousel-next-trigger",
+        className: clsx(Carousel_module.nextTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: Carousel_module.defaultIcon,
+            children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
+        })
+    });
 });
-const CarouselIndicatorGroup = forwardRef(function CarouselIndicatorGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.IndicatorGroup, {
-		ref,
-		"data-slot": "carousel-indicator-group",
-		className: clsx(Carousel_module_default.indicatorGroup, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselIndicatorGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.IndicatorGroup, {
+        ref: ref,
+        "data-slot": "carousel-indicator-group",
+        className: clsx(Carousel_module.indicatorGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselIndicator = forwardRef(function CarouselIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Indicator, {
-		ref,
-		"data-slot": "carousel-indicator",
-		className: clsx(Carousel_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Indicator, {
+        ref: ref,
+        "data-slot": "carousel-indicator",
+        className: clsx(Carousel_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselIndicators = forwardRef(function CarouselIndicators({ className, indicatorClassName, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Context, { children: (api) => /* @__PURE__ */ jsx(CarouselIndicatorGroup, {
-		ref,
-		className,
-		...props,
-		children: api.pageSnapPoints.map((_, index) => /* @__PURE__ */ jsx(CarouselIndicator, {
-			index,
-			className: indicatorClassName
-		}, index))
-	}) });
+const Carousel_CarouselIndicators = /*#__PURE__*/ forwardRef(function({ className, indicatorClassName, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Context, {
+        children: (api)=>/*#__PURE__*/ jsx(Carousel_CarouselIndicatorGroup, {
+                ref: ref,
+                className: className,
+                ...props,
+                children: api.pageSnapPoints.map((_, index)=>/*#__PURE__*/ jsx(Carousel_CarouselIndicator, {
+                        index: index,
+                        className: indicatorClassName
+                    }, index))
+            })
+    });
 });
-const CarouselAutoplayTrigger = forwardRef(function CarouselAutoplayTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.AutoplayTrigger, {
-		ref,
-		"data-slot": "carousel-autoplay-trigger",
-		className: clsx(Carousel_module_default.autoplayTrigger, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselAutoplayTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.AutoplayTrigger, {
+        ref: ref,
+        "data-slot": "carousel-autoplay-trigger",
+        className: clsx(Carousel_module.autoplayTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselAutoplayIndicator = forwardRef(function CarouselAutoplayIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.AutoplayIndicator, {
-		ref,
-		"data-slot": "carousel-autoplay-indicator",
-		className: clsx(Carousel_module_default.autoplayIndicator, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselAutoplayIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.AutoplayIndicator, {
+        ref: ref,
+        "data-slot": "carousel-autoplay-indicator",
+        className: clsx(Carousel_module.autoplayIndicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselProgressText = forwardRef(function CarouselProgressText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.ProgressText, {
-		ref,
-		"data-slot": "carousel-progress-text",
-		className: clsx(Carousel_module_default.progressText, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.ProgressText, {
+        ref: ref,
+        "data-slot": "carousel-progress-text",
+        className: clsx(Carousel_module.progressText, normalizeClassName(className)),
+        ...props
+    });
 });
-const Carousel$1 = Object.assign(CarouselRoot, {
-	Root: CarouselRoot,
-	RootProvider: CarouselRootProvider,
-	Context: Carousel.Context,
-	Control: CarouselControl,
-	ItemGroup: CarouselItemGroup,
-	Item: CarouselItem,
-	PrevTrigger: CarouselPrevTrigger,
-	NextTrigger: CarouselNextTrigger,
-	IndicatorGroup: CarouselIndicatorGroup,
-	Indicator: CarouselIndicator,
-	Indicators: CarouselIndicators,
-	AutoplayTrigger: CarouselAutoplayTrigger,
-	AutoplayIndicator: CarouselAutoplayIndicator,
-	ProgressText: CarouselProgressText
+const Carousel_Carousel = Object.assign(Carousel_CarouselRoot, {
+    Root: Carousel_CarouselRoot,
+    RootProvider: Carousel_CarouselRootProvider,
+    Context: Carousel.Context,
+    Control: Carousel_CarouselControl,
+    ItemGroup: Carousel_CarouselItemGroup,
+    Item: Carousel_CarouselItem,
+    PrevTrigger: Carousel_CarouselPrevTrigger,
+    NextTrigger: Carousel_CarouselNextTrigger,
+    IndicatorGroup: Carousel_CarouselIndicatorGroup,
+    Indicator: Carousel_CarouselIndicator,
+    Indicators: Carousel_CarouselIndicators,
+    AutoplayTrigger: Carousel_CarouselAutoplayTrigger,
+    AutoplayIndicator: Carousel_CarouselAutoplayIndicator,
+    ProgressText: Carousel_CarouselProgressText
 });
-//#endregion
-export { Carousel$1 as Carousel };
+export { Carousel_Carousel as Carousel, useCarousel, useCarouselContext };

package/dist/components/carousel/Carousel.module.js

@@ -1,18 +1,16 @@
-import './Carousel.css';
-//#region src/components/carousel/Carousel.module.css
-var Carousel_module_default = {
-	"autoplayIndicator": "NQiVeG_autoplayIndicator",
-	"autoplayTrigger": "NQiVeG_autoplayTrigger",
-	"control": "NQiVeG_control",
-	"defaultIcon": "NQiVeG_defaultIcon",
-	"indicator": "NQiVeG_indicator",
-	"indicatorGroup": "NQiVeG_indicatorGroup",
-	"item": "NQiVeG_item",
-	"itemGroup": "NQiVeG_itemGroup",
-	"nextTrigger": "NQiVeG_nextTrigger",
-	"prevTrigger": "NQiVeG_prevTrigger",
-	"progressText": "NQiVeG_progressText",
-	"root": "NQiVeG_root"
+import "./Carousel_module.css";
+const Carousel_module = {
+    root: "root-WpPvZz",
+    control: "control-WlsxZf",
+    itemGroup: "itemGroup-a7LtFI",
+    item: "item-sJ0Txa",
+    prevTrigger: "prevTrigger-TQv4Ak",
+    nextTrigger: "nextTrigger-PkJ3_8",
+    autoplayTrigger: "autoplayTrigger-h1Iihy",
+    defaultIcon: "defaultIcon-KFMqjR",
+    indicatorGroup: "indicatorGroup-TO_gj_",
+    indicator: "indicator-cjLdPK",
+    autoplayIndicator: "autoplayIndicator-MQFp2o",
+    progressText: "progressText-sWCHxc"
 };
-//#endregion
-export { Carousel_module_default as default };
+export default Carousel_module;

package/dist/components/carousel/Carousel_module.css

@@ -0,0 +1,201 @@
+@layer moduix.components {
+  .root-WpPvZz {
+    gap: var(--moduix-carousel-gap, var(--moduix-spacing-3));
+    flex-direction: column;
+    width: 100%;
+    min-width: 0;
+    display: flex;
+  }
+
+  .root-WpPvZz[data-orientation="vertical"] {
+    height: var(--moduix-carousel-height, 24rem);
+    flex-direction: row;
+    align-items: stretch;
+  }
+
+  .control-WlsxZf {
+    align-items: center;
+    gap: var(--moduix-carousel-gap, var(--moduix-spacing-3));
+    min-width: 0;
+    display: flex;
+  }
+
+  .control-WlsxZf[data-orientation="vertical"] {
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .itemGroup-a7LtFI {
+    overscroll-behavior-x: contain;
+    overscroll-behavior-y: auto;
+    border-radius: var(--moduix-carousel-track-radius, var(--moduix-radius-xl));
+    scrollbar-width: none;
+    scroll-behavior: smooth;
+    flex: auto;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+  }
+
+  .itemGroup-a7LtFI::-webkit-scrollbar {
+    display: none;
+  }
+
+  .itemGroup-a7LtFI[data-dragging] {
+    cursor: grabbing;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .root-WpPvZz[data-orientation="vertical"] > .itemGroup-a7LtFI {
+    overscroll-behavior-x: auto;
+    overscroll-behavior-y: contain;
+    height: 100%;
+  }
+
+  .item-sJ0Txa {
+    box-sizing: border-box;
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy {
+    width: var(--moduix-carousel-control-size, var(--moduix-size-md));
+    height: var(--moduix-carousel-control-size, var(--moduix-size-md));
+    border: var(--moduix-border-width-sm) solid
+      var(--moduix-carousel-control-border-color, color-mix(in oklab, var(--moduix-color-border) 88%, black 12%));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-carousel-control-bg, color-mix(in oklab, var(--moduix-color-background) 92%, var(--moduix-color-card) 8%));
+    box-shadow: var(--moduix-carousel-control-shadow, var(--moduix-shadow-sm));
+    color: var(--moduix-carousel-control-color, var(--moduix-color-foreground));
+    cursor: pointer;
+    transition: background-color var(--moduix-transition-fast),
+      border-color var(--moduix-transition-fast),
+      color var(--moduix-transition-fast),
+      box-shadow var(--moduix-transition-fast),
+      transform var(--moduix-transition-fast);
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  :is(.prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy) svg {
+    width: var(--moduix-carousel-control-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-carousel-control-icon-size, var(--moduix-spacing-4));
+  }
+
+  :is(.prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy):not(:disabled, [data-disabled]):hover {
+    border-color: var(--moduix-carousel-control-border-color-hover, color-mix(in oklab, var(--moduix-color-border) 50%, var(--moduix-color-foreground) 50%));
+    background-color: var(--moduix-carousel-control-bg-hover, var(--moduix-color-accent));
+    box-shadow: var(--moduix-carousel-control-shadow-hover, var(--moduix-shadow-md));
+    color: var(--moduix-carousel-control-color-hover, var(--moduix-color-accent-foreground));
+  }
+
+  :is(.prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy):focus-visible {
+    outline: var(--moduix-carousel-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-carousel-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-carousel-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
+
+  :is(.prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy):is(:disabled, [data-disabled]) {
+    cursor: not-allowed;
+    opacity: var(--moduix-opacity-disabled);
+  }
+
+  :is(.prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy)[data-pressed] {
+    border-color: var(--moduix-carousel-control-border-color-hover, color-mix(in oklab, var(--moduix-color-border) 50%, var(--moduix-color-foreground) 50%));
+    background-color: var(--moduix-carousel-control-bg-hover, var(--moduix-color-accent));
+    color: var(--moduix-carousel-control-color-hover, var(--moduix-color-accent-foreground));
+  }
+
+  .defaultIcon-KFMqjR {
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .root-WpPvZz[data-orientation="vertical"] .defaultIcon-KFMqjR svg {
+    transform: rotate(90deg);
+  }
+
+  .root-WpPvZz[data-orientation="horizontal"][dir="rtl"] .defaultIcon-KFMqjR svg {
+    transform: rotate(180deg);
+  }
+
+  .indicatorGroup-TO_gj_ {
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-carousel-indicator-gap, var(--moduix-spacing-2));
+    display: flex;
+  }
+
+  .root-WpPvZz[data-orientation="vertical"] > .indicatorGroup-TO_gj_, .control-WlsxZf[data-orientation="vertical"] > .indicatorGroup-TO_gj_ {
+    flex-direction: column;
+  }
+
+  .indicator-cjLdPK {
+    width: var(--moduix-carousel-indicator-size, var(--moduix-spacing-2));
+    height: var(--moduix-carousel-indicator-size, var(--moduix-spacing-2));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-carousel-indicator-bg, color-mix(in oklab, var(--moduix-color-muted) 84%, var(--moduix-color-background) 16%));
+    cursor: pointer;
+    opacity: .88;
+    transition: inline-size var(--moduix-transition-fast),
+      block-size var(--moduix-transition-fast),
+      background-color var(--moduix-transition-fast),
+      opacity var(--moduix-transition-fast);
+    border: 0;
+    padding: 0;
+  }
+
+  .indicator-cjLdPK:not(:disabled, [data-disabled], [data-readonly]):hover {
+    background-color: var(--moduix-carousel-indicator-bg-hover, color-mix(in oklab, var(--moduix-color-muted) 56%, var(--moduix-color-foreground) 44%));
+  }
+
+  .indicator-cjLdPK:focus-visible {
+    outline: var(--moduix-carousel-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-carousel-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-carousel-focus-ring-offset, var(--moduix-focus-ring-offset));
+  }
+
+  .indicator-cjLdPK[data-current] {
+    width: calc(var(--moduix-carousel-indicator-size, var(--moduix-spacing-2)) * 3);
+    background-color: var(--moduix-carousel-indicator-bg-current, var(--moduix-color-primary));
+    opacity: 1;
+  }
+
+  .indicator-cjLdPK:is(:disabled, [data-disabled], [data-readonly]) {
+    cursor: not-allowed;
+    opacity: var(--moduix-opacity-disabled);
+  }
+
+  :is(.root-WpPvZz[data-orientation="vertical"] > .indicatorGroup-TO_gj_ .indicator-cjLdPK, .control-WlsxZf[data-orientation="vertical"] > .indicatorGroup-TO_gj_ .indicator-cjLdPK)[data-current] {
+    width: var(--moduix-carousel-indicator-size, var(--moduix-spacing-2));
+    height: calc(var(--moduix-carousel-indicator-size, var(--moduix-spacing-2)) * 3);
+  }
+
+  .autoplayTrigger-h1Iihy {
+    --moduix-carousel-autoplay-trigger-min-width-fallback: calc(var(--moduix-size-md) + var(--moduix-spacing-3));
+    min-width: var(--moduix-carousel-autoplay-trigger-min-width, var(--moduix-carousel-autoplay-trigger-min-width-fallback));
+  }
+
+  .autoplayIndicator-MQFp2o {
+    min-width: var(--moduix-carousel-autoplay-indicator-min-width, var(--moduix-spacing-4));
+    font-size: var(--moduix-text-xs);
+    font-weight: var(--moduix-weight-medium);
+    line-height: var(--moduix-line-height-text-xs);
+    text-transform: uppercase;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .progressText-sWCHxc {
+    color: var(--moduix-carousel-progress-text-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-carousel-progress-text-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-line-height-text-sm);
+    font-variant-numeric: tabular-nums;
+  }
+}
+

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

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

package/dist/components/carousel/index.js

@@ -0,0 +1 @@
+export { Carousel, useCarousel, useCarouselContext } from "./Carousel.js";

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,21 +1,19 @@
-import { ComponentProps } from "react";
-import { Checkbox, useCheckbox, useCheckboxGroup } from "@ark-ui/react/checkbox";
-
-//#region src/components/checkbox/Checkbox.d.ts
+import { Checkbox as CheckboxPrimitive, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '@ark-ui/react/checkbox';
+import type { ComponentProps, ReactNode } from 'react';
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type RootProps = ComponentProps<typeof Checkbox.Root> & {
-  size?: CheckboxSize;
+type RootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
+    size?: CheckboxSize;
 };
-type RootProviderProps = ComponentProps<typeof Checkbox.RootProvider> & {
-  size?: CheckboxSize;
+type RootProviderProps = ComponentProps<typeof CheckboxPrimitive.RootProvider> & {
+    size?: CheckboxSize;
 };
-declare const Checkbox$1: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<RootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Group: import("react").ForwardRefExoticComponent<Omit<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<RootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Context: (props: CheckboxPrimitive.ContextProps) => ReactNode;
+    Control: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.GroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Checkbox$1 as Checkbox, useCheckbox, useCheckboxGroup };
+export { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext };