@tedi-design-system/react 14.0.0-rc.1

package/src/tedi/components/content/list/list-item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("./list.module.scss.cjs.js"),o=require("../../layout/vertical-spacing/vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),a=t=>{const{getCurrentBreakpointProps:n}=m.useBreakpointProps(t.defaultServerBreakpoint),{children:i,verticalSpacingItem:e,className:l}=n(t),r=c.default(u.default["tedi-list__item"],e==null?void 0:e.className,l);return t.verticalSpacingItem?s.jsx(o.VerticalSpacingItem,{...e,element:"li",className:r,children:i}):s.jsx("li",{className:r,children:i})};exports.ListItem=a;exports.default=a;

package/src/tedi/components/content/list/list-item.d.ts

@@ -0,0 +1,21 @@
+import { BreakpointSupport } from '../../../helpers';
+import { VerticalSpacingItemProps } from '../../layout/vertical-spacing';
+type ListItemBreakpointProps = {
+    /**
+     * Props for controlling vertical spacing between list items. If provided,
+     * the List will be wrapped inside a VerticalSpacing component.
+     */
+    verticalSpacingItem?: Omit<VerticalSpacingItemProps, 'element' | 'children'>;
+};
+export interface ListItemProps extends BreakpointSupport<ListItemBreakpointProps> {
+    /**
+     * List children should be ListItem components
+     */
+    children: React.ReactNode;
+    /**
+     * Adds a custom CSS class to the ListItem element for additional styling or theming purposes
+     */
+    className?: string;
+}
+export declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ListItem;

package/src/tedi/components/content/list/list-item.es.js

@@ -0,0 +1,13 @@
+import { jsx as m } from "react/jsx-runtime";
+import o from "../../../../../external/classnames/index.es.js";
+import l from "./list.module.scss.es.js";
+import { VerticalSpacingItem as n } from "../../layout/vertical-spacing/vertical-spacing-item.es.js";
+import { useBreakpointProps as c } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const B = (e) => {
+  const { getCurrentBreakpointProps: i } = c(e.defaultServerBreakpoint), { children: r, verticalSpacingItem: t, className: a } = i(e), s = o(l["tedi-list__item"], t == null ? void 0 : t.className, a);
+  return e.verticalSpacingItem ? /* @__PURE__ */ m(n, { ...t, element: "li", className: s, children: r }) : /* @__PURE__ */ m("li", { className: s, children: r });
+};
+export {
+  B as ListItem,
+  B as default
+};

package/src/tedi/components/content/list/list.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("./list.module.scss.cjs.js"),p=require("./list-item.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),r=l=>{const{getCurrentBreakpointProps:u}=q.useBreakpointProps(l.defaultServerBreakpoint),{children:i,element:s="ul",style:a="none",verticalSpacing:e,className:c,color:d="brand"}=u(l),n=f.default(t.default["tedi-list"],t.default[`tedi-list--${s==="ul"?"unordered":"ordered"}`],t.default[`tedi-list--style-${a}`],t.default[`tedi-list--bullet-color-${d}`],e==null?void 0:e.className,c),m=s;return e?o.jsx(g.VerticalSpacing,{...e,element:s,className:n,children:i}):o.jsx(m,{className:n,children:i})};r.Item=p.ListItem;exports.List=r;exports.default=r;

package/src/tedi/components/content/list/list.d.ts

@@ -0,0 +1,45 @@
+import { BreakpointSupport } from '../../../helpers';
+import { IconColor } from '../../base/icon/icon';
+import { VerticalSpacingProps } from '../../layout/vertical-spacing';
+import { ListItemProps } from './list-item';
+type ListElement = 'ul' | 'ol';
+export type BulletColor = IconColor;
+type ListBreakpointProps = {
+    /**
+     * Props for controlling vertical spacing between list items. If provided,
+     * the List will be wrapped inside a VerticalSpacing component.
+     */
+    verticalSpacing?: Omit<VerticalSpacingProps, 'element' | 'children'>;
+    /**
+     * Determines whether the list should have default styling (with bullets or numbers).
+     * @default 'none'
+     */
+    style?: 'styled' | 'none';
+};
+export interface ListProps extends BreakpointSupport<ListBreakpointProps> {
+    /**
+     * List children should be ListItem components
+     */
+    children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[] | React.ReactNode;
+    /**
+     * The HTML element to use for rendering the list.
+     * Can either be 'ul' for an unordered list or 'ol' for an ordered list.
+     * @default 'ul'
+     */
+    element?: ListElement;
+    /**
+     * Adds a custom CSS class to the List element for additional styling or theming purposes
+     */
+    className?: string;
+    /**
+     * This prop is used to set the color of the bullet points in the list.
+     * Uses same color values as TEDI Icon
+     * @default brand
+     */
+    color?: BulletColor;
+}
+export declare const List: {
+    (props: ListProps): import("react/jsx-runtime").JSX.Element;
+    Item: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default List;

package/src/tedi/components/content/list/list.es.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "../../../../../external/classnames/index.es.js";
+import e from "./list.module.scss.es.js";
+import { ListItem as u } from "./list-item.es.js";
+import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { VerticalSpacing as N } from "../../layout/vertical-spacing/vertical-spacing.es.js";
+const B = (s) => {
+  const { getCurrentBreakpointProps: m } = f(s.defaultServerBreakpoint), {
+    children: o,
+    element: r = "ul",
+    style: n = "none",
+    verticalSpacing: t,
+    className: a,
+    color: c = "brand"
+  } = m(s), l = p(
+    e["tedi-list"],
+    e[`tedi-list--${r === "ul" ? "unordered" : "ordered"}`],
+    e[`tedi-list--style-${n}`],
+    e[`tedi-list--bullet-color-${c}`],
+    t == null ? void 0 : t.className,
+    a
+  ), d = r;
+  return t ? /* @__PURE__ */ i(N, { ...t, element: r, className: l, children: o }) : /* @__PURE__ */ i(d, { className: l, children: o });
+};
+B.Item = u;
+export {
+  B as List,
+  B as default
+};

package/src/tedi/components/content/list/list.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-list":"tedi-list-71701cf9","tedi-list__item":"tedi-list__item-2a714ed1","tedi-list--unordered":"tedi-list--unordered-60115136","tedi-list--bullet-color-primary":"tedi-list--bullet-color-primary-afabfe71","tedi-list--bullet-color-secondary":"tedi-list--bullet-color-secondary-25f0c3e3","tedi-list--bullet-color-tertiary":"tedi-list--bullet-color-tertiary-fbd2b53f","tedi-list--bullet-color-brand":"tedi-list--bullet-color-brand-de9348a6","tedi-list--bullet-color-brand-dark":"tedi-list--bullet-color-brand-dark-948cec45","tedi-list--bullet-color-success":"tedi-list--bullet-color-success-1c3189cf","tedi-list--bullet-color-warning":"tedi-list--bullet-color-warning-0ec8b981","tedi-list--bullet-color-warning-dark":"tedi-list--bullet-color-warning-dark-ecaf5ef7","tedi-list--bullet-color-danger":"tedi-list--bullet-color-danger-4457905e","tedi-list--bullet-color-white":"tedi-list--bullet-color-white-a25c101f","tedi-list--ordered":"tedi-list--ordered-cd38b627","tedi-list--style-none":"tedi-list--style-none-14fa69aa"};exports.default=t;

package/src/tedi/components/content/list/list.module.scss.es.js

@@ -0,0 +1,20 @@
+const l = {
+  "tedi-list": "tedi-list-71701cf9",
+  "tedi-list__item": "tedi-list__item-2a714ed1",
+  "tedi-list--unordered": "tedi-list--unordered-60115136",
+  "tedi-list--bullet-color-primary": "tedi-list--bullet-color-primary-afabfe71",
+  "tedi-list--bullet-color-secondary": "tedi-list--bullet-color-secondary-25f0c3e3",
+  "tedi-list--bullet-color-tertiary": "tedi-list--bullet-color-tertiary-fbd2b53f",
+  "tedi-list--bullet-color-brand": "tedi-list--bullet-color-brand-de9348a6",
+  "tedi-list--bullet-color-brand-dark": "tedi-list--bullet-color-brand-dark-948cec45",
+  "tedi-list--bullet-color-success": "tedi-list--bullet-color-success-1c3189cf",
+  "tedi-list--bullet-color-warning": "tedi-list--bullet-color-warning-0ec8b981",
+  "tedi-list--bullet-color-warning-dark": "tedi-list--bullet-color-warning-dark-ecaf5ef7",
+  "tedi-list--bullet-color-danger": "tedi-list--bullet-color-danger-4457905e",
+  "tedi-list--bullet-color-white": "tedi-list--bullet-color-white-a25c101f",
+  "tedi-list--ordered": "tedi-list--ordered-cd38b627",
+  "tedi-list--style-none": "tedi-list--style-none-14fa69aa"
+};
+export {
+  l as default
+};

package/src/tedi/components/content/section/section.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),l=require("./section.module.scss.cjs.js"),e=t=>{const{children:s,className:n,as:o="section",...c}=t,i=a.default(l.default["tedi-section"],n),r=o;return u.jsx(r,{"data-name":"section",...c,className:i,children:s})};exports.Section=e;exports.default=e;

package/src/tedi/components/content/section/section.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface SectionProps {
+    /**
+     * Section content
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Defines the HTML element to render (e.g., section, article, aside, etc.)
+     */
+    as?: 'section' | 'article' | 'aside' | 'div';
+    /**
+     * ARIA role for accessibility
+     */
+    role?: string;
+    /**
+     * Unique identifier for the section
+     */
+    id?: string;
+}
+export declare const Section: (props: SectionProps) => JSX.Element;
+export default Section;

package/src/tedi/components/content/section/section.es.js

@@ -0,0 +1,11 @@
+import { jsx as a } from "react/jsx-runtime";
+import m from "../../../../../external/classnames/index.es.js";
+import r from "./section.module.scss.es.js";
+const p = (t) => {
+  const { children: e, className: s, as: o = "section", ...n } = t, c = m(r["tedi-section"], s);
+  return /* @__PURE__ */ a(o, { "data-name": "section", ...n, className: c, children: e });
+};
+export {
+  p as Section,
+  p as default
+};

package/src/tedi/components/content/section/section.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-section":"tedi-section-5ff5240a"};exports.default=e;

package/src/tedi/components/content/section/section.module.scss.es.js

@@ -0,0 +1,6 @@
+const t = {
+  "tedi-section": "tedi-section-5ff5240a"
+};
+export {
+  t as default
+};

package/src/tedi/components/content/text-group/text-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),p=require("../label/label.cjs.js"),t=require("./text-group.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),b=a=>{const{getCurrentBreakpointProps:u}=x.useBreakpointProps(a.defaultServerBreakpoint),{label:o,value:s,labelWidth:l="auto",className:d,type:i="vertical"}=u(a),n=r.default(t.default["tedi-text-group"],t.default[`tedi-text-group--${i}`],d),c=typeof l=="number"?`${l}%`:l;return e.jsxs("dl",{className:n,style:{"--label-width":c},children:[e.jsx("dt",{className:r.default(t.default["tedi-text-group__label"]),children:e.jsx(p.Label,{children:o})}),e.jsx("dd",{className:r.default(t.default["tedi-text-group__value"]),children:s})]})};exports.TextGroup=b;

package/src/tedi/components/content/text-group/text-group.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BreakpointSupport } from '../../../helpers';
+type TextGroupType = 'vertical' | 'horizontal';
+type TextGroupBreakpointProps = {
+    /**
+     * Type of text group layout
+     */
+    type?: TextGroupType;
+    /**
+     * Width for the label (e.g., '200px', '30%', etc.)
+     * @default 'auto'
+     */
+    labelWidth?: string | number;
+};
+export interface TextGroupProps extends BreakpointSupport<TextGroupBreakpointProps> {
+    /**
+     * Label for the text group
+     */
+    label: string;
+    /**
+     * Value displayed alongside the label
+     */
+    value: React.ReactNode | React.ReactNode[];
+    /**
+     * Additional class name(s) to apply to the element
+     */
+    className?: string;
+}
+export declare const TextGroup: (props: TextGroupProps) => JSX.Element;
+export {};

package/src/tedi/components/content/text-group/text-group.es.js

@@ -0,0 +1,21 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import l from "../../../../../external/classnames/index.es.js";
+import { Label as u } from "../label/label.es.js";
+import e from "./text-group.module.scss.es.js";
+import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const N = (o) => {
+  const { getCurrentBreakpointProps: a } = x(o.defaultServerBreakpoint), {
+    label: s,
+    value: i,
+    labelWidth: t = "auto",
+    className: p,
+    type: d = "vertical"
+  } = a(o), m = l(e["tedi-text-group"], e[`tedi-text-group--${d}`], p), c = typeof t == "number" ? `${t}%` : t;
+  return /* @__PURE__ */ n("dl", { className: m, style: { "--label-width": c }, children: [
+    /* @__PURE__ */ r("dt", { className: l(e["tedi-text-group__label"]), children: /* @__PURE__ */ r(u, { children: s }) }),
+    /* @__PURE__ */ r("dd", { className: l(e["tedi-text-group__value"]), children: i })
+  ] });
+};
+export {
+  N as TextGroup
+};

package/src/tedi/components/content/text-group/text-group.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-text-group":"tedi-text-group-be3b15d8","tedi-text-group--horizontal":"tedi-text-group--horizontal-9d91c910","tedi-text-group__label":"tedi-text-group__label-a8904597","tedi-text-group__value":"tedi-text-group__value-4bbf1a22"};exports.default=t;

package/src/tedi/components/content/text-group/text-group.module.scss.es.js

@@ -0,0 +1,9 @@
+const t = {
+  "tedi-text-group": "tedi-text-group-be3b15d8",
+  "tedi-text-group--horizontal": "tedi-text-group--horizontal-9d91c910",
+  "tedi-text-group__label": "tedi-text-group__label-a8904597",
+  "tedi-text-group__value": "tedi-text-group__value-4bbf1a22"
+};
+export {
+  t as default
+};

package/src/tedi/components/content/truncate/truncate.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("react"),b=require("../../base/typography/text/text.cjs.js"),h=require("../../buttons/button/button.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),d=n=>{const{getCurrentBreakpointProps:p}=q.useBreakpointProps(n.defaultServerBreakpoint),{children:t,className:x,maxLength:r=200,ellipsis:c="...",expandable:T=!0,button:e}=p(n),{getLabel:u}=v.useLabels(),[s,k]=l.useState(!0),m=l.useMemo(()=>t.slice(0,r).trimEnd()+c+" ",[t,r,c]);return i.jsxs(b.Text,{element:"span",color:"secondary",className:x,children:[t.length>=r&&s?m:t,t.length>=r&&T&&i.jsx(h.Button,{style:{display:s?void 0:"block"},visualType:"link","aria-expanded":!s,...e,onClick:a=>{var o;(o=e==null?void 0:e.onClick)==null||o.call(e,a,s),k(g=>!g)},children:u(s?"truncate.see-more":"truncate.see-less")})]})};exports.Truncate=d;exports.default=d;

package/src/tedi/components/content/truncate/truncate.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode } from 'react';
+import { BreakpointSupport } from '../../../helpers';
+import { ButtonProps } from '../../buttons/button/button';
+type TruncateBreakpointProps = {
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Maximum number of characters to display
+     * @default 200
+     */
+    maxLength?: number;
+};
+export interface TruncateProps extends BreakpointSupport<TruncateBreakpointProps> {
+    /**
+     * Text that will be truncated
+     */
+    children: string;
+    /**
+     * Custom content to display at the end of truncated text
+     * @default '...'
+     */
+    ellipsis?: ReactNode;
+    /**
+     * Whether the truncated text should be expandable
+     * @default true
+     */
+    expandable?: boolean;
+    /**
+     * Override default button properties
+     */
+    button?: Partial<Omit<ButtonProps, 'onClick'> & {
+        onClick: (e: React.MouseEvent<HTMLButtonElement>, isTruncated: boolean) => void;
+    }>;
+}
+export declare const Truncate: (props: TruncateProps) => JSX.Element;
+export default Truncate;

package/src/tedi/components/content/truncate/truncate.es.js

@@ -0,0 +1,37 @@
+import { jsxs as f, jsx as T } from "react/jsx-runtime";
+import { useState as k, useMemo as h } from "react";
+import { Text as g } from "../../base/typography/text/text.es.js";
+import { Button as y } from "../../buttons/button/button.es.js";
+import { useBreakpointProps as B } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
+const E = (n) => {
+  const { getCurrentBreakpointProps: c } = B(n.defaultServerBreakpoint), {
+    children: t,
+    className: m,
+    maxLength: s = 200,
+    ellipsis: o = "...",
+    expandable: d = !0,
+    button: e
+  } = c(n), { getLabel: a } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
+  return /* @__PURE__ */ f(g, { element: "span", color: "secondary", className: m, children: [
+    t.length >= s && r ? u : t,
+    t.length >= s && d && /* @__PURE__ */ T(
+      y,
+      {
+        style: { display: r ? void 0 : "block" },
+        visualType: "link",
+        "aria-expanded": !r,
+        ...e,
+        onClick: (i) => {
+          var l;
+          (l = e == null ? void 0 : e.onClick) == null || l.call(e, i, r), p((x) => !x);
+        },
+        children: a(r ? "truncate.see-more" : "truncate.see-less")
+      }
+    )
+  ] });
+};
+export {
+  E as Truncate,
+  E as default
+};

package/src/tedi/components/form/checkbox/checkbox.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),j=require("../../base/icon/icon.cjs.js"),F=require("../feedback-text/feedback-text.cjs.js"),S=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),T=require("../../layout/grid/row.cjs.js"),p=require("../../layout/grid/col.cjs.js"),C=N=>{const{id:l,label:o,value:x,className:q,disabled:b=!1,onChange:a,hideLabel:g=!1,helper:d,checked:s,defaultChecked:y,indeterminate:n,hover:R,name:w,tooltip:z,invalid:I,size:r="default",...L}=N,[k,M]=f.useState(y||!1),u=f.useRef(null),h=f.useMemo(()=>n?"mixed":a&&typeof s<"u"?s:k,[n,a,s,k]),v=t=>{typeof s>"u"&&M(t==null?void 0:t.target.checked),a==null||a(x,t==null?void 0:t.target.checked)},m=d?(d==null?void 0:d.id)??`${l}-helper`:void 0,_=i.default(e.default["tedi-checkbox"],{[e.default["tedi-checkbox--disabled"]]:b});return c.jsxs("div",{"data-name":"check",...L,children:[c.jsxs(T.Row,{gutter:0,children:[c.jsx(p.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:l,value:x,name:w,type:"checkbox",disabled:b,checked:h!=="mixed"?h:!1,"aria-checked":h,onChange:v,className:e.default["tedi-checkbox__input"],"aria-describedby":m}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=u.current)==null?void 0:t.click()},className:i.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:R,[e.default["tedi-checkbox__indicator--indeterminate"]]:n,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:I},q),"data-testid":"checkbox-indicator",children:[c.jsx(j.Icon,{size:r==="default"?16:18,name:"remove",className:i.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(j.Icon,{size:r==="default"?16:18,name:"check",className:i.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),c.jsx(p.Col,{children:o&&typeof o=="string"?c.jsx(S.FormLabel,{ref:u,className:_,id:l,"data-testid":"checkbox-label",hideLabel:g,label:o,tooltip:z}):c.jsx("label",{ref:u,htmlFor:l,className:_,"data-testid":"checkbox-label",children:o})})]}),d&&c.jsx(F.FeedbackText,{id:m,...d,className:i.default(e.default["tedi-checkbox__helper"],d.className)})]})};exports.Checkbox=C;exports.default=C;

package/src/tedi/components/form/checkbox/checkbox.d.ts

@@ -0,0 +1,10 @@
+import { ChoiceInputProps } from '../choice-input.types';
+export interface CheckboxProps extends ChoiceInputProps {
+    /**
+     * If the check is in indeterminate state. (Not checked or unchecked)
+     * When this is true then the checked prop is ignored
+     */
+    indeterminate?: boolean;
+}
+export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+export default Checkbox;

package/src/tedi/components/form/checkbox/checkbox.es.js

@@ -0,0 +1,109 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import d from "../../../../../external/classnames/index.es.js";
+import b from "react";
+import { Icon as N } from "../../base/icon/icon.es.js";
+import { FeedbackText as v } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as B } from "../form-label/form-label.es.js";
+import e from "./checkbox.module.scss.es.js";
+import { Row as E } from "../../layout/grid/row.es.js";
+import { Col as C } from "../../layout/grid/col.es.js";
+const O = (g) => {
+  const {
+    id: o,
+    label: r,
+    value: f,
+    className: y,
+    disabled: _ = !1,
+    onChange: t,
+    hideLabel: z = !1,
+    helper: a,
+    checked: l,
+    defaultChecked: R,
+    indeterminate: h,
+    hover: w,
+    name: F,
+    tooltip: I,
+    invalid: L,
+    size: s = "default",
+    ...j
+  } = g, [x, M] = b.useState(R || !1), m = b.useRef(null), k = b.useMemo(() => h ? "mixed" : t && typeof l < "u" ? l : x, [h, t, l, x]), $ = (c) => {
+    typeof l > "u" && M(c == null ? void 0 : c.target.checked), t == null || t(f, c == null ? void 0 : c.target.checked);
+  }, u = a ? (a == null ? void 0 : a.id) ?? `${o}-helper` : void 0, p = d(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: _ });
+  return /* @__PURE__ */ n("div", { "data-name": "check", ...j, children: [
+    /* @__PURE__ */ n(E, { gutter: 0, children: [
+      /* @__PURE__ */ i(C, { width: "auto", children: /* @__PURE__ */ n("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            id: o,
+            value: f,
+            name: F,
+            type: "checkbox",
+            disabled: _,
+            checked: k !== "mixed" ? k : !1,
+            "aria-checked": k,
+            onChange: $,
+            className: e["tedi-checkbox__input"],
+            "aria-describedby": u
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            "aria-hidden": "true",
+            onClick: () => {
+              var c;
+              return (c = m.current) == null ? void 0 : c.click();
+            },
+            className: d(
+              e["tedi-checkbox__indicator"],
+              {
+                [e["tedi-checkbox__indicator--hover"]]: w,
+                [e["tedi-checkbox__indicator--indeterminate"]]: h,
+                [e[`tedi-checkbox__indicator--size-${s}`]]: s,
+                [e["tedi-checkbox__indicator--invalid"]]: L
+              },
+              y
+            ),
+            "data-testid": "checkbox-indicator",
+            children: [
+              /* @__PURE__ */ i(
+                N,
+                {
+                  size: s === "default" ? 16 : 18,
+                  name: "remove",
+                  className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--indeterminate"])
+                }
+              ),
+              /* @__PURE__ */ i(
+                N,
+                {
+                  size: s === "default" ? 16 : 18,
+                  name: "check",
+                  className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--check"])
+                }
+              )
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ i(C, { children: r && typeof r == "string" ? /* @__PURE__ */ i(
+        B,
+        {
+          ref: m,
+          className: p,
+          id: o,
+          "data-testid": "checkbox-label",
+          hideLabel: z,
+          label: r,
+          tooltip: I
+        }
+      ) : /* @__PURE__ */ i("label", { ref: m, htmlFor: o, className: p, "data-testid": "checkbox-label", children: r }) })
+    ] }),
+    a && /* @__PURE__ */ i(v, { id: u, ...a, className: d(e["tedi-checkbox__helper"], a.className) })
+  ] });
+};
+export {
+  O as Checkbox,
+  O as default
+};

package/src/tedi/components/form/checkbox/checkbox.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-checkbox":"tedi-checkbox-0294a114","checkbox--disabled":"checkbox--disabled-45f42820","tedi-checkbox--disabled":"tedi-checkbox--disabled-e22bbaf4","tedi-checkbox__input":"tedi-checkbox__input-2ecab369","tedi-checkbox__outer-indicator-wrapper":"tedi-checkbox__outer-indicator-wrapper-5c85e0ab","tedi-checkbox__helper":"tedi-checkbox__helper-ab2b492c","tedi-checkbox__icon":"tedi-checkbox__icon-281ccd2f","tedi-checkbox__indicator":"tedi-checkbox__indicator-3ae3e79f","tedi-checkbox__icon--check":"tedi-checkbox__icon--check-048f3d53","tedi-checkbox__indicator--indeterminate":"tedi-checkbox__indicator--indeterminate-909c7897","tedi-checkbox__icon--indeterminate":"tedi-checkbox__icon--indeterminate-3e893b59","tedi-checkbox__tooltip-icon":"tedi-checkbox__tooltip-icon-46223bb7","tedi-checkbox__indicator--size-default":"tedi-checkbox__indicator--size-default-00511279","tedi-checkbox__indicator--size-large":"tedi-checkbox__indicator--size-large-b64ce54c","tedi-checkbox__indicator--invalid":"tedi-checkbox__indicator--invalid-019a355d","tedi-checkbox__indicator--hover":"tedi-checkbox__indicator--hover-436b8cb1"};exports.default=e;

package/src/tedi/components/form/checkbox/checkbox.module.scss.es.js

@@ -0,0 +1,21 @@
+const e = {
+  "tedi-checkbox": "tedi-checkbox-0294a114",
+  "checkbox--disabled": "checkbox--disabled-45f42820",
+  "tedi-checkbox--disabled": "tedi-checkbox--disabled-e22bbaf4",
+  "tedi-checkbox__input": "tedi-checkbox__input-2ecab369",
+  "tedi-checkbox__outer-indicator-wrapper": "tedi-checkbox__outer-indicator-wrapper-5c85e0ab",
+  "tedi-checkbox__helper": "tedi-checkbox__helper-ab2b492c",
+  "tedi-checkbox__icon": "tedi-checkbox__icon-281ccd2f",
+  "tedi-checkbox__indicator": "tedi-checkbox__indicator-3ae3e79f",
+  "tedi-checkbox__icon--check": "tedi-checkbox__icon--check-048f3d53",
+  "tedi-checkbox__indicator--indeterminate": "tedi-checkbox__indicator--indeterminate-909c7897",
+  "tedi-checkbox__icon--indeterminate": "tedi-checkbox__icon--indeterminate-3e893b59",
+  "tedi-checkbox__tooltip-icon": "tedi-checkbox__tooltip-icon-46223bb7",
+  "tedi-checkbox__indicator--size-default": "tedi-checkbox__indicator--size-default-00511279",
+  "tedi-checkbox__indicator--size-large": "tedi-checkbox__indicator--size-large-b64ce54c",
+  "tedi-checkbox__indicator--invalid": "tedi-checkbox__indicator--invalid-019a355d",
+  "tedi-checkbox__indicator--hover": "tedi-checkbox__indicator--hover-436b8cb1"
+};
+export {
+  e as default
+};

package/src/tedi/components/form/choice-group/choice-group-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({name:"",inputType:"radio",onChange:()=>null,currentValue:[]});exports.ChoiceGroupContext=t;

package/src/tedi/components/form/choice-group/choice-group-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ChoiceGroupItemType, ChoiceGroupValue } from './choice-group.types';
+export interface IChoiceGroupContext {
+    name: string;
+    inputType: ChoiceGroupItemType;
+    currentValue: ChoiceGroupValue;
+    onChange: (value: string, checked: boolean) => void;
+}
+export declare const ChoiceGroupContext: React.Context<IChoiceGroupContext>;

package/src/tedi/components/form/choice-group/choice-group-context.es.js

@@ -0,0 +1,10 @@
+import e from "react";
+const o = e.createContext({
+  name: "",
+  inputType: "radio",
+  onChange: () => null,
+  currentValue: []
+});
+export {
+  o as ChoiceGroupContext
+};

package/src/tedi/components/form/choice-group/choice-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),ne=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=m=>{const{getLabel:p}=oe.useLabels(),I=B.useBreakpoint(m.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=ne.useBreakpointProps(m.defaultServerBreakpoint),{id:d,className:T,label:b,required:H,helper:u,items:o,variant:C="default",direction:h=C==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:x,name:w,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:g={},color:E,layout:y,showIndicator:$,...O}=R(m),{...W}=g,X=(g==null?void 0:g.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=f.useState(()=>{if(G)return G;if(i==="radio"){const e=o.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?o.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=m.value)=>!!a&&typeof e<"u",r=q(S)?S:Y,k=f.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=f.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=o==null?void 0:o.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,o]),z=f.useMemo(()=>!k&&!c,[c,k]),D=f.useMemo(()=>{const e=c?"all":k?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?p(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[p,s,c,k]),J={name:w,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],x==null?void 0:x.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=o==null?void 0:o.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return n.jsx(re.ChoiceGroupContext.Provider,{value:J,children:n.jsxs("fieldset",{...O,className:K,id:d,name:w,"aria-describedby":L,children:[b&&typeof b=="string"?n.jsx(ee.FormLabel,{id:d,label:b,required:H,hideLabel:P,renderWithoutLabel:!0}):n.jsx("label",{htmlFor:d,children:b}),n.jsx(F.Row,{children:n.jsx(ie.Col,{children:o!=null&&o.length?n.jsxs(n.Fragment,{children:[M&&n.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),n.jsx(F.Row,{direction:h,gutterX:h==="row"&&y==="segmented"?0:2,gutterY:h==="row"&&y==="segmented"?0:1,gap:C==="default"&&(B.isBreakpointBelow(I,"md")||h==="row")?1:0,...x,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:o.map(e=>n.jsx(N.ChoiceGroupItem,{...e,color:E,variant:C,type:i,layout:y,showIndicator:$,direction:h},e.id))})]}):n.jsx("p",{children:p("table.filter.no-options")})})}),u&&n.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;

package/src/tedi/components/form/choice-group/choice-group.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
+import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
+import { BreakpointSupport } from '../../../helpers';
+import { Direction, RowProps } from '../../layout/grid';
+import { CheckboxProps } from '../checkbox/checkbox';
+import { ChoiceGroupIndeterminateState, ChoiceGroupItemColor, ChoiceGroupItemLayout, ChoiceGroupItemType, ChoiceGroupItemVariant, ChoiceGroupValue } from './choice-group.types';
+import { ExtendedChoiceGroupItemProps } from './components/choice-group-item/choice-group-item';
+interface ChoiceGroupAllProps extends Omit<FormLabelProps, 'id' | 'label'> {
+    id: string;
+    items: ExtendedChoiceGroupItemProps[];
+    name: string;
+    label: React.ReactNode | string;
+    inputType?: ChoiceGroupItemType;
+    helper?: FeedbackTextProps;
+    className?: string;
+    defaultValue?: ChoiceGroupValue;
+    value?: ChoiceGroupValue;
+    onChange?: (value: ChoiceGroupValue) => void;
+    variant?: ChoiceGroupItemVariant;
+    color?: ChoiceGroupItemColor;
+    direction?: Direction;
+    layout?: ChoiceGroupItemLayout;
+    rowProps?: RowProps;
+    showIndicator?: boolean;
+    indeterminateCheck?: boolean | string | ((state: ChoiceGroupIndeterminateState) => string);
+    indeterminateCheckProps?: {
+        indented?: boolean;
+    } & Partial<Omit<CheckboxProps, 'indeterminate' | 'checked' | 'onChange' | 'defaultChecked' | 'label'>>;
+}
+export interface ChoiceGroupProps extends BreakpointSupport<ChoiceGroupAllProps> {
+}
+export declare const ChoiceGroup: {
+    (props: ChoiceGroupProps): React.ReactElement;
+    Item: (props: ExtendedChoiceGroupItemProps) => React.ReactElement;
+};
+export default ChoiceGroup;