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

package/src/community/components/collapse/collapse.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { RowProps } from '../../../tedi/components/layout/grid';
+export interface CollapseProps {
+    /**
+     * ID of the collapse
+     */
+    id: string;
+    /**
+     * Any content.
+     */
+    children: React.ReactNode;
+    /**
+     * Should Collapse be initially shown. Won't work with open and onToggle.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Should the Collapsed be open or closed.
+     * Use to handle state outside of component, should use with onToggle prop.
+     */
+    open?: boolean;
+    /**
+     * Callback when Collapsed is toggled.
+     * Use to handle state outside of component, should use with open prop.
+     */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Any content to be rendered as the title of the Collapse.
+     */
+    title?: JSX.Element;
+    /**
+     * Name on the button to open the item.
+     * @default getLabel('open')
+     */
+    openText?: string;
+    /**
+     * Name on the button to close the item.
+     * @default getLabel('close')
+     */
+    closeText?: string;
+    /**
+     * Should collapse open/close toggle button render text
+     * @default false
+     */
+    hideCollapseText?: boolean;
+    /**
+     * Custom class name.
+     */
+    className?: string;
+    /**
+     * Props for title row.
+     */
+    titleRowProps?: RowProps;
+}
+export declare const Collapse: (props: CollapseProps) => JSX.Element;
+export default Collapse;

package/src/community/components/collapse/collapse.es.js

@@ -0,0 +1,67 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import f from "../../../../external/classnames/index.es.js";
+import R from "react";
+import S from "../../../../external/react-animate-height/dist/esm/index.es.js";
+import { Print as T } from "../../../tedi/components/misc/print/print.es.js";
+import { Icon as D } from "../icon/icon.es.js";
+import { Text as E } from "../typography/text/text.es.js";
+import n from "./collapse.module.scss.es.js";
+import { usePrint as L } from "../../../tedi/helpers/hooks/use-print.es.js";
+import { Row as u } from "../../../tedi/components/layout/grid/row.es.js";
+import { Col as a } from "../../../tedi/components/layout/grid/col.es.js";
+import { useLabels as k } from "../../../tedi/providers/label-provider/use-labels.es.js";
+const V = (w) => {
+  const { getLabel: r } = k(), {
+    id: l,
+    children: x,
+    className: _,
+    openText: y = r("open"),
+    closeText: N = r("close"),
+    hideCollapseText: b = !1,
+    title: c,
+    titleRowProps: g,
+    defaultOpen: v,
+    open: p,
+    onToggle: s,
+    ...C
+  } = w, [I, O] = R.useState(v), m = L(), o = m || (p !== void 0 ? p : I), P = f(n.collapse, _, { [n["collapse--is-open"]]: o }), d = () => {
+    O((t) => !t), s == null || s(!o);
+  }, j = (t) => {
+    (t.code === "Enter" || t.code === "Space") && !t.repeat && (t.preventDefault(), d());
+  }, h = /* @__PURE__ */ e("div", { className: n.collapse__content, children: x });
+  return /* @__PURE__ */ i("div", { "data-name": "collapse", ...C, className: P, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "data-name": "collapse-trigger",
+        className: n.collapse__title,
+        "aria-expanded": o,
+        "aria-controls": l,
+        onKeyDown: j,
+        onClick: d,
+        children: /* @__PURE__ */ i(u, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...g, element: "span", children: [
+          c && /* @__PURE__ */ e(a, { children: c }),
+          /* @__PURE__ */ e(a, { width: "auto", children: /* @__PURE__ */ i(u, { element: "span", alignItems: "center", gutter: 1, children: [
+            /* @__PURE__ */ e(T, { visibility: "hide", children: /* @__PURE__ */ e(
+              a,
+              {
+                width: "auto",
+                className: f({
+                  "visually-hidden": b
+                }),
+                children: /* @__PURE__ */ e(E, { element: "span", color: "primary", children: o ? N : y })
+              }
+            ) }),
+            /* @__PURE__ */ e(a, { width: "auto", children: /* @__PURE__ */ e(D, { className: n.collapse__icon, name: "expand_more" }) })
+          ] }) })
+        ] })
+      }
+    ),
+    m ? h : /* @__PURE__ */ e(S, { duration: 300, id: l, height: o ? "auto" : 0, "data-testid": "collapse-inner", children: h })
+  ] });
+};
+export {
+  V as Collapse,
+  V as default
+};

package/src/community/components/collapse/collapse.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="collapse__title-8b98d783",l="collapse__icon-6cfc1cff",c="collapse__content-c7ea2935",o={collapse__title:e,collapse__icon:l,"collapse--is-open":"collapse--is-open-67cf3662",collapse__content:c};exports.collapse__content=c;exports.collapse__icon=l;exports.collapse__title=e;exports.default=o;

package/src/community/components/collapse/collapse.module.scss.es.js

@@ -0,0 +1,12 @@
+const l = "collapse__title-8b98d783", c = "collapse__icon-6cfc1cff", o = "collapse__content-c7ea2935", e = {
+  collapse__title: l,
+  collapse__icon: c,
+  "collapse--is-open": "collapse--is-open-67cf3662",
+  collapse__content: o
+};
+export {
+  o as collapse__content,
+  c as collapse__icon,
+  l as collapse__title,
+  e as default
+};

package/src/community/components/commonTypes.d.ts

@@ -0,0 +1,9 @@
+export type ColorsPrimary = 'primary-main' | 'primary-active' | 'primary-active-subtle' | 'primary-highlight' | 'primary-highlight-subtle';
+export type ColorsAccent = 'accent-main' | 'accent-highlight';
+export type ColorsForeground = 'text-default' | 'text-muted' | 'text-subtle' | 'text-disabled' | 'text-inverted';
+export type ColorsBackground = 'bg-default' | 'bg-muted' | 'bg-subtle' | 'bg-disabled' | 'bg-inverted' | 'bg-inverted-contrast';
+export type ColorsShades = 'black' | 'white';
+export type ColorsBorder = 'border-default' | 'border-contrast';
+export type ColorsFunctional = 'positive-main' | 'positive-active' | 'positive-highlight' | 'important-main' | 'important-active' | 'important-highlight' | 'info-main' | 'info-active' | 'info-highlight' | 'warning-main' | 'warning-highlight';
+export type TColorsBackground = ColorsPrimary | ColorsAccent | ColorsBackground | ColorsShades | ColorsFunctional | 'transparent';
+export type TColorsBorder = ColorsPrimary | ColorsAccent | ColorsBorder | ColorsFunctional;

package/src/community/components/dropdown/dropdown.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),K=require("../../../../external/classnames/index.cjs.js"),d=require("react"),T=require("../button/button.cjs.js"),a=require("./dropdown.module.scss.cjs.js"),H=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),$=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),_=c=>{const{getLabel:v}=$.useLabels(),{button:F,items:u,onItemClick:l,closeMenuOnClick:h=!0,...q}=c,{initialFocus:j=-1,modal:f=!1,...p}=c.focusManager??{},{visuallyHiddenDismiss:M=f?v("close"):!1}=p??{},R=o.useFloatingNodeId(),g=d.useRef([]),[b,i]=d.useState(!1),[x,y]=d.useState(null),{x:C,y:N,strategy:O,refs:w,placement:P,context:r}=o.useFloating({placement:"bottom-start",nodeId:R,open:b,onOpenChange:i,middleware:[D.flip(),D.shift()],whileElementsMounted:H.autoUpdate}),S=u.findIndex(e=>e.isActive),{getReferenceProps:L,getFloatingProps:U,getItemProps:A}=o.useInteractions([o.useClick(r),o.useListNavigation(r,{listRef:g,activeIndex:x,selectedIndex:S,onNavigate:y,loop:!0}),o.useRole(r,{role:"listbox"}),o.useDismiss(r)]),E=()=>{const e=s.jsx(o.FloatingFocusManager,{context:r,initialFocus:j,visuallyHiddenDismiss:M,modal:f,...p,children:s.jsx("div",{...U({ref:w.setFloating,style:{position:O,left:C??0,top:N??0},className:a.default.dropdown,onKeyDown(t){t.key==="Tab"&&i(!1)}}),"data-placement":P,children:u.map((t,n)=>B(t,n))})});return b?e:null},k=e=>K.default(a.default.dropdown__item,{[a.default["dropdown__item--active"]]:e.isActive,[a.default["dropdown__item--disabled"]]:e.isDisabled}),I=(e,t,n)=>{var m;l==null||l(e,t,n),(m=e==null?void 0:e.onClick)==null||m.call(e,n),h&&i(!1)},B=(e,t)=>s.jsx("button",{...A({disabled:e.isDisabled,tabIndex:x===t?0:-1,role:"option",className:k(e),onClick:n=>I(e,t,n),onKeyDown(n){n.key==="Enter"&&I(e,t,n)},ref(n){g.current[t]=n}}),children:e.children},t);return s.jsxs(s.Fragment,{children:[s.jsx(T.Button,{"data-name":"dropdown",...q,...F,...L({ref:w.setReference,tabIndex:0})}),s.jsx(o.FloatingPortal,{children:E()})]})};exports.Dropdown=_;exports.default=_;

package/src/community/components/dropdown/dropdown.d.ts

@@ -0,0 +1,46 @@
+import { FloatingFocusManager } from '@floating-ui/react';
+import React from 'react';
+import { ButtonProps } from '../button/button';
+export type DropdownItem = {
+    /**
+     * Content of the item
+     */
+    children: React.ReactNode;
+    /**
+     * Callback when item is clicked
+     */
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    /**
+     * Is item active
+     */
+    isActive?: boolean;
+    /**
+     * Is item disabled
+     */
+    isDisabled?: boolean;
+};
+export type DropdownProps = {
+    /**
+     * Dropdown items
+     */
+    items: DropdownItem[];
+    /**
+     * Dropdown trigger props
+     */
+    button: ButtonProps;
+    /**
+     * Callback when one of the items is clicked
+     */
+    onItemClick?: (item: DropdownItem, index: number, e: React.MouseEvent | React.KeyboardEvent) => void;
+    /**
+     * Close menu when item is clicked.
+     * @default true
+     */
+    closeMenuOnClick?: boolean;
+    /**
+     * Props passed to FloatingFocusManager
+     */
+    focusManager?: Omit<React.ComponentProps<typeof FloatingFocusManager>, 'context' | 'children'>;
+};
+export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/src/community/components/dropdown/dropdown.es.js

@@ -0,0 +1,105 @@
+import { jsxs as B, Fragment as K, jsx as s } from "react/jsx-runtime";
+import { useFloatingNodeId as H, useFloating as T, useInteractions as U, useClick as q, useListNavigation as z, useRole as G, useDismiss as J, FloatingPortal as Q, FloatingFocusManager as V } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import W from "../../../../external/classnames/index.es.js";
+import i from "react";
+import { Button as X } from "../button/button.es.js";
+import r from "./dropdown.module.scss.es.js";
+import { autoUpdate as Y } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { flip as Z, shift as $ } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useLabels as ee } from "../../../tedi/providers/label-provider/use-labels.es.js";
+const ce = (d) => {
+  const { getLabel: x } = ee(), { button: D, items: c, onItemClick: a, closeMenuOnClick: F = !0, ...h } = d, { initialFocus: v = -1, modal: p = !1, ...f } = d.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, R = H(), u = i.useRef([]), [m, l] = i.useState(!1), [g, M] = i.useState(null), { x: N, y, strategy: C, refs: I, placement: O, context: n } = T({
+    placement: "bottom-start",
+    nodeId: R,
+    open: m,
+    onOpenChange: l,
+    middleware: [Z(), $()],
+    whileElementsMounted: Y
+  }), P = c.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = U([
+    q(n),
+    z(n, {
+      listRef: u,
+      activeIndex: g,
+      selectedIndex: P,
+      onNavigate: M,
+      loop: !0
+    }),
+    G(n, { role: "listbox" }),
+    J(n)
+  ]), S = () => {
+    const e = /* @__PURE__ */ s(
+      V,
+      {
+        context: n,
+        initialFocus: v,
+        visuallyHiddenDismiss: _,
+        modal: p,
+        ...f,
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ...E({
+              ref: I.setFloating,
+              style: {
+                position: C,
+                left: N ?? 0,
+                top: y ?? 0
+              },
+              className: r.dropdown,
+              onKeyDown(o) {
+                o.key === "Tab" && l(!1);
+              }
+            }),
+            "data-placement": O,
+            children: c.map((o, t) => k(o, t))
+          }
+        )
+      }
+    );
+    return m ? e : null;
+  }, j = (e) => W(r.dropdown__item, {
+    [r["dropdown__item--active"]]: e.isActive,
+    [r["dropdown__item--disabled"]]: e.isDisabled
+  }), b = (e, o, t) => {
+    var w;
+    a == null || a(e, o, t), (w = e == null ? void 0 : e.onClick) == null || w.call(e, t), F && l(!1);
+  }, k = (e, o) => /* @__PURE__ */ s(
+    "button",
+    {
+      ...L({
+        disabled: e.isDisabled,
+        tabIndex: g === o ? 0 : -1,
+        role: "option",
+        className: j(e),
+        onClick: (t) => b(e, o, t),
+        onKeyDown(t) {
+          t.key === "Enter" && b(e, o, t);
+        },
+        ref(t) {
+          u.current[o] = t;
+        }
+      }),
+      children: e.children
+    },
+    o
+  );
+  return /* @__PURE__ */ B(K, { children: [
+    /* @__PURE__ */ s(
+      X,
+      {
+        "data-name": "dropdown",
+        ...h,
+        ...D,
+        ...A({
+          ref: I.setReference,
+          tabIndex: 0
+        })
+      }
+    ),
+    /* @__PURE__ */ s(Q, { children: S() })
+  ] });
+};
+export {
+  ce as Dropdown,
+  ce as default
+};

package/src/community/components/dropdown/dropdown.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d="dropdown-fc86e9ac",o="dropdown__item-bc9999d8",e={dropdown:d,dropdown__item:o,"dropdown__item--active":"dropdown__item--active-c49b11d2","dropdown__item--disabled":"dropdown__item--disabled-c66020d7"};exports.default=e;exports.dropdown=d;exports.dropdown__item=o;

package/src/community/components/dropdown/dropdown.module.scss.es.js

@@ -0,0 +1,11 @@
+const d = "dropdown-fc86e9ac", o = "dropdown__item-bc9999d8", e = {
+  dropdown: d,
+  dropdown__item: o,
+  "dropdown__item--active": "dropdown__item--active-c49b11d2",
+  "dropdown__item--disabled": "dropdown__item--disabled-c66020d7"
+};
+export {
+  e as default,
+  d as dropdown,
+  o as dropdown__item
+};

package/src/community/components/ellipsis/ellipsis.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),f=require("../../../tedi/helpers/hooks/use-element-size.cjs.js"),o=require("./ellipsis.module.scss.cjs.js"),g=require("../tooltip/tooltip-provider.cjs.js"),q=require("../tooltip/tooltip-trigger.cjs.js"),T=require("../tooltip/tooltip.cjs.js"),h=require("../card/card.cjs.js"),j=require("../card/card-content/card-content.cjs.js"),n=c=>{const{children:r,lineClamp:s=2,showTooltip:u=!0,...d}=c,e=i.useRef(null),[a,p]=i.useState(!1),m=f.useElementSize(e);i.useEffect(()=>{e.current&&p(e.current.scrollHeight>e.current.clientHeight)},[e,m]);const l=t.jsx("div",{"data-name":"ellipsis",...d,ref:e,className:o.default.ellipsis,style:{lineClamp:s,WebkitLineClamp:s},children:r});return a&&u?t.jsxs(g.TooltipProvider,{children:[t.jsx(q.TooltipTrigger,{children:l}),t.jsx(T.Tooltip,{children:t.jsx(h.Card,{borderless:!0,className:o.default.ellipsis__tooltip,children:t.jsx(j.CardContent,{padding:.75,children:r})})})]}):l};exports.Ellipsis=n;exports.default=n;

package/src/community/components/ellipsis/ellipsis.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface EllipsisProps {
+    /**
+     * Any content
+     */
+    children: React.ReactNode;
+    /**
+     * What is max lines before Ellipsis
+     * @default 2
+     */
+    lineClamp?: number;
+    /**
+     * Render Ellipsis with Tooltip
+     * @default true
+     */
+    showTooltip?: boolean;
+}
+export declare const Ellipsis: (props: EllipsisProps) => JSX.Element;
+export default Ellipsis;

package/src/community/components/ellipsis/ellipsis.es.js

@@ -0,0 +1,34 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import r from "react";
+import { useElementSize as u } from "../../../tedi/helpers/hooks/use-element-size.es.js";
+import s from "./ellipsis.module.scss.es.js";
+import { TooltipProvider as h } from "../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as T } from "../tooltip/tooltip-trigger.es.js";
+import { Tooltip as g } from "../tooltip/tooltip.es.js";
+import { Card as C } from "../card/card.es.js";
+import { CardContent as R } from "../card/card-content/card-content.es.js";
+const H = (n) => {
+  const { children: i, lineClamp: o = 2, showTooltip: m = !0, ...p } = n, e = r.useRef(null), [c, a] = r.useState(!1), f = u(e);
+  r.useEffect(() => {
+    e.current && a(e.current.scrollHeight > e.current.clientHeight);
+  }, [e, f]);
+  const l = /* @__PURE__ */ t(
+    "div",
+    {
+      "data-name": "ellipsis",
+      ...p,
+      ref: e,
+      className: s.ellipsis,
+      style: { lineClamp: o, WebkitLineClamp: o },
+      children: i
+    }
+  );
+  return c && m ? /* @__PURE__ */ d(h, { children: [
+    /* @__PURE__ */ t(T, { children: l }),
+    /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(C, { borderless: !0, className: s.ellipsis__tooltip, children: /* @__PURE__ */ t(R, { padding: 0.75, children: i }) }) })
+  ] }) : l;
+};
+export {
+  H as Ellipsis,
+  H as default
+};

package/src/community/components/ellipsis/ellipsis.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="ellipsis-619434e4",s="ellipsis__tooltip-9735eba5",e={ellipsis:l,ellipsis__tooltip:s};exports.default=e;exports.ellipsis=l;exports.ellipsis__tooltip=s;

package/src/community/components/ellipsis/ellipsis.module.scss.es.js

@@ -0,0 +1,9 @@
+const s = "ellipsis-619434e4", l = "ellipsis__tooltip-9735eba5", i = {
+  ellipsis: s,
+  ellipsis__tooltip: l
+};
+export {
+  i as default,
+  s as ellipsis,
+  l as ellipsis__tooltip
+};

package/src/community/components/feedback/feedback.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),v=require("../button/button.cjs.js"),M=require("../modal/modal-provider.cjs.js"),_=require("../modal/modal-trigger.cjs.js"),d=require("./feedback.module.scss.cjs.js"),y=require("../modal/modal.cjs.js"),t=({children:i,triggerProps:l,providerProps:s,modalProps:o,fixedTrigger:c="desktop",className:n,...u})=>{const{iconLeft:g={name:"star",filled:!0},size:b,id:r="feedback-trigger",className:f,children:m,...k}=l??{},{...h}=s??{},{position:j="right","aria-labelledby":q=r,...x}=o??{};return e.jsx("div",{className:a.default(n,d.default[`feedback--${c}`]),...u,children:e.jsxs(M.ModalProvider,{...h,children:[e.jsx(_.ModalTrigger,{children:e.jsx(v.Button,{"data-name":"feedback-trigger",...k,id:r,className:a.default(d.default.feedback__trigger,f),size:b,iconLeft:g,children:m})}),e.jsx(y.Modal,{"data-name":"feedback-modal",...x,"aria-labelledby":q,position:j,children:i})]})})};exports.Feedback=t;exports.default=t;

package/src/community/components/feedback/feedback.d.ts

@@ -0,0 +1,27 @@
+import { ButtonProps } from '../button/button';
+import { ModalProps, ModalProviderProps } from '../modal';
+export interface FeedbackProps extends Pick<ModalProps, 'children'> {
+    /**
+     * Props that get passed to the trigger button
+     */
+    triggerProps?: ButtonProps;
+    /**
+     * ModalProvider props
+     */
+    providerProps?: Omit<ModalProviderProps, 'children'>;
+    /**
+     * Modal props
+     */
+    modalProps?: Omit<ModalProps, 'children'>;
+    /**
+     * Fix trigger on the right side of the screen.
+     * @default desktop
+     */
+    fixedTrigger?: 'both' | 'desktop' | 'mobile';
+    /**
+     * Additional class
+     */
+    className?: string;
+}
+export declare const Feedback: ({ children, triggerProps, providerProps, modalProps, fixedTrigger, className, ...rest }: FeedbackProps) => JSX.Element;
+export default Feedback;

package/src/community/components/feedback/feedback.es.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import a from "../../../../external/classnames/index.es.js";
+import { Button as M } from "../button/button.es.js";
+import { ModalProvider as v } from "../modal/modal-provider.es.js";
+import { ModalTrigger as x } from "../modal/modal-trigger.es.js";
+import i from "./feedback.module.scss.es.js";
+import { Modal as j } from "../modal/modal.es.js";
+const I = ({
+  children: t,
+  triggerProps: d,
+  providerProps: o,
+  modalProps: l,
+  fixedTrigger: s = "desktop",
+  className: m,
+  ...c
+}) => {
+  const {
+    iconLeft: n = { name: "star", filled: !0 },
+    size: f,
+    id: r = "feedback-trigger",
+    className: g,
+    children: b,
+    ...p
+  } = d ?? {}, { ...k } = o ?? {}, { position: h = "right", "aria-labelledby": N = r, ...u } = l ?? {};
+  return /* @__PURE__ */ e("div", { className: a(m, i[`feedback--${s}`]), ...c, children: /* @__PURE__ */ y(v, { ...k, children: [
+    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
+      M,
+      {
+        "data-name": "feedback-trigger",
+        ...p,
+        id: r,
+        className: a(i.feedback__trigger, g),
+        size: f,
+        iconLeft: n,
+        children: b
+      }
+    ) }),
+    /* @__PURE__ */ e(j, { "data-name": "feedback-modal", ...u, "aria-labelledby": N, position: h, children: t })
+  ] }) });
+};
+export {
+  I as Feedback,
+  I as default
+};

package/src/community/components/feedback/feedback.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="feedback__trigger-b2db5f93",b={"feedback--both":"feedback--both-4c8a46fe","feedback--desktop":"feedback--desktop-b3f9ca8c",feedback__trigger:e,"feedback--mobile":"feedback--mobile-e3e005ef"};exports.default=b;exports.feedback__trigger=e;

package/src/community/components/feedback/feedback.module.scss.es.js

@@ -0,0 +1,10 @@
+const e = "feedback__trigger-b2db5f93", b = {
+  "feedback--both": "feedback--both-4c8a46fe",
+  "feedback--desktop": "feedback--desktop-b3f9ca8c",
+  feedback__trigger: e,
+  "feedback--mobile": "feedback--mobile-e3e005ef"
+};
+export {
+  b as default,
+  e as feedback__trigger
+};

package/src/community/components/form/check/check.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),r=require("../../../../tedi/components/base/icon/icon.cjs.js"),c=require("./check.module.scss.cjs.js"),v=require("../../../../tedi/components/layout/grid/row.cjs.js"),x=require("../../../../tedi/components/layout/grid/col.cjs.js"),w=require("../../tooltip/tooltip-provider.cjs.js"),z=require("../../tooltip/tooltip-trigger.cjs.js"),P=require("../../tooltip/tooltip.cjs.js"),j=p=>{const{id:n,label:b,value:u,className:g,disabled:h=!1,onChange:i,hideLabel:C=!1,extraContent:f,checked:a,defaultChecked:q,indeterminate:s,hover:N,name:y,tooltip:k,...T}=p,[m,R]=o.useState(q||!1),_=o.useRef(null),d=o.useMemo(()=>s?"mixed":i&&typeof a<"u"?a:m,[s,i,a,m]),I=t=>{typeof a>"u"&&R(t==null?void 0:t.target.checked),i==null||i(u,t==null?void 0:t.target.checked)},M=l.default(c.default.check,{[c.default["check--disabled"]]:h});return e.jsxs("div",{"data-name":"check",className:g,...T,children:[e.jsxs(v.Row,{gutter:0,children:[e.jsxs(x.Col,{width:"auto",children:[e.jsx("input",{id:n,value:u,name:y,type:"checkbox",disabled:h,checked:d!=="mixed"?d:!1,"aria-checked":d,onChange:I,className:c.default.check__input}),e.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=_.current)==null?void 0:t.click()},className:l.default(c.default.check__indicator,{[c.default["check__indicator--hover"]]:N,[c.default["check__indicator--indeterminate"]]:s}),children:[e.jsx(r.Icon,{size:16,name:"remove",className:l.default(c.default.check__icon,c.default["check__icon--indeterminate"])}),e.jsx(r.Icon,{size:16,name:"check",className:l.default(c.default.check__icon,c.default["check__icon--check"])})]})]}),e.jsx(x.Col,{children:e.jsxs("label",{ref:_,className:M,htmlFor:n,children:[e.jsx("span",{className:l.default({"visually-hidden":C}),children:b}),k&&e.jsxs(w.TooltipProvider,{children:[e.jsx(z.TooltipTrigger,{children:e.jsx(r.Icon,{name:"info",color:"brand",size:16,display:"inline",className:c.default["check__tooltip-icon"]})}),e.jsx(P.Tooltip,{children:k})]})]})})]}),f&&e.jsx("div",{className:c.default["check__extra-content"],children:f})]})};exports.Check=j;exports.default=j;

package/src/community/components/form/check/check.d.ts

@@ -0,0 +1,10 @@
+import { ChoiceInputProps } from '../choice-input.types';
+export interface CheckProps 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 Check: (props: CheckProps) => JSX.Element;
+export default Check;

package/src/community/components/form/check/check.es.js

@@ -0,0 +1,90 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import o from "../../../../../external/classnames/index.es.js";
+import d from "react";
+import { Icon as s } from "../../../../tedi/components/base/icon/icon.es.js";
+import e from "./check.module.scss.es.js";
+import { Row as L } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as N } from "../../../../tedi/components/layout/grid/col.es.js";
+import { TooltipProvider as M } from "../../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as B } from "../../tooltip/tooltip-trigger.es.js";
+import { Tooltip as E } from "../../tooltip/tooltip.es.js";
+const K = (b) => {
+  const {
+    id: h,
+    label: C,
+    value: m,
+    className: x,
+    disabled: k = !1,
+    onChange: a,
+    hideLabel: g = !1,
+    extraContent: f,
+    checked: t,
+    defaultChecked: y,
+    indeterminate: n,
+    hover: R,
+    name: T,
+    tooltip: p,
+    ...z
+  } = b, [_, j] = d.useState(y || !1), u = d.useRef(null), l = d.useMemo(() => n ? "mixed" : a && typeof t < "u" ? t : _, [n, a, t, _]), w = (c) => {
+    typeof t > "u" && j(c == null ? void 0 : c.target.checked), a == null || a(m, c == null ? void 0 : c.target.checked);
+  }, I = o(e.check, { [e["check--disabled"]]: k });
+  return /* @__PURE__ */ r("div", { "data-name": "check", className: x, ...z, children: [
+    /* @__PURE__ */ r(L, { gutter: 0, children: [
+      /* @__PURE__ */ r(N, { width: "auto", children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            id: h,
+            value: m,
+            name: T,
+            type: "checkbox",
+            disabled: k,
+            checked: l !== "mixed" ? l : !1,
+            "aria-checked": l,
+            onChange: w,
+            className: e.check__input
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "aria-hidden": "true",
+            onClick: () => {
+              var c;
+              return (c = u.current) == null ? void 0 : c.click();
+            },
+            className: o(e.check__indicator, {
+              [e["check__indicator--hover"]]: R,
+              [e["check__indicator--indeterminate"]]: n
+            }),
+            children: [
+              /* @__PURE__ */ i(s, { size: 16, name: "remove", className: o(e.check__icon, e["check__icon--indeterminate"]) }),
+              /* @__PURE__ */ i(s, { size: 16, name: "check", className: o(e.check__icon, e["check__icon--check"]) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(N, { children: /* @__PURE__ */ r("label", { ref: u, className: I, htmlFor: h, children: [
+        /* @__PURE__ */ i("span", { className: o({ "visually-hidden": g }), children: C }),
+        p && /* @__PURE__ */ r(M, { children: [
+          /* @__PURE__ */ i(B, { children: /* @__PURE__ */ i(
+            s,
+            {
+              name: "info",
+              color: "brand",
+              size: 16,
+              display: "inline",
+              className: e["check__tooltip-icon"]
+            }
+          ) }),
+          /* @__PURE__ */ i(E, { children: p })
+        ] })
+      ] }) })
+    ] }),
+    f && /* @__PURE__ */ i("div", { className: e["check__extra-content"], children: f })
+  ] });
+};
+export {
+  K as Check,
+  K as default
+};

package/src/community/components/form/check/check.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c="check-48c1869b",e="check__input-92dff7a9",_="check__indicator-0ac86462",i="check__icon-e76c1b87",t={check:c,"check--disabled":"check--disabled-3f793e27",check__input:e,check__indicator:_,"check__indicator--hover":"check__indicator--hover-c4064110","check__indicator--indeterminate":"check__indicator--indeterminate-33c0c00a",check__icon:i,"check__icon--check":"check__icon--check-e0ab9856","check__icon--indeterminate":"check__icon--indeterminate-dc93d769","check__tooltip-icon":"check__tooltip-icon-e8045891","check__extra-content":"check__extra-content-7ade4e97"};exports.check=c;exports.check__icon=i;exports.check__indicator=_;exports.check__input=e;exports.default=t;

package/src/community/components/form/check/check.module.scss.es.js

@@ -0,0 +1,20 @@
+const c = "check-48c1869b", e = "check__input-92dff7a9", _ = "check__indicator-0ac86462", i = "check__icon-e76c1b87", n = {
+  check: c,
+  "check--disabled": "check--disabled-3f793e27",
+  check__input: e,
+  check__indicator: _,
+  "check__indicator--hover": "check__indicator--hover-c4064110",
+  "check__indicator--indeterminate": "check__indicator--indeterminate-33c0c00a",
+  check__icon: i,
+  "check__icon--check": "check__icon--check-e0ab9856",
+  "check__icon--indeterminate": "check__icon--indeterminate-dc93d769",
+  "check__tooltip-icon": "check__tooltip-icon-e8045891",
+  "check__extra-content": "check__extra-content-7ade4e97"
+};
+export {
+  c as check,
+  i as check__icon,
+  _ as check__indicator,
+  e as check__input,
+  n as default
+};

package/src/community/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/community/components/form/choice-group/choice-group-context.d.ts

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