opui-css 5.4.3 → 6.0.0-rc.2

package/dist/components/Carousel/Carousel.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { counterLabel, cssString, mergeStyle } from "../style.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    align,
+    aspectRatio,
+    buttons,
+    class: className,
+    itemsPerView,
+    markerLabel,
+    markers,
+    nextLabel,
+    orientation,
+    peek,
+    persistentButtons,
+    previousLabel,
+    stretch,
+    style,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+</script>
+
+<ul
+  class={[
+    "ui-carousel",
+    {
+      "ui-persistent-buttons": persistentButtons,
+      "ui-peek": peek,
+      "ui-stretch": stretch,
+      "ui-vertical": orientation === "vertical",
+      "ui-markers": markers,
+    },
+    align && align !== "start" && `ui-align-${align}`,
+    buttons && buttons !== "inside" && `ui-buttons-${buttons}`,
+    className,
+  ]}
+  style={mergeStyle(
+    {
+      "--_button-next-label": nextLabel && cssString(nextLabel),
+      "--_button-prev-label": previousLabel && cssString(previousLabel),
+      "--_items-per-view": itemsPerView,
+      "--_marker-label":
+        markerLabel && counterLabel(markerLabel, "ui-carousel-item"),
+      "--_media-aspect-ratio": aspectRatio,
+    },
+    style,
+  )}
+  {...rest}
+>
+  {@render children?.()}
+</ul>

package/dist/components/Carousel/Carousel.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Props } from "./types.svelte.js";
+declare const Carousel: import("svelte").Component<Props, {}, "">;
+type Carousel = ReturnType<typeof Carousel>;
+export default Carousel;
+//# sourceMappingURL=Carousel.svelte.d.ts.map

package/dist/components/Carousel/Carousel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAwD5C,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/Carousel/Carousel.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Props, Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Carousel.vue.d.ts.map

package/dist/components/Carousel/Carousel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAoBrD,KAAK,WAAW,GAAG,KAAK,CAAC;AA6DzB,QAAA,MAAM,UAAU,sRAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Carousel/Carousel.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { counterLabel, cssString, mergeStyle } from "../style.js";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'Carousel',
+    props: {
+        align: {},
+        aspectRatio: {},
+        buttons: {},
+        itemsPerView: {},
+        markerLabel: {},
+        markers: { type: Boolean },
+        nextLabel: {},
+        orientation: {},
+        peek: { type: Boolean },
+        persistentButtons: { type: Boolean },
+        previousLabel: {},
+        stretch: { type: Boolean },
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("ul", {
+                class: _normalizeClass([
+                    'ui-carousel',
+                    {
+                        'ui-persistent-buttons': __props.persistentButtons,
+                        'ui-peek': __props.peek,
+                        'ui-stretch': __props.stretch,
+                        'ui-vertical': __props.orientation === 'vertical',
+                        'ui-markers': __props.markers,
+                    },
+                    __props.align && __props.align !== 'start' && `ui-align-${__props.align}`,
+                    __props.buttons && __props.buttons !== 'inside' && `ui-buttons-${__props.buttons}`,
+                    _ctx.$props.class,
+                ]),
+                style: _normalizeStyle(_unref(mergeStyle)({
+                    '--_button-next-label': __props.nextLabel && _unref(cssString)(__props.nextLabel),
+                    '--_button-prev-label': __props.previousLabel && _unref(cssString)(__props.previousLabel),
+                    '--_items-per-view': __props.itemsPerView,
+                    '--_marker-label': __props.markerLabel && _unref(counterLabel)(__props.markerLabel, 'ui-carousel-item'),
+                    '--_media-aspect-ratio': __props.aspectRatio,
+                }, {}))
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 6 /* CLASS, STYLE */));
+        };
+    }
+});
+//# sourceMappingURL=Carousel.vue.js.map

package/dist/components/Carousel/Carousel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.vue.js","mappings":";;AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAS;;;;;;;;;;;;;;;;;;;;kCAqB3D,oBA6BK;gBA5BF,KAAK;;;iDAAkE,yBAAiB;mCAAqB,YAAI;sCAAwB,eAAO;uCAAyB,mBAAW;sCAAuC,eAAO;;oBAAiB,aAAK,IAAI,aAAK,4BAA4B,aAAK;oBAAU,eAAO,IAAI,eAAO,+BAA+B,eAAO;oBAAUA,WAAM,CAAC,KAAK;;gBAa1X,KAAK,kBAAS,kBAAU;4CAA8C,iBAAS,IAAI,iBAAS,CAAC,iBAAS;4CAAqC,qBAAa,IAAI,iBAAS,CAAC,qBAAa;yCAAkC,oBAAY;uCAA2C,mBAAW,IAAI,oBAAY,CAAC,mBAAW;6CAA0D,mBAAW;;;gBAczX,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Carousel/Carousel.vue"]}

package/dist/components/Carousel/types.d.ts

@@ -0,0 +1,19 @@
+export type Props = {
+    align?: "start" | "center";
+    aspectRatio?: number | string;
+    buttons?: "inside" | "none" | "outside";
+    itemsPerView?: number;
+    markerLabel?: string;
+    markers?: boolean;
+    nextLabel?: string;
+    orientation?: "horizontal" | "vertical";
+    peek?: boolean;
+    persistentButtons?: boolean;
+    previousLabel?: string;
+    stretch?: boolean;
+} & ({
+    "aria-label": string;
+} | {
+    "aria-labelledby": string;
+});
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Carousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/Carousel/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,CAAC;IAAE,YAAY,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}

package/dist/components/Carousel/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Carousel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/Carousel/types.ts"],"names":[],"mappings":""}

package/dist/components/Carousel/types.react.d.ts

@@ -0,0 +1,4 @@
+import type * as Base from "./types.js";
+import type { ComponentProps } from "react";
+export type Props = Base.Props & ComponentProps<"ul">;
+//# sourceMappingURL=types.react.d.ts.map

package/dist/components/Carousel/types.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.d.ts","sourceRoot":"","sources":["../../../components/Carousel/types.react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Carousel/types.react.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.react.js.map

package/dist/components/Carousel/types.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.js","sourceRoot":"","sources":["../../../components/Carousel/types.react.ts"],"names":[],"mappings":""}

package/dist/components/Carousel/types.svelte.d.ts

@@ -0,0 +1,4 @@
+import type * as Base from "./types.js";
+import type { SvelteHTMLElements } from "svelte/elements";
+export type Props = Base.Props & SvelteHTMLElements["ul"];
+//# sourceMappingURL=types.svelte.d.ts.map

package/dist/components/Carousel/types.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.d.ts","sourceRoot":"","sources":["../../../components/Carousel/types.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Carousel/types.svelte.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.svelte.js.map

package/dist/components/Carousel/types.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.js","sourceRoot":"","sources":["../../../components/Carousel/types.svelte.ts"],"names":[],"mappings":""}

package/dist/components/Carousel/types.vue-props.d.ts

@@ -0,0 +1,5 @@
+import type { Class, DefaultSlots } from "../vue.js";
+import type { Props as BaseProps } from "./types.js";
+export type Props = Omit<BaseProps, "aria-label" | "aria-labelledby"> & Class;
+export type Slots = DefaultSlots;
+//# sourceMappingURL=types.vue-props.d.ts.map

package/dist/components/Carousel/types.vue-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.d.ts","sourceRoot":"","sources":["../../../components/Carousel/types.vue-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,iBAAiB,CAAC,GAAG,KAAK,CAAA;AAE7E,MAAM,MAAM,KAAK,GAAG,YAAY,CAAA"}

package/dist/components/Carousel/types.vue-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.vue-props.js.map

package/dist/components/Carousel/types.vue-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.js","sourceRoot":"","sources":["../../../components/Carousel/types.vue-props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import type { Props } from "./types.react.js";
+export default function Checkbox({ "aria-invalid": ariaInvalid, card, className, error, hideLabel, label, orientation, size, spread, style, variant, children, endText, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.react.d.ts.map

package/dist/components/Checkbox/Checkbox.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.react.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/Checkbox.react.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,cAAc,EAAE,WAAW,EAC3B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,KAAK,+BAyBP"}

package/dist/components/Checkbox/Checkbox.react.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import CheckboxInput from "./CheckboxInput.react.js";
+import { hasName, warnUnnamed } from "../dev.js";
+export default function Checkbox({ "aria-invalid": ariaInvalid, card, className, error, hideLabel, label, orientation, size, spread, style, variant, children, endText, ...rest }) {
+    warnUnnamed("Checkbox", hasName({ ...rest, label }, children));
+    return (_jsxs("label", { className: cx([
+            "ui-checkbox",
+            { "ui-card": card, "ui-spread": spread },
+            card && variant && variant !== "outlined" && `ui-${variant}`,
+            orientation && orientation !== "horizontal" && `ui-${orientation}`,
+            size && size !== "medium" && `ui-${size}`,
+            className,
+        ]), style: style, children: [_jsx(CheckboxInput, { ...rest, "aria-invalid": error ? "true" : ariaInvalid }), (label || children) && (_jsxs("span", { className: hideLabel ? "ui-sr-only" : "ui-label", children: [label, children] })), endText && _jsx("span", { className: "ui-end-text", children: endText })] }));
+}
+//# sourceMappingURL=Checkbox.react.js.map

package/dist/components/Checkbox/Checkbox.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.react.js","sourceRoot":"","sources":["../../../components/Checkbox/Checkbox.react.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,aAAa,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAG7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,cAAc,EAAE,WAAW,EAC3B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACD;IACN,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9D,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CAAC;YACZ,aAAa;YACb,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE;YACxC,IAAI,IAAI,OAAO,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,OAAO,EAAE;YAC5D,WAAW,IAAI,WAAW,KAAK,YAAY,IAAI,MAAM,WAAW,EAAE;YAClE,IAAI,IAAI,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAI,EAAE;YACzC,SAAS;SACV,CAAC,EACF,KAAK,EAAE,KAAK,aAEZ,KAAC,aAAa,OAAK,IAAI,kBAAgB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,GAAI,EACtE,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,gBAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,aACnD,KAAK,EACL,QAAQ,IACJ,CACR,EACA,OAAO,IAAI,eAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,IACpD,CACT,CAAA;AACH,CAAC"}

package/dist/components/Checkbox/Checkbox.svelte

@@ -0,0 +1,59 @@
+<script lang="ts">
+  import { untrack } from "svelte"
+  import { content } from "../content.svelte"
+  import CheckboxInput from "./CheckboxInput.svelte"
+  import { hasName, warnUnnamed } from "../dev.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    "aria-invalid": ariaInvalid,
+    card,
+    checked = $bindable(),
+    class: className,
+    error,
+    group = $bindable(),
+    hideLabel,
+    label,
+    orientation,
+    size,
+    spread,
+    style,
+    variant,
+
+    // Snippets
+    children,
+    endText,
+    ...rest
+  }: Props = $props()
+
+  untrack(() => warnUnnamed("Checkbox", hasName({ ...rest, label }, children)))
+</script>
+
+<label
+  class={[
+    "ui-checkbox",
+    { "ui-card": card, "ui-spread": spread },
+    card && variant && variant !== "outlined" && `ui-${variant}`,
+    orientation && orientation !== "horizontal" && `ui-${orientation}`,
+    size && size !== "medium" && `ui-${size}`,
+    className,
+  ]}
+  {style}
+>
+  <CheckboxInput
+    {...rest}
+    aria-invalid={error ? "true" : ariaInvalid}
+    bind:checked
+    bind:group
+  />
+  {#if label || children}
+    <span class={[hideLabel ? "ui-sr-only" : "ui-label"]}>
+      {label}{@render children?.()}
+    </span>
+  {/if}
+  {#if endText}
+    <span class="ui-end-text">
+      {@render content(endText)}
+    </span>
+  {/if}
+</label>

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

@@ -0,0 +1,5 @@
+import type { Props } from "./types.svelte.js";
+declare const Checkbox: import("svelte").Component<Props, {}, "checked" | "group">;
+type Checkbox = ReturnType<typeof Checkbox>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.svelte.d.ts.map

package/dist/components/Checkbox/Checkbox.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/Checkbox.svelte"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAwD5C,QAAA,MAAM,QAAQ,4DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { Props, Slots } from "./types.vue-props.js";
+type __VLS_Props = Props;
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    modelValue?: boolean | (string | number)[] | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | (string | number)[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | (string | number)[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Checkbox.vue.d.ts.map

package/dist/components/Checkbox/Checkbox.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/Checkbox.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG,KAAK,CAAC;AAczB,KAAK,WAAW,GAAG,KAAK,CAAC;AAkBzB,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CACtD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA6ExD,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Checkbox/Checkbox.vue.js

@@ -0,0 +1,79 @@
+import { useSlots as _useSlots, useModel as _useModel, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, mergeProps as _mergeProps, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = {
+    key: 1,
+    class: "ui-end-text"
+};
+import { useInputAttrs } from "../vue.js";
+import { TrimmedSlot } from "../whitespace.vue.js";
+import CheckboxInput from "./CheckboxInput.vue.js";
+import { hasName, warnUnnamed } from "../dev.js";
+export default /*@__PURE__*/ _defineComponent({
+    ...{
+        inheritAttrs: false,
+    },
+    __name: 'Checkbox',
+    props: /*@__PURE__*/ _mergeModels({
+        card: { type: Boolean },
+        endText: {},
+        error: { type: Boolean },
+        hideLabel: { type: Boolean },
+        indeterminate: { type: Boolean },
+        label: {},
+        orientation: {},
+        size: {},
+        spread: { type: Boolean },
+        variant: {},
+        class: { type: [Boolean, null, String, Object, Array] }
+    }, {
+        "modelValue": { type: [Boolean, Array], ...{
+                default: undefined,
+            } },
+        "modelModifiers": {},
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+        const slots = _useSlots();
+        const attrs = useInputAttrs();
+        const modelValue = _useModel(__props, "modelValue");
+        warnUnnamed("Checkbox", hasName({ ...attrs.value, label: __props.label }, slots.default));
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("label", {
+                class: _normalizeClass([
+                    'ui-checkbox',
+                    { 'ui-card': __props.card, 'ui-spread': __props.spread },
+                    __props.card && __props.variant && __props.variant !== 'outlined' && `ui-${__props.variant}`,
+                    __props.orientation && __props.orientation !== 'horizontal' && `ui-${__props.orientation}`,
+                    __props.size && __props.size !== 'medium' && `ui-${__props.size}`,
+                    _ctx.$props.class,
+                ]),
+                style: _normalizeStyle(_ctx.$attrs.style)
+            }, [
+                _createVNode(CheckboxInput, _mergeProps(_unref(attrs), {
+                    indeterminate: __props.indeterminate,
+                    "aria-invalid": __props.error ? 'true' : _unref(attrs)['aria-invalid'],
+                    modelValue: modelValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ((modelValue).value = $event))
+                }), null, 16 /* FULL_PROPS */, ["indeterminate", "aria-invalid", "modelValue"]),
+                (__props.label || _ctx.$slots.default)
+                    ? (_openBlock(), _createElementBlock("span", {
+                        key: 0,
+                        class: _normalizeClass([__props.hideLabel ? 'ui-sr-only' : 'ui-label'])
+                    }, [
+                        _createTextVNode(_toDisplayString(__props.label), 1 /* TEXT */),
+                        _createVNode(_unref(TrimmedSlot), {
+                            nodes: _ctx.$slots.default?.()
+                        }, null, 8 /* PROPS */, ["nodes"])
+                    ], 2 /* CLASS */))
+                    : _createCommentVNode("v-if", true),
+                (__props.endText || _ctx.$slots['end-text'])
+                    ? (_openBlock(), _createElementBlock("span", _hoisted_1, [
+                        _createTextVNode(_toDisplayString(__props.endText), 1 /* TEXT */),
+                        _renderSlot(_ctx.$slots, "end-text")
+                    ]))
+                    : _createCommentVNode("v-if", true)
+            ], 6 /* CLASS, STYLE */));
+        };
+    }
+});
+//# sourceMappingURL=Checkbox.vue.js.map

package/dist/components/Checkbox/Checkbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue.js","mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAO;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAkB;AAC9C,OAAO,aAAa,MAAM,qBAAoB;AAC9C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;QAe5C,MAAM,KAAK,GAAG;QAMd,MAAM,KAAK,GAAG,aAAa,EAAC;QAE5B,MAAM,UAAU,GAAG,SAAW,CAA2C,qBAExE;QAED,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAI,eAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC;;kCAIvE,oBAyBQ;gBAxBL,KAAK;;iCAA4C,YAAI,eAAe,cAAM;oBAAU,YAAI,IAAI,eAAO,IAAI,eAAO,yBAAyB,eAAO;oBAAU,mBAAW,IAAI,mBAAW,2BAA2B,mBAAW;oBAAU,YAAI,IAAI,YAAI,uBAAuB,YAAI;oBAAUA,WAAM,CAAC,KAAK;;gBAQ/R,KAAK,kBAAEC,WAAM,CAAC,KAAK;;gBAEpB,aAKE,eALF,YACU,MAIR,OAJa;oBACZ,aAAa,EAAE,qBAAa;oBAC5B,cAAY,EAAE,aAAK,YAAY,aAAK;gCAC5B,gBAAU;mFAAV,UAAU;;iBAGb,aAAK,IAAIC,WAAM,CAAC,OAAO;qCAD/B,oBAIS;;wBAFN,KAAK,mBAAG,iBAAS;;0DACd,aAAK;wBAAG,aACZ;4BAD0B,KAAK,EAAEA,WAAM,CAAC,OAAO;;;;iBAErC,eAAO,IAAIA,WAAM;qCAA7B,oBAEQ,QAFR,UAEQ;0DADF,eAAO;wBAAG,YACf","names":["$props","$attrs","$slots"],"ignoreList":[],"sources":["../../../components/Checkbox/Checkbox.vue"]}

package/dist/components/Checkbox/CheckboxInput.react.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxInputProps as Props } from "./types.react.js";
+export default function CheckboxInput({ indeterminate, name, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=CheckboxInput.react.d.ts.map

package/dist/components/Checkbox/CheckboxInput.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.react.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/CheckboxInput.react.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,+BAc5E"}

package/dist/components/Checkbox/CheckboxInput.react.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { defined } from "../attrs.js";
+import { useFieldGroupContext } from "../FieldGroup/context.react.js";
+export default function CheckboxInput({ indeterminate, name, ...rest }) {
+    const field = useFieldGroupContext();
+    useEffect(() => {
+        void import("../../../css/js/checkbox.js");
+    }, []);
+    return (_jsx("input", { type: "checkbox", "data-indeterminate": indeterminate ? "" : undefined, name: name ?? field?.name, ...defined(rest) }));
+}
+//# sourceMappingURL=CheckboxInput.react.js.map

package/dist/components/Checkbox/CheckboxInput.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.react.js","sourceRoot":"","sources":["../../../components/Checkbox/CheckboxInput.react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGlE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAS;IAC3E,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAA;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,MAAM,CAAC,0BAA0B,CAAC,CAAA;IACzC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,gBACE,IAAI,EAAC,UAAU,wBACK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,KACrB,OAAO,CAAC,IAAI,CAAC,GACjB,CACH,CAAA;AACH,CAAC"}

package/dist/components/Checkbox/CheckboxInput.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import "../../../css/js/checkbox.js"
+  import { untrack } from "svelte"
+  import { toggleInGroup } from "../group.js"
+  import { getFieldGroupContext } from "../FieldGroup/context.svelte.js"
+  import { defined } from "../attrs.js"
+  import type { CheckboxInputProps as Props } from "./types.svelte.js"
+
+  let {
+    checked = $bindable(),
+    defaultChecked,
+    group = $bindable(),
+    indeterminate,
+    name,
+    value,
+    ...rest
+  }: Props = $props()
+
+  const field = getFieldGroupContext()
+  const getChecked = () =>
+    group ? group.includes(value) : !!(checked ?? defaultChecked)
+  const setChecked = (isChecked: boolean) => {
+    if (group) group = toggleInGroup(group, value, isChecked)
+    else checked = isChecked
+  }
+  const initialChecked = untrack(getChecked)
+</script>
+
+<input
+  type="checkbox"
+  data-indeterminate={indeterminate ? "" : undefined}
+  name={name ?? field?.name}
+  {...defined(rest)}
+  bind:checked={getChecked, setChecked}
+  defaultChecked={defaultChecked ?? initialChecked}
+  {value}
+/>

package/dist/components/Checkbox/CheckboxInput.svelte.d.ts

@@ -0,0 +1,6 @@
+import "../../../css/js/checkbox.js";
+import type { CheckboxInputProps as Props } from "./types.svelte.js";
+declare const CheckboxInput: import("svelte").Component<Props, {}, "checked" | "group">;
+type CheckboxInput = ReturnType<typeof CheckboxInput>;
+export default CheckboxInput;
+//# sourceMappingURL=CheckboxInput.svelte.d.ts.map

package/dist/components/Checkbox/CheckboxInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.svelte.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/CheckboxInput.svelte"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAA;AAKjC,OAAO,KAAK,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAkClE,QAAA,MAAM,aAAa,4DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Checkbox/CheckboxInput.vue.d.ts

@@ -0,0 +1,15 @@
+import "../../../css/js/checkbox.js";
+import type { CheckboxInputProps as Props } from "./types.vue-props.js";
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: boolean | (string | number)[] | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | (string | number)[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | (string | number)[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=CheckboxInput.vue.d.ts.map

package/dist/components/Checkbox/CheckboxInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.vue.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/CheckboxInput.vue"],"names":[],"mappings":"AAmDA,OAAO,0BAA0B,CAAA;AAWjC,OAAO,KAAK,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIpE,KAAK,WAAW,GAAG,KAAK,CAAC;AA4BzB,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CACtD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmCxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Checkbox/CheckboxInput.vue.js

@@ -0,0 +1,51 @@
+import { useModel as _useModel, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, vModelCheckbox as _vModelCheckbox, mergeProps as _mergeProps, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["data-indeterminate", "name"];
+import "../../../css/js/checkbox.js";
+import { computed, inject, useAttrs, } from "vue";
+import { vSeed } from "../vue.js";
+import { FieldGroupKey } from "../FieldGroup/context.vue.js";
+import { defined } from "../attrs.js";
+import { classAttrs } from "../cx.js";
+export default /*@__PURE__*/ _defineComponent({
+    ...{
+        inheritAttrs: false,
+    },
+    __name: 'CheckboxInput',
+    props: /*@__PURE__*/ _mergeModels({
+        indeterminate: { type: Boolean },
+        class: { type: [Boolean, null, String, Object, Array] },
+        name: {}
+    }, {
+        "modelValue": { type: [Boolean, Array], ...{
+                default: undefined,
+            } },
+        "modelModifiers": {},
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+        const attrs = useAttrs();
+        const modelValue = _useModel(__props, "modelValue");
+        const model = computed({
+            get: () => modelValue.value ??
+                (attrs.checked !== undefined && attrs.checked !== false),
+            set: (value) => {
+                modelValue.value = value;
+            },
+        });
+        const field = inject(FieldGroupKey, undefined);
+        return (_ctx, _cache) => {
+            return _withDirectives((_openBlock(), _createElementBlock("input", _mergeProps({
+                type: "checkbox",
+                "data-indeterminate": __props.indeterminate ? '' : undefined,
+                name: __props.name ?? _unref(field)?.name
+            }, { ..._unref(defined)(_unref(attrs)), ..._unref(classAttrs)(_ctx.$props.class) }, {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ((model).value = $event))
+            }), null, 16 /* FULL_PROPS */, _hoisted_1)), [
+                [_unref(vSeed)],
+                [_vModelCheckbox, model.value]
+            ]);
+        };
+    }
+});
+//# sourceMappingURL=CheckboxInput.vue.js.map

package/dist/components/Checkbox/CheckboxInput.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.vue.js","mappings":";;;AACA,OAAO,0BAAyB;AAChC,OAAO,EACL,QAAQ,EACR,MAAM,EAEN,QAAQ,GACT,MAAM,KAAI;AACX,OAAO,EAAE,KAAK,EAAE,MAAM,QAAO;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA0B;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAS;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAM;;;;;;;;;;;;;;;;;;QASjC,MAAM,KAAK,GAAG,QAAQ,EAAwC;QAE9D,MAAM,UAAU,GAAG,SAAW,CAA2C,qBAExE;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC;YACrB,GAAG,EAAE,GAAG,EAAC,CACP,UAAU,CAAC,KAAK;gBAChB,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC;YAC1D,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;gBACb,UAAU,CAAC,KAAK,GAAG,KAAI;YACzB,CAAC;SACF;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,EAAE,SAAS;;kDAI3C,oBAOE,SAPF,YAOE;gBANA,IAAI,EAAC,UAAU;gBACd,oBAAkB,EAAE,qBAAa,QAAQ,SAAS;gBAClD,IAAI,EAAE,YAAI,IAAI,aAAK,EAAE,IAAI;oBACb,eAAO,CAAC,aAAK,MAAM,kBAAU,CAACA,WAAM,CAAC,KAAK;+EAE9C,KAAK;;;kCAAL,WAAK","names":["$props"],"ignoreList":[],"sources":["../../../components/Checkbox/CheckboxInput.vue"]}

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

@@ -0,0 +1,19 @@
+export type Props = {
+    card?: boolean;
+    endText?: string;
+    error?: boolean;
+    hideLabel?: boolean;
+    indeterminate?: boolean;
+    label?: string;
+    orientation?: "horizontal" | "vertical";
+    size?: "x-small" | "small" | "medium" | "large";
+    spread?: boolean;
+    variant?: "elevated" | "outlined" | "tonal";
+};
+export type Slots<S> = {
+    endText?: string | S;
+};
+export type CheckboxInputProps = {
+    indeterminate?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/Checkbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA"}

package/dist/components/Checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/Checkbox/types.ts"],"names":[],"mappings":""}