@telia/teddy 0.7.16 → 0.7.26

package/dist/components/checkbox-card-group/checkbox-card-group-item-body.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_checkboxCardGroup_checkboxCardGroupRoot = require("./checkbox-card-group-root.cjs");
+const components_text_text = require("../text/text.cjs");
+const Body = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__body`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { ref: forwardRef, className: classes, ...props, children });
+  }
+);
+Body.displayName = "Body";
+exports.Body = Body;

package/dist/components/checkbox-card-group/checkbox-card-group-item-body.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { Text } from '../text';
+
+export type BodyProps = React.ComponentPropsWithoutRef<typeof Text>;
+export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/checkbox-card-group/checkbox-card-group-item-body.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { s as styles, rootClassName } from "./checkbox-card-group-root.js";
+import { Text } from "../text/text.js";
+const Body = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__body`]], className);
+    return /* @__PURE__ */ jsx(Text, { ref: forwardRef, className: classes, ...props, children });
+  }
+);
+Body.displayName = "Body";
+export {
+  Body
+};

package/dist/components/checkbox-card-group/checkbox-card-group-item-title.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("clsx");
+require("react");
+require("./checkbox-card-group-root.cjs");
+require("@radix-ui/react-slot");
+require("../metric-meter/metric-meter.cjs");
+require("../footer/index.cjs");
+require("../pagination/index.cjs");
+require("../select/index.cjs");
+require("../avatar/index.cjs");
+require("../dashboard-card/index.cjs");
+require("../table/index.cjs");
+require("../flip-card/index.cjs");
+require("../channel-button/index.cjs");
+require("../collapsible/index.cjs");
+require("../meter-bar/index.cjs");
+require("../skeleton/index.cjs");
+require("../checkbox/index.cjs");
+const components_checkboxCardGroup_checkboxCardGroupIndicator = require("./checkbox-card-group-indicator.cjs");
+require("../toast/toast-root.cjs");
+require("sonner");
+require("../toggletip/index.cjs");
+require("../breadcrumbs/index.cjs");
+require("../ribbon/index.cjs");
+require("../expandable-card/index.cjs");
+require("../color-dot/color-dot-root.cjs");
+require("../progress-bar/progress-bar.cjs");
+require("../notabene/index.cjs");
+require("../tooltip/index.cjs");
+require("../list/index.cjs");
+require("../scroll-area/index.cjs");
+require("../tabs/index.cjs");
+require("../drawer/index.cjs");
+require("../image/image.cjs");
+require("../chip/index.cjs");
+require("../../assets/sprite.6511e521-teddy.svg");
+require("../notification/index.cjs");
+require("../radio-group/index.cjs");
+require("../box/box.cjs");
+require("../flex/flex.cjs");
+require("../card/index.cjs");
+require("../grid/grid.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+require("../badge/alert-badge.cjs");
+require("../badge/counter-badge.cjs");
+require("../button/button.cjs");
+require("../field-error-text/field-error-text.cjs");
+require("../helper-text/helper-text.cjs");
+require("../input/index.cjs");
+require("../label/label.cjs");
+require("../spinner/spinner.cjs");
+require("../text/text.cjs");
+require("../text-field/index.cjs");
+require("../heading/heading.cjs");
+require("../visually-hidden/visually-hidden.cjs");
+require("../text-spacing/text-spacing.cjs");
+require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
+require("../slider/slider.cjs");
+exports.Title = components_checkboxCardGroup_checkboxCardGroupIndicator.Title$1;

package/dist/components/checkbox-card-group/checkbox-card-group-item-title.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export type TitleProps = React.ComponentPropsWithoutRef<'h2'> & {
+    asChild?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export declare const Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean | undefined;
+    checked?: boolean | undefined;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+    disabled?: boolean | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/checkbox-card-group/checkbox-card-group-item-title.js

@@ -0,0 +1,65 @@
+import "react/jsx-runtime";
+import "clsx";
+import "react";
+import "./checkbox-card-group-root.js";
+import "@radix-ui/react-slot";
+import "../metric-meter/metric-meter.js";
+import "../footer/index.js";
+import "../pagination/index.js";
+import "../select/index.js";
+import "../avatar/index.js";
+import "../dashboard-card/index.js";
+import "../table/index.js";
+import "../flip-card/index.js";
+import "../channel-button/index.js";
+import "../collapsible/index.js";
+import "../meter-bar/index.js";
+import "../skeleton/index.js";
+import "../checkbox/index.js";
+import { T } from "./checkbox-card-group-indicator.js";
+import "../toast/toast-root.js";
+import "sonner";
+import "../toggletip/index.js";
+import "../breadcrumbs/index.js";
+import "../ribbon/index.js";
+import "../expandable-card/index.js";
+import "../color-dot/color-dot-root.js";
+import "../progress-bar/progress-bar.js";
+import "../notabene/index.js";
+import "../tooltip/index.js";
+import "../list/index.js";
+import "../scroll-area/index.js";
+import "../tabs/index.js";
+import "../drawer/index.js";
+import "../image/image.js";
+import "../chip/index.js";
+import "../../assets/sprite.6511e521-teddy.svg";
+import "../notification/index.js";
+import "../radio-group/index.js";
+import "../box/box.js";
+import "../flex/flex.js";
+import "../card/index.js";
+import "../grid/grid.js";
+import "../toggle/toggle.js";
+import "../accordion/index.js";
+import "../link/link.js";
+import "../badge/badge.js";
+import "../badge/alert-badge.js";
+import "../badge/counter-badge.js";
+import "../button/button.js";
+import "../field-error-text/field-error-text.js";
+import "../helper-text/helper-text.js";
+import "../input/index.js";
+import "../label/label.js";
+import "../spinner/spinner.js";
+import "../text/text.js";
+import "../text-field/index.js";
+import "../heading/heading.js";
+import "../visually-hidden/visually-hidden.js";
+import "../text-spacing/text-spacing.js";
+import "../container/container.js";
+import "../carousel/carousel-root.js";
+import "../slider/slider.js";
+export {
+  T as Title
+};

package/dist/components/checkbox-card-group/checkbox-card-group-item.cjs

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("clsx");
+require("react");
+require("./checkbox-card-group-root.cjs");
+require("../metric-meter/metric-meter.cjs");
+require("../footer/index.cjs");
+require("../pagination/index.cjs");
+require("../select/index.cjs");
+require("../avatar/index.cjs");
+require("../dashboard-card/index.cjs");
+require("../table/index.cjs");
+require("../flip-card/index.cjs");
+require("../channel-button/index.cjs");
+require("../collapsible/index.cjs");
+require("../meter-bar/index.cjs");
+require("../skeleton/index.cjs");
+require("../checkbox/index.cjs");
+const components_checkboxCardGroup_checkboxCardGroupIndicator = require("./checkbox-card-group-indicator.cjs");
+require("../toast/toast-root.cjs");
+require("sonner");
+require("../toggletip/index.cjs");
+require("../breadcrumbs/index.cjs");
+require("../ribbon/index.cjs");
+require("../expandable-card/index.cjs");
+require("../color-dot/color-dot-root.cjs");
+require("../progress-bar/progress-bar.cjs");
+require("../notabene/index.cjs");
+require("../tooltip/index.cjs");
+require("../list/index.cjs");
+require("../scroll-area/index.cjs");
+require("../tabs/index.cjs");
+require("../drawer/index.cjs");
+require("../image/image.cjs");
+require("../chip/index.cjs");
+require("../../assets/sprite.6511e521-teddy.svg");
+require("../notification/index.cjs");
+require("../radio-group/index.cjs");
+require("../box/box.cjs");
+require("../flex/flex.cjs");
+require("../card/index.cjs");
+require("../grid/grid.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+require("../badge/alert-badge.cjs");
+require("../badge/counter-badge.cjs");
+require("../button/button.cjs");
+require("../field-error-text/field-error-text.cjs");
+require("../helper-text/helper-text.cjs");
+require("../input/index.cjs");
+require("../label/label.cjs");
+require("../spinner/spinner.cjs");
+require("../text/text.cjs");
+require("../text-field/index.cjs");
+require("../heading/heading.cjs");
+require("../visually-hidden/visually-hidden.cjs");
+require("../text-spacing/text-spacing.cjs");
+require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
+require("../slider/slider.cjs");
+require("../../utils/composeRefs.cjs");
+exports.Item = components_checkboxCardGroup_checkboxCardGroupIndicator.Item$1;
+exports.ItemContext = components_checkboxCardGroup_checkboxCardGroupIndicator.ItemContext$1;

package/dist/components/checkbox-card-group/checkbox-card-group-item.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export type ItemProps = React.ComponentPropsWithoutRef<'div'> & {
+    value: string;
+    children: React.ReactNode;
+    imageUrl?: string;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export declare const ItemContext: React.Context<{
+    triggerRef: React.RefObject<HTMLDivElement>;
+    id?: string | undefined;
+} | undefined>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    value: string;
+    children: React.ReactNode;
+    imageUrl?: string | undefined;
+    checked?: boolean | undefined;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+    disabled?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox-card-group/checkbox-card-group-item.js

@@ -0,0 +1,66 @@
+import "react/jsx-runtime";
+import "clsx";
+import "react";
+import "./checkbox-card-group-root.js";
+import "../metric-meter/metric-meter.js";
+import "../footer/index.js";
+import "../pagination/index.js";
+import "../select/index.js";
+import "../avatar/index.js";
+import "../dashboard-card/index.js";
+import "../table/index.js";
+import "../flip-card/index.js";
+import "../channel-button/index.js";
+import "../collapsible/index.js";
+import "../meter-bar/index.js";
+import "../skeleton/index.js";
+import "../checkbox/index.js";
+import { b, I } from "./checkbox-card-group-indicator.js";
+import "../toast/toast-root.js";
+import "sonner";
+import "../toggletip/index.js";
+import "../breadcrumbs/index.js";
+import "../ribbon/index.js";
+import "../expandable-card/index.js";
+import "../color-dot/color-dot-root.js";
+import "../progress-bar/progress-bar.js";
+import "../notabene/index.js";
+import "../tooltip/index.js";
+import "../list/index.js";
+import "../scroll-area/index.js";
+import "../tabs/index.js";
+import "../drawer/index.js";
+import "../image/image.js";
+import "../chip/index.js";
+import "../../assets/sprite.6511e521-teddy.svg";
+import "../notification/index.js";
+import "../radio-group/index.js";
+import "../box/box.js";
+import "../flex/flex.js";
+import "../card/index.js";
+import "../grid/grid.js";
+import "../toggle/toggle.js";
+import "../accordion/index.js";
+import "../link/link.js";
+import "../badge/badge.js";
+import "../badge/alert-badge.js";
+import "../badge/counter-badge.js";
+import "../button/button.js";
+import "../field-error-text/field-error-text.js";
+import "../helper-text/helper-text.js";
+import "../input/index.js";
+import "../label/label.js";
+import "../spinner/spinner.js";
+import "../text/text.js";
+import "../text-field/index.js";
+import "../heading/heading.js";
+import "../visually-hidden/visually-hidden.js";
+import "../text-spacing/text-spacing.js";
+import "../container/container.js";
+import "../carousel/carousel-root.js";
+import "../slider/slider.js";
+import "../../utils/composeRefs.js";
+export {
+  b as Item,
+  I as ItemContext
+};

package/dist/components/checkbox-card-group/checkbox-card-group-label.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_checkboxCardGroup_checkboxCardGroupRoot = require("./checkbox-card-group-root.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const GroupLabel = React.forwardRef(
+  ({ className, asChild, as: Tag = "h3", children, ...props }, forwardRef) => {
+    const context = React.useContext(components_checkboxCardGroup_checkboxCardGroupRoot.RootContext);
+    const classes = clsx(
+      [components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__card-group-label`]],
+      {
+        [components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__card-group-label--required`]]: context == null ? void 0 : context.required
+      },
+      className
+    );
+    const fallbackId = React.useId();
+    const id = props.id || fallbackId;
+    React.useEffect(() => {
+      if (context) {
+        context.setGroupLabelId(id);
+      }
+    }, [id, context]);
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, id, ref: forwardRef, className: classes, children: asChild ? children : Tag ? /* @__PURE__ */ jsxRuntime.jsx(Tag, { children }) : null });
+  }
+);
+GroupLabel.displayName = "GroupLabel";
+exports.GroupLabel = GroupLabel;

package/dist/components/checkbox-card-group/checkbox-card-group-label.d.ts

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+
+export type GroupLabelProps = {
+    id?: string;
+    asChild?: false;
+} & (AsChildProps | H2Props | H3Props | H4Props | H5Props | H6Props);
+type AsChildProps = {
+    /**
+     * If `true`, the children element will be cloned and used instead of the heading element.
+     */
+    asChild: true;
+    as?: never;
+} & React.ComponentPropsWithoutRef<'h1'>;
+type H2Props = {
+    as?: 'h2';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h2'>;
+type H3Props = {
+    as?: 'h3';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h3'>;
+type H4Props = {
+    as?: 'h4';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h4'>;
+type H5Props = {
+    as?: 'h5';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h5'>;
+type H6Props = {
+    as?: 'h6';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h6'>;
+export declare const GroupLabel: React.ForwardRefExoticComponent<(({
+    id?: string | undefined;
+    asChild?: false | undefined;
+} & {
+    as?: "h2" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+    id?: string | undefined;
+    asChild?: false | undefined;
+} & {
+    as?: "h3" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+    id?: string | undefined;
+    asChild?: false | undefined;
+} & {
+    as?: "h4" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+    id?: string | undefined;
+    asChild?: false | undefined;
+} & {
+    as?: "h5" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+    id?: string | undefined;
+    asChild?: false | undefined;
+} & {
+    as?: "h6" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">)) & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/checkbox-card-group/checkbox-card-group-label.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { RootContext, s as styles, rootClassName } from "./checkbox-card-group-root.js";
+import { Slot } from "@radix-ui/react-slot";
+const GroupLabel = React__default.forwardRef(
+  ({ className, asChild, as: Tag = "h3", children, ...props }, forwardRef) => {
+    const context = React__default.useContext(RootContext);
+    const classes = clsx(
+      [styles[`${rootClassName}__card-group-label`]],
+      {
+        [styles[`${rootClassName}__card-group-label--required`]]: context == null ? void 0 : context.required
+      },
+      className
+    );
+    const fallbackId = React__default.useId();
+    const id = props.id || fallbackId;
+    React__default.useEffect(() => {
+      if (context) {
+        context.setGroupLabelId(id);
+      }
+    }, [id, context]);
+    return /* @__PURE__ */ jsx(Slot, { ...props, id, ref: forwardRef, className: classes, children: asChild ? children : Tag ? /* @__PURE__ */ jsx(Tag, { children }) : null });
+  }
+);
+GroupLabel.displayName = "GroupLabel";
+export {
+  GroupLabel
+};

package/dist/components/checkbox-card-group/checkbox-card-group-root.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const styles = {
+  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1s01l_1",
+  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1s01l_9",
+  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1s01l_14",
+  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1s01l_14",
+  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1s01l_17",
+  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1s01l_26",
+  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1s01l_29",
+  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1s01l_64",
+  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1s01l_149",
+  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1s01l_208"
+};
+const rootClassName = "teddy-checkbox-card-group";
+const RootContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, children, orientation = "vertical", direction = "left", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const [groupLabelId, setGroupLabelId] = React.useState();
+    return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { setGroupLabelId, required: props.required }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-labelledby": groupLabelId,
+        "data-orientation": orientation,
+        "data-direction": direction,
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        children
+      }
+    ) });
+  }
+);
+Root.displayName = "CheckboxCardGroup";
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/checkbox-card-group/checkbox-card-group-root.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+
+export declare const rootClassName = "teddy-checkbox-card-group";
+export declare const RootContext: React.Context<{
+    setGroupLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    required: boolean | undefined;
+} | undefined>;
+export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
+    /** When `true`, prevents the user from interacting with checkbox items. */
+    disabled?: boolean;
+    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
+    name?: string;
+    /** When `true`, indicates that the user must check at least one checkbox item before the owning form can be submitted. */
+    required?: boolean;
+    /** The controlled values of the checkbox items that are checked. Should be used in conjunction with onValueChange. */
+    value?: string[];
+    /** Event handler called when the values change. */
+    onValueChange?: (value: string[]) => void;
+    /** The orientation of the component. */
+    orientation?: 'horizontal' | 'vertical';
+    /** The reading direction of the checkbox group. If omitted, assumes left-to-right reading mode. */
+    direction?: 'left' | 'right';
+};
+export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** When `true`, prevents the user from interacting with checkbox items. */
+    disabled?: boolean | undefined;
+    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
+    name?: string | undefined;
+    /** When `true`, indicates that the user must check at least one checkbox item before the owning form can be submitted. */
+    required?: boolean | undefined;
+    /** The controlled values of the checkbox items that are checked. Should be used in conjunction with onValueChange. */
+    value?: string[] | undefined;
+    /** Event handler called when the values change. */
+    onValueChange?: ((value: string[]) => void) | undefined;
+    /** The orientation of the component. */
+    orientation?: "horizontal" | "vertical" | undefined;
+    /** The reading direction of the checkbox group. If omitted, assumes left-to-right reading mode. */
+    direction?: "left" | "right" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox-card-group/checkbox-card-group-root.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+const styles = {
+  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1s01l_1",
+  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1s01l_9",
+  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1s01l_14",
+  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1s01l_14",
+  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1s01l_17",
+  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1s01l_26",
+  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1s01l_29",
+  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1s01l_64",
+  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1s01l_149",
+  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1s01l_208"
+};
+const rootClassName = "teddy-checkbox-card-group";
+const RootContext = React__default.createContext(void 0);
+const Root = React__default.forwardRef(
+  ({ className, children, orientation = "vertical", direction = "left", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const [groupLabelId, setGroupLabelId] = React__default.useState();
+    return /* @__PURE__ */ jsx(RootContext.Provider, { value: { setGroupLabelId, required: props.required }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-labelledby": groupLabelId,
+        "data-orientation": orientation,
+        "data-direction": direction,
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        children
+      }
+    ) });
+  }
+);
+Root.displayName = "CheckboxCardGroup";
+export {
+  Root,
+  RootContext,
+  rootClassName,
+  styles as s
+};

package/dist/components/checkbox-card-group/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./checkbox-card-group-root.cjs");
+require("./checkbox-card-group-label.cjs");
+const components_checkboxCardGroup_checkboxCardGroupIndicator = require("./checkbox-card-group-indicator.cjs");
+require("./checkbox-card-group-item-body.cjs");
+exports.CheckboxCardGroup = components_checkboxCardGroup_checkboxCardGroupIndicator.CheckboxCardGroup$1;