@moduix/solid 1.0.0

package/dist/components/carousel/Carousel.js

@@ -0,0 +1,216 @@
+import { className, createComponent, effect, insert, mergeProps, template } from "solid-js/web";
+import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/solid/carousel";
+import { clsx } from "clsx";
+import { For, children, splitProps } from "solid-js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/Icons.js";
+import Carousel_module from "./Carousel.module.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
+function CarouselRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.Root, mergeProps({
+        "data-slot": "carousel-root",
+        get ["class"] () {
+            return clsx(Carousel_module.root, local.class);
+        }
+    }, others));
+}
+function CarouselRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.RootProvider, mergeProps({
+        "data-slot": "carousel-root-provider",
+        get ["class"] () {
+            return clsx(Carousel_module.root, local.class);
+        }
+    }, others));
+}
+function CarouselControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.Control, mergeProps({
+        "data-slot": "carousel-control",
+        get ["class"] () {
+            return clsx(Carousel_module.control, local.class);
+        }
+    }, others));
+}
+function CarouselItemGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.ItemGroup, mergeProps({
+        "data-slot": "carousel-item-group",
+        get ["class"] () {
+            return clsx(Carousel_module.itemGroup, local.class);
+        }
+    }, others));
+}
+function CarouselItem(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.Item, mergeProps({
+        "data-slot": "carousel-item",
+        get ["class"] () {
+            return clsx(Carousel_module.item, local.class);
+        }
+    }, others));
+}
+function CarouselPrevTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(Carousel.PrevTrigger, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "carousel-prev-trigger",
+        get ["class"] () {
+            return clsx(Carousel_module.prevTrigger, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? (()=>{
+                var _el$ = _tmpl$();
+                insert(_el$, createComponent(ChevronLeftIcon, {}));
+                effect(()=>className(_el$, Carousel_module.defaultIcon));
+                return _el$;
+            })();
+        }
+    }));
+}
+function CarouselNextTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(Carousel.NextTrigger, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "carousel-next-trigger",
+        get ["class"] () {
+            return clsx(Carousel_module.nextTrigger, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? (()=>{
+                var _el$2 = _tmpl$();
+                insert(_el$2, createComponent(ChevronRightIcon, {}));
+                effect(()=>className(_el$2, Carousel_module.defaultIcon));
+                return _el$2;
+            })();
+        }
+    }));
+}
+function CarouselIndicatorGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.IndicatorGroup, mergeProps({
+        "data-slot": "carousel-indicator-group",
+        get ["class"] () {
+            return clsx(Carousel_module.indicatorGroup, local.class);
+        }
+    }, others));
+}
+function CarouselIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.Indicator, mergeProps({
+        "data-slot": "carousel-indicator",
+        get ["class"] () {
+            return clsx(Carousel_module.indicator, local.class);
+        }
+    }, others));
+}
+function CarouselIndicators(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'children',
+        'indicatorClassName'
+    ]);
+    return createComponent(Carousel.Context, {
+        children: (api)=>createComponent(CarouselIndicatorGroup, mergeProps({
+                get ["class"] () {
+                    return local.class;
+                }
+            }, others, {
+                get children () {
+                    return createComponent(For, {
+                        get each () {
+                            return api().pageSnapPoints;
+                        },
+                        children: (_, index)=>createComponent(CarouselIndicator, {
+                                get index () {
+                                    return index();
+                                },
+                                get ["class"] () {
+                                    return local.indicatorClassName;
+                                }
+                            })
+                    });
+                }
+            }))
+    });
+}
+function CarouselAutoplayTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.AutoplayTrigger, mergeProps({
+        "data-slot": "carousel-autoplay-trigger",
+        get ["class"] () {
+            return clsx(Carousel_module.autoplayTrigger, local.class);
+        }
+    }, others));
+}
+function CarouselAutoplayIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.AutoplayIndicator, mergeProps({
+        "data-slot": "carousel-autoplay-indicator",
+        get ["class"] () {
+            return clsx(Carousel_module.autoplayIndicator, local.class);
+        }
+    }, others));
+}
+function CarouselProgressText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Carousel.ProgressText, mergeProps({
+        "data-slot": "carousel-progress-text",
+        get ["class"] () {
+            return clsx(Carousel_module.progressText, local.class);
+        }
+    }, others));
+}
+const Carousel_Carousel = 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
+});
+export { Carousel_Carousel as Carousel, useCarousel, useCarouselContext };

package/dist/components/carousel/Carousel.jsx

@@ -0,0 +1,122 @@
+import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/solid/carousel";
+import { clsx } from "clsx";
+import { For, children, splitProps } from "solid-js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/Icons.jsx";
+import Carousel_module from "./Carousel.module.jsx";
+function CarouselRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.Root data-slot="carousel-root" class={clsx(Carousel_module.root, local.class)} {...others}/>;
+}
+function CarouselRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.RootProvider data-slot="carousel-root-provider" class={clsx(Carousel_module.root, local.class)} {...others}/>;
+}
+function CarouselControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.Control data-slot="carousel-control" class={clsx(Carousel_module.control, local.class)} {...others}/>;
+}
+function CarouselItemGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.ItemGroup data-slot="carousel-item-group" class={clsx(Carousel_module.itemGroup, local.class)} {...others}/>;
+}
+function CarouselItem(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.Item data-slot="carousel-item" class={clsx(Carousel_module.item, local.class)} {...others}/>;
+}
+function CarouselPrevTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Carousel.PrevTrigger asChild={local.asChild} data-slot="carousel-prev-trigger" class={clsx(Carousel_module.prevTrigger, local.class)} {...others}>
+      {resolvedChildren() ?? <span class={Carousel_module.defaultIcon}>
+          <ChevronLeftIcon/>
+        </span>}
+    </Carousel.PrevTrigger>;
+}
+function CarouselNextTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Carousel.NextTrigger asChild={local.asChild} data-slot="carousel-next-trigger" class={clsx(Carousel_module.nextTrigger, local.class)} {...others}>
+      {resolvedChildren() ?? <span class={Carousel_module.defaultIcon}>
+          <ChevronRightIcon/>
+        </span>}
+    </Carousel.NextTrigger>;
+}
+function CarouselIndicatorGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.IndicatorGroup data-slot="carousel-indicator-group" class={clsx(Carousel_module.indicatorGroup, local.class)} {...others}/>;
+}
+function CarouselIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.Indicator data-slot="carousel-indicator" class={clsx(Carousel_module.indicator, local.class)} {...others}/>;
+}
+function CarouselIndicators(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'children',
+        'indicatorClassName'
+    ]);
+    return <Carousel.Context>
+      {(api)=><CarouselIndicatorGroup class={local.class} {...others}>
+          <For each={api().pageSnapPoints}>
+            {(_, index)=><CarouselIndicator index={index()} class={local.indicatorClassName}/>}
+          </For>
+        </CarouselIndicatorGroup>}
+    </Carousel.Context>;
+}
+function CarouselAutoplayTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.AutoplayTrigger data-slot="carousel-autoplay-trigger" class={clsx(Carousel_module.autoplayTrigger, local.class)} {...others}/>;
+}
+function CarouselAutoplayIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.AutoplayIndicator data-slot="carousel-autoplay-indicator" class={clsx(Carousel_module.autoplayIndicator, local.class)} {...others}/>;
+}
+function CarouselProgressText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Carousel.ProgressText data-slot="carousel-progress-text" class={clsx(Carousel_module.progressText, local.class)} {...others}/>;
+}
+const Carousel_Carousel = 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
+});
+export { Carousel_Carousel as Carousel, useCarousel, useCarouselContext };

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

@@ -0,0 +1,16 @@
+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"
+};
+export default Carousel_module;

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

@@ -0,0 +1,16 @@
+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"
+};
+export default Carousel_module;

package/dist/components/carousel/Carousel_module.css

@@ -0,0 +1,230 @@
+@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;
+    outline: 0;
+    flex: auto;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+  }
+
+  .itemGroup-a7LtFI::-webkit-scrollbar {
+    display: none;
+  }
+
+  .itemGroup-a7LtFI:focus-visible {
+    outline: var(--moduix-carousel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-carousel-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-carousel-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
+
+  .itemGroup-a7LtFI[data-dragging] {
+    cursor: grabbing;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .itemGroup-a7LtFI[data-orientation="vertical"] {
+    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;
+  }
+
+  .indicatorGroup-TO_gj_[data-orientation="vertical"] {
+    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: width var(--moduix-transition-fast),
+      height 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], [data-current]):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);
+  }
+
+  .indicator-cjLdPK[data-orientation="vertical"][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 {
+    --_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(--_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;
+    direction: ltr;
+    unicode-bidi: isolate;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .itemGroup-a7LtFI {
+      scroll-behavior: auto;
+    }
+
+    .prevTrigger-TQv4Ak, .nextTrigger-PkJ3_8, .autoplayTrigger-h1Iihy, .indicator-cjLdPK {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .indicator-cjLdPK {
+      background-color: buttontext;
+    }
+
+    .indicator-cjLdPK[data-current] {
+      background-color: highlight;
+    }
+  }
+}
+

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

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

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

package/dist/components/chart/Chart.d.ts

@@ -0,0 +1,34 @@
+import { type HTMLArkProps } from '@ark-ui/solid/factory';
+import type { ChartRenderer, ChartRendererHostOptions, ChartTooltipBodyContext, ChartValue } from '@tanstack/charts';
+import { type JSX } from 'solid-js';
+type ChartTooltipBodyRenderContext<TDatum = unknown, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue> = ChartTooltipBodyContext<TDatum, TXValue, TYValue> & {
+    defaultBody: JSX.Element;
+};
+type ChartTooltipBodyRenderProps<TDatum = unknown, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue> = {
+    renderTooltipBody?: (context: ChartTooltipBodyRenderContext<TDatum, TXValue, TYValue>) => JSX.Element;
+};
+type ChartPlotProps<TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue> = Omit<ChartRendererHostOptions<TDatum, TXValue, TYValue>, 'onTooltipBodyChange' | 'renderer'> & ChartTooltipBodyRenderProps<TDatum, TXValue, TYValue> & {
+    class?: string;
+    style?: JSX.CSSProperties;
+    motion?: boolean;
+    renderer?: ChartRenderer<NoInfer<TDatum>, NoInfer<TXValue>, NoInfer<TYValue>>;
+};
+declare function ChartRoot(props: HTMLArkProps<'figure'>): JSX.Element;
+declare function ChartPlot<TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue>(props: ChartPlotProps<TDatum, TXValue, TYValue>): JSX.Element;
+declare function ChartHeader(props: HTMLArkProps<'figcaption'>): JSX.Element;
+declare function ChartTitle(props: HTMLArkProps<'h3'>): JSX.Element;
+declare function ChartDescription(props: HTMLArkProps<'p'>): JSX.Element;
+declare function ChartLegend(props: HTMLArkProps<'ul'>): JSX.Element;
+declare function ChartLegendItem(props: HTMLArkProps<'li'> & {
+    color?: string;
+}): JSX.Element;
+declare const Chart: typeof ChartRoot & {
+    Root: typeof ChartRoot;
+    Plot: typeof ChartPlot;
+    Header: typeof ChartHeader;
+    Title: typeof ChartTitle;
+    Description: typeof ChartDescription;
+    Legend: typeof ChartLegend;
+    LegendItem: typeof ChartLegendItem;
+};
+export { Chart };