@frontify/fondue 13.0.0-rc.14 → 13.0.0-rc.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/fondue",
   "type": "module",
-  "version": "13.0.0-rc.14",
+  "version": "13.0.0-rc.16",
   "description": "Design system of Frontify",
   "author": "Frontify Developers <developers@frontify.com>",
   "homepage": "https://github.com/Frontify/fondue",
@@ -116,37 +116,32 @@
     "commander": "^14.0.2",
     "date-fns": "^3.6.0",
     "execa": "^9.6.1",
-    "immer": "^10.2.0",
+    "immer": "10.1.1",
     "jscodeshift": "^0.14.0",
-    "lodash-es": "^4.17.22",
-    "motion": "^12.23.27",
+    "lodash-es": "^4.17.23",
+    "motion": "^12.28.1",
     "react-datepicker": "^6.9.0",
     "react-fast-compare": "^3.2.2",
     "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.5.9",
-    "@frontify/fondue-components": "^25.0.0-rc.4",
-    "@frontify/fondue-icons": "^0.23.0-rc.3",
-    "@frontify/fondue-rte": "^0.0.1-rc.10",
-    "@frontify/fondue-tokens": "^5.0.0-rc.4",
-    "@frontify/fondue-charts": "^7.0.0-rc.5"
+    "@frontify/fondue-charts": "^7.0.0-rc.7",
+    "@frontify/fondue-components": "^25.0.0-rc.6",
+    "@frontify/fondue-icons": "^0.23.0-rc.5",
+    "@frontify/fondue-rte": "^0.0.1-rc.12",
+    "@frontify/fondue-tokens": "^5.0.0-rc.6"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
     "@etchteam/storybook-addon-status": "^8.0.0",
     "@frontify/eslint-config-react": "^1.0.8",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-links": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
-    "@svgr/babel-plugin-transform-svg-component": "^6.5.1",
-    "@svgr/core": "^6.5.1",
-    "@svgr/plugin-jsx": "^6.5.1",
-    "@svgr/plugin-prettier": "^6.5.1",
-    "@svgr/plugin-svgo": "^6.5.1",
+    "@storybook/addon-a11y": "^10.2.0",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/addon-links": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@types/jscodeshift": "^17.3.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.1.0",
+    "@types/node": "^24.10.9",
     "@types/react": "^18.3.27",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.3.7",
@@ -155,35 +150,33 @@
     "autoprefixer": "^10.4.23",
     "chalk": "^5.6.2",
     "cross-env": "^10.1.0",
-    "cypress": "^14.5.4",
-    "cypress-real-events": "^1.15.0",
     "eslint": "^9.39.2",
     "eslint-plugin-notice": "^1.0.0",
     "fast-glob": "^3.3.3",
-    "knip": "^5.80.0",
+    "knip": "^5.82.1",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.1.2",
-    "storybook": "^10.1.11",
+    "storybook": "^10.2.0",
     "tailwindcss": "^3.4.19",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "vite": "^5.4.21",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.4",
+    "vite-plugin-static-copy": "^3.1.5",
     "vite-tsconfig-paths": "^5.1.4",
-    "@frontify/fondue-icons": "^0.23.0-rc.3"
+    "@frontify/fondue-icons": "^0.23.0-rc.5"
   },
   "scripts": {
-    "build": "pnpm clean && pnpm generate:icons && pnpm generate:componentsEnum && pnpm build:library && pnpm build:styles-with-tw && pnpm build:package:components && pnpm build:package:icons && pnpm build:package:charts && pnpm build:package:tokens && pnpm build:package:rte && pnpm build:tools",
+    "build": "pnpm clean && pnpm build:library && pnpm build:styles-with-tw && pnpm build:package:components && pnpm build:package:icons && pnpm build:package:charts && pnpm build:package:tokens && pnpm build:package:rte && pnpm build:tools",
     "build:library": "vite build",
     "build:styles-with-tw": "postcss ./src/components/**/*.css --config src/components/postcss.config.cjs -o dist/styles-without-tailwind.css",
-    "build:storybook": "pnpm generate:icons && pnpm generate:componentsEnum && storybook build",
+    "build:storybook": "storybook build",
     "build:package:components": "vite build -c components.vite.config.ts",
     "build:package:icons": "vite build -c icons.vite.config.ts",
     "build:package:charts": "vite build -c charts.vite.config.ts",
@@ -193,16 +186,8 @@
     "dev": "cross-env NODE_ENV=development pnpm dev:library",
     "dev:library": "vite build --emptyOutDir false --watch",
     "clean": "rimraf dist",
-    "component:create": "tsx scripts/createNewComponent.ts",
-    "generate:icons": "pnpm generate:reactIcons && pnpm generate:iconsEnum",
-    "generate:iconsEnum": "tsx ./scripts/generateIconEnum.ts",
-    "generate:componentsEnum": "tsx ./scripts/generateComponentEnum.ts",
-    "generate:reactIcons": "tsx ./scripts/generateReactIcons.ts",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
-    "test": "cypress run --component",
-    "test:browser": "cypress open --component",
-    "test:file": "cypress run --component --spec",
     "typecheck": "tsc --noEmit",
     "storybook": "storybook dev -p 6009",
     "ci": "pnpm install --frozen-lockfile",

package/dist/components/ComponentEnum.es.js

@@ -1,5 +0,0 @@
-var d = /* @__PURE__ */ ((e) => (e["Fondue - Accordion"] = "Accordion", e["Fondue - AccordionHeader"] = "AccordionHeader", e["Fondue - AccordionHeaderIcon"] = "AccordionHeaderIcon", e["Fondue - ActionMenu"] = "ActionMenu", e["Fondue - AssetInput"] = "AssetInput", e["Fondue - AssetThumbnail"] = "AssetThumbnail", e["Fondue - Badge"] = "Badge", e["Fondue - BadgeStatusIcon"] = "BadgeStatusIcon", e["Fondue - Box"] = "Box", e["Fondue - BreadcrumbItem"] = "BreadcrumbItem", e["Fondue - Breadcrumbs"] = "Breadcrumbs", e["Fondue - CurrentBreadcrumbItem"] = "CurrentBreadcrumbItem", e["Fondue - FormattedBreadcrumbs"] = "FormattedBreadcrumbs", e["Fondue - Button"] = "Button", e["Fondue - Checkbox"] = "Checkbox", e["Fondue - Checklist"] = "Checklist", e["Fondue - CollapsibleWrap"] = "CollapsibleWrap", e["Fondue - Container"] = "Container", e["Fondue - DatePicker"] = "DatePicker", e["Fondue - DatePickerTrigger"] = "DatePickerTrigger", e["Fondue - Dropdown"] = "Dropdown", e["Fondue - EditableText"] = "EditableText", e["Fondue - FilterableMultiSelect"] = "FilterableMultiSelect", e["Fondue - FormControl"] = "FormControl", e["Fondue - FormField"] = "FormField", e["Fondue - FrontifyPattern"] = "FrontifyPattern", e["Fondue - InputLabel"] = "InputLabel", e["Fondue - LegacyTextarea"] = "LegacyTextarea", e["Fondue - BrightHeader"] = "BrightHeader", e["Fondue - LegacyTooltip"] = "LegacyTooltip", e["Fondue - LoadingCircle"] = "LoadingCircle", e["Fondue - Menu"] = "Menu", e["Fondue - MenuItem"] = "MenuItem", e["Fondue - MenuItemContent"] = "MenuItemContent", e["Fondue - MultiSelect"] = "MultiSelect", e["Fondue - OrderableList"] = "OrderableList", e["Fondue - OverflowMenu"] = "OverflowMenu", e["Fondue - Popper"] = "Popper", e["Fondue - RadioButton"] = "RadioButton", e["Fondue - RadioList"] = "RadioList", e["Fondue - SegmentedControls"] = "SegmentedControls", e["Fondue - Switch"] = "Switch", e["Fondue - Table"] = "Table", e["Fondue - TableCell"] = "TableCell", e["Fondue - TableColumnHeader"] = "TableColumnHeader", e["Fondue - TableHeaderRow"] = "TableHeaderRow", e["Fondue - TableRow"] = "TableRow", e["Fondue - TabItem"] = "TabItem", e["Fondue - Tabs"] = "Tabs", e["Fondue - Tag"] = "Tag", e["Fondue - TextInput"] = "TextInput", e["Fondue - Toast"] = "Toast", e["Fondue - Tooltip"] = "Tooltip", e["Fondue - TooltipIcon"] = "TooltipIcon", e["Fondue - Tree"] = "Tree", e["Fondue - Trigger"] = "Trigger", e))(d || {});
-export {
-  d as ComponentEnum
-};
-//# sourceMappingURL=ComponentEnum.es.js.map

package/dist/components/ComponentEnum.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentEnum.es.js","sources":["../../src/components/ComponentEnum.ts"],"sourcesContent":["\n        export enum ComponentEnum {\n            \"Fondue - Accordion\" = \"Accordion\",\n\"Fondue - AccordionHeader\" = \"AccordionHeader\",\n\"Fondue - AccordionHeaderIcon\" = \"AccordionHeaderIcon\",\n\"Fondue - ActionMenu\" = \"ActionMenu\",\n\"Fondue - AssetInput\" = \"AssetInput\",\n\"Fondue - AssetThumbnail\" = \"AssetThumbnail\",\n\"Fondue - Badge\" = \"Badge\",\n\"Fondue - BadgeStatusIcon\" = \"BadgeStatusIcon\",\n\"Fondue - Box\" = \"Box\",\n\"Fondue - BreadcrumbItem\" = \"BreadcrumbItem\",\n\"Fondue - Breadcrumbs\" = \"Breadcrumbs\",\n\"Fondue - CurrentBreadcrumbItem\" = \"CurrentBreadcrumbItem\",\n\"Fondue - FormattedBreadcrumbs\" = \"FormattedBreadcrumbs\",\n\"Fondue - Button\" = \"Button\",\n\"Fondue - Checkbox\" = \"Checkbox\",\n\"Fondue - Checklist\" = \"Checklist\",\n\"Fondue - CollapsibleWrap\" = \"CollapsibleWrap\",\n\"Fondue - Container\" = \"Container\",\n\"Fondue - DatePicker\" = \"DatePicker\",\n\"Fondue - DatePickerTrigger\" = \"DatePickerTrigger\",\n\"Fondue - Dropdown\" = \"Dropdown\",\n\"Fondue - EditableText\" = \"EditableText\",\n\"Fondue - FilterableMultiSelect\" = \"FilterableMultiSelect\",\n\"Fondue - FormControl\" = \"FormControl\",\n\"Fondue - FormField\" = \"FormField\",\n\"Fondue - FrontifyPattern\" = \"FrontifyPattern\",\n\"Fondue - InputLabel\" = \"InputLabel\",\n\"Fondue - LegacyTextarea\" = \"LegacyTextarea\",\n\"Fondue - BrightHeader\" = \"BrightHeader\",\n\"Fondue - LegacyTooltip\" = \"LegacyTooltip\",\n\"Fondue - LoadingCircle\" = \"LoadingCircle\",\n\"Fondue - Menu\" = \"Menu\",\n\"Fondue - MenuItem\" = \"MenuItem\",\n\"Fondue - MenuItemContent\" = \"MenuItemContent\",\n\"Fondue - MultiSelect\" = \"MultiSelect\",\n\"Fondue - OrderableList\" = \"OrderableList\",\n\"Fondue - OverflowMenu\" = \"OverflowMenu\",\n\"Fondue - Popper\" = \"Popper\",\n\"Fondue - RadioButton\" = \"RadioButton\",\n\"Fondue - RadioList\" = \"RadioList\",\n\"Fondue - SegmentedControls\" = \"SegmentedControls\",\n\"Fondue - Switch\" = \"Switch\",\n\"Fondue - Table\" = \"Table\",\n\"Fondue - TableCell\" = \"TableCell\",\n\"Fondue - TableColumnHeader\" = \"TableColumnHeader\",\n\"Fondue - TableHeaderRow\" = \"TableHeaderRow\",\n\"Fondue - TableRow\" = \"TableRow\",\n\"Fondue - TabItem\" = \"TabItem\",\n\"Fondue - Tabs\" = \"Tabs\",\n\"Fondue - Tag\" = \"Tag\",\n\"Fondue - TextInput\" = \"TextInput\",\n\"Fondue - Toast\" = \"Toast\",\n\"Fondue - Tooltip\" = \"Tooltip\",\n\"Fondue - TooltipIcon\" = \"TooltipIcon\",\n\"Fondue - Tree\" = \"Tree\",\n\"Fondue - Trigger\" = \"Trigger\"\n        };\n    "],"names":["ComponentEnum"],"mappings":"AACe,IAAKA,sBAAAA,OACRA,EAAA,oBAAA,IAAuB,aACnCA,EAAA,0BAAA,IAA6B,mBAC7BA,EAAA,8BAAA,IAAiC,uBACjCA,EAAA,qBAAA,IAAwB,cACxBA,EAAA,qBAAA,IAAwB,cACxBA,EAAA,yBAAA,IAA4B,kBAC5BA,EAAA,gBAAA,IAAmB,SACnBA,EAAA,0BAAA,IAA6B,mBAC7BA,EAAA,cAAA,IAAiB,OACjBA,EAAA,yBAAA,IAA4B,kBAC5BA,EAAA,sBAAA,IAAyB,eACzBA,EAAA,gCAAA,IAAmC,yBACnCA,EAAA,+BAAA,IAAkC,wBAClCA,EAAA,iBAAA,IAAoB,UACpBA,EAAA,mBAAA,IAAsB,YACtBA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,0BAAA,IAA6B,mBAC7BA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,qBAAA,IAAwB,cACxBA,EAAA,4BAAA,IAA+B,qBAC/BA,EAAA,mBAAA,IAAsB,YACtBA,EAAA,uBAAA,IAA0B,gBAC1BA,EAAA,gCAAA,IAAmC,yBACnCA,EAAA,sBAAA,IAAyB,eACzBA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,0BAAA,IAA6B,mBAC7BA,EAAA,qBAAA,IAAwB,cACxBA,EAAA,yBAAA,IAA4B,kBAC5BA,EAAA,uBAAA,IAA0B,gBAC1BA,EAAA,wBAAA,IAA2B,iBAC3BA,EAAA,wBAAA,IAA2B,iBAC3BA,EAAA,eAAA,IAAkB,QAClBA,EAAA,mBAAA,IAAsB,YACtBA,EAAA,0BAAA,IAA6B,mBAC7BA,EAAA,sBAAA,IAAyB,eACzBA,EAAA,wBAAA,IAA2B,iBAC3BA,EAAA,uBAAA,IAA0B,gBAC1BA,EAAA,iBAAA,IAAoB,UACpBA,EAAA,sBAAA,IAAyB,eACzBA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,4BAAA,IAA+B,qBAC/BA,EAAA,iBAAA,IAAoB,UACpBA,EAAA,gBAAA,IAAmB,SACnBA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,4BAAA,IAA+B,qBAC/BA,EAAA,yBAAA,IAA4B,kBAC5BA,EAAA,mBAAA,IAAsB,YACtBA,EAAA,kBAAA,IAAqB,WACrBA,EAAA,eAAA,IAAkB,QAClBA,EAAA,cAAA,IAAiB,OACjBA,EAAA,oBAAA,IAAuB,aACvBA,EAAA,gBAAA,IAAmB,SACnBA,EAAA,kBAAA,IAAqB,WACrBA,EAAA,sBAAA,IAAyB,eACzBA,EAAA,eAAA,IAAkB,QAClBA,EAAA,kBAAA,IAAqB,WAxDDA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/RadioList/RadioButton.es.js

@@ -1,24 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as a } from "react";
-import { useMemoizedId as i } from "../../hooks/useMemoizedId.es.js";
-import { checkIfContainInteractiveElements as m } from "../../utilities/elements.es.js";
-var c = /* @__PURE__ */ ((e) => (e.Weak = "Weak", e))(c || {});
-const u = ({ ...e }) => {
-  const t = i(), r = a(null), n = m(r.current);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      role: "tabpanel",
-      ref: r,
-      id: `${t}-content`,
-      "aria-labelledby": t,
-      tabIndex: n ? -1 : 0,
-      ...e
-    }
-  );
-};
-export {
-  u as RadioButton,
-  c as RadioButtonEmphasis
-};
-//# sourceMappingURL=RadioButton.es.js.map

package/dist/components/RadioList/RadioButton.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.es.js","sources":["../../../src/components/RadioList/RadioButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useRef } from 'react';\n\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { checkIfContainInteractiveElements } from '@utilities/elements';\n\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport enum RadioButtonEmphasis {\n    Weak = 'Weak',\n}\n\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport type RadioButtonProps = {\n    value: string;\n    disabled?: boolean;\n    hideLabel?: boolean;\n    emphasis?: RadioButtonEmphasis;\n    helperText?: string;\n    tooltip?: string;\n};\n\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport const RadioButton = ({ ...props }: RadioButtonProps) => {\n    const id = useMemoizedId();\n    const ref = useRef<HTMLDivElement | null>(null);\n    // eslint-disable-next-line react-hooks/refs\n    const hasInteractiveElements = checkIfContainInteractiveElements(ref.current);\n\n    return (\n        <div\n            role=\"tabpanel\"\n            ref={ref}\n            id={`${id}-content`}\n            aria-labelledby={id}\n            tabIndex={hasInteractiveElements ? -1 : 0}\n            {...props}\n        />\n    );\n};\n"],"names":["RadioButtonEmphasis","RadioButton","props","id","useMemoizedId","ref","useRef","hasInteractiveElements","checkIfContainInteractiveElements","jsx"],"mappings":";;;;AAUO,IAAKA,sBAAAA,OACRA,EAAA,OAAO,QADCA,IAAAA,KAAA,CAAA,CAAA;AAmBL,MAAMC,IAAc,CAAC,EAAE,GAAGC,QAA8B;AAC3D,QAAMC,IAAKC,EAAA,GACLC,IAAMC,EAA8B,IAAI,GAExCC,IAAyBC,EAAkCH,EAAI,OAAO;AAE5E,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,KAAAJ;AAAA,MACA,IAAI,GAAGF,CAAE;AAAA,MACT,mBAAiBA;AAAA,MACjB,UAAUI,IAAyB,KAAK;AAAA,MACvC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/RadioList/RadioList.es.js

@@ -1,95 +0,0 @@
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import { useRef as b, useState as v, Children as x, isValidElement as h, useEffect as m } from "react";
-import { LegacyTooltip as g, TooltipPosition as k, TooltipAlignment as y } from "../LegacyTooltip/LegacyTooltip.es.js";
-import z from "../../foundation/Icon/Generated/IconQuestionMarkCircle.es.js";
-import { IconSize as T } from "../../foundation/Icon/IconSize.es.js";
-import { generateRandomId as N } from "../../utilities/generateRandomId.es.js";
-import { merge as n } from "../../utilities/merge.es.js";
-import { RadioButtonEmphasis as L } from "./RadioButton.es.js";
-var R = /* @__PURE__ */ ((o) => (o.Horizontal = "Horizontal", o.Vertical = "Vertical", o))(R || {});
-const V = ({
-  children: o,
-  defaultValue: a,
-  direction: u = "Horizontal",
-  onChange: s,
-  name: d = "default-radio",
-  ariaLabel: f
-}) => {
-  const i = b(null), [r, c] = v(a), w = x.map(o, (e) => h(e) ? e == null ? void 0 : e.props : null) ?? [];
-  return m(() => {
-    c(a);
-  }, [a]), m(() => {
-    if (i.current) {
-      const e = i.current.querySelector(`input[value="${r}"]`);
-      e && e.focus();
-    }
-  }, [r]), /* @__PURE__ */ l(
-    "div",
-    {
-      "data-test-id": "radio-list-wrapper",
-      role: "radiogroup",
-      "aria-label": f ?? "Choose an option",
-      ref: i,
-      className: n(["tw-flex", u === "Horizontal" ? "tw-gap-4" : "tw-flex-col"]),
-      children: w.map((e) => {
-        const t = N();
-        return /* @__PURE__ */ p("div", { className: "tw-flex tw-items-center tw-mb-2", children: [
-          /* @__PURE__ */ l(
-            "input",
-            {
-              "data-test-id": "radio-input",
-              disabled: e.disabled,
-              id: t,
-              type: "radio",
-              name: d,
-              value: e.value,
-              "aria-label": e.hideLabel ? e.value : void 0,
-              "aria-labelledby": e.hideLabel ? void 0 : `${t}-label`,
-              "aria-describedby": !e.hideLabel && e.helperText ? `${t}-description` : void 0,
-              "aria-checked": e.value === r,
-              defaultChecked: e.value === r,
-              className: n([
-                "tw-peer tw-form-radio w-w-4 tw-h-4 tw-border-black-60 disabled:tw-border-black-10 focus:tw-ring-0 focus:tw-ring-offset-0 focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2",
-                e.emphasis === L.Weak ? "tw-text-black-80" : "tw-text-box-selected-strong"
-              ]),
-              onChange: () => {
-                c(e.value), s && s(e.value);
-              }
-            }
-          ),
-          !e.hideLabel && /* @__PURE__ */ p(
-            "label",
-            {
-              id: `${t}-label`,
-              htmlFor: t,
-              className: n([
-                "tw-flex tw-flex-col tw-pl-2 tw-text-sm tw-font-normal peer-checked:tw-font-medium tw-text-black-80 peer-disabled:tw-text-black-40"
-              ]),
-              "data-test-id": "radio-label",
-              children: [
-                e.value,
-                e.helperText && /* @__PURE__ */ l("span", { id: `${t}-description`, className: "tw-text-black-80 tw-font-normal", children: e.helperText })
-              ]
-            }
-          ),
-          e.tooltip && /* @__PURE__ */ l(
-            g,
-            {
-              alignment: y.Middle,
-              content: e.tooltip,
-              hoverDelay: 75,
-              position: k.Top,
-              triggerElement: /* @__PURE__ */ l("button", { type: "button", className: "tw-flex tw-text-black-80 tw-mx-2 tw-self-center", children: /* @__PURE__ */ l(z, { size: T.Size16 }) }),
-              withArrow: !0
-            }
-          )
-        ] }, t);
-      })
-    }
-  );
-};
-export {
-  V as RadioList,
-  R as RadioListDirection
-};
-//# sourceMappingURL=RadioList.es.js.map

package/dist/components/RadioList/RadioList.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioList.es.js","sources":["../../../src/components/RadioList/RadioList.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Children, type ReactNode, isValidElement, useEffect, useRef, useState } from 'react';\n\nimport { LegacyTooltip, TooltipAlignment, TooltipPosition } from '@components/LegacyTooltip/LegacyTooltip';\nimport IconQuestionMarkCircle from '@foundation/Icon/Generated/IconQuestionMarkCircle';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { generateRandomId } from '@utilities/generateRandomId';\nimport { merge } from '@utilities/merge';\n\nimport { RadioButtonEmphasis, type RadioButtonProps } from './RadioButton';\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport enum RadioListDirection {\n    Horizontal = 'Horizontal',\n    Vertical = 'Vertical',\n}\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport type RadioListProps = {\n    children: ReactNode;\n    onChange?: (value: string) => void;\n    direction?: RadioListDirection;\n    defaultValue?: string;\n    name?: string;\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Use `RadioList` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#radiolist the migration guide}.\n */\nexport const RadioList = ({\n    children,\n    defaultValue,\n    direction = RadioListDirection.Horizontal,\n    onChange,\n    name = 'default-radio',\n    ariaLabel,\n}: RadioListProps) => {\n    const radioGroupRef = useRef<HTMLDivElement | null>(null);\n\n    const [activeValue, setActiveValue] = useState(defaultValue);\n\n    const radioButtons: RadioButtonProps[] =\n        Children.map(children, (child) => {\n            if (!isValidElement<RadioButtonProps>(child)) {\n                return null;\n            }\n            return child?.props;\n        }) ?? [];\n\n    useEffect(() => {\n        setActiveValue(defaultValue);\n    }, [defaultValue]);\n\n    useEffect(() => {\n        if (radioGroupRef.current) {\n            const activeRadioButton = radioGroupRef.current.querySelector(`input[value=\"${activeValue}\"]`);\n            if (activeRadioButton) {\n                (activeRadioButton as HTMLDivElement).focus();\n            }\n        }\n    }, [activeValue]);\n\n    return (\n        <div\n            data-test-id=\"radio-list-wrapper\"\n            role=\"radiogroup\"\n            aria-label={ariaLabel ?? 'Choose an option'}\n            ref={radioGroupRef}\n            className={merge(['tw-flex', direction === RadioListDirection.Horizontal ? 'tw-gap-4' : 'tw-flex-col'])}\n        >\n            {radioButtons.map((radio) => {\n                const id = generateRandomId();\n                return (\n                    <div className=\"tw-flex tw-items-center tw-mb-2\" key={id}>\n                        <input\n                            data-test-id=\"radio-input\"\n                            disabled={radio.disabled}\n                            id={id}\n                            type=\"radio\"\n                            name={name}\n                            value={radio.value}\n                            aria-label={radio.hideLabel ? radio.value : undefined}\n                            aria-labelledby={!radio.hideLabel ? `${id}-label` : undefined}\n                            aria-describedby={!radio.hideLabel && radio.helperText ? `${id}-description` : undefined}\n                            aria-checked={radio.value === activeValue}\n                            defaultChecked={radio.value === activeValue}\n                            className={merge([\n                                'tw-peer tw-form-radio w-w-4 tw-h-4 tw-border-black-60 disabled:tw-border-black-10 focus:tw-ring-0 focus:tw-ring-offset-0 focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2',\n                                radio.emphasis === RadioButtonEmphasis.Weak\n                                    ? 'tw-text-black-80'\n                                    : 'tw-text-box-selected-strong',\n                            ])}\n                            onChange={() => {\n                                setActiveValue(radio.value);\n                                if (onChange) {\n                                    onChange(radio.value);\n                                }\n                            }}\n                        />\n                        {!radio.hideLabel && (\n                            <label\n                                id={`${id}-label`}\n                                htmlFor={id}\n                                className={merge([\n                                    'tw-flex tw-flex-col tw-pl-2 tw-text-sm tw-font-normal peer-checked:tw-font-medium tw-text-black-80 peer-disabled:tw-text-black-40',\n                                ])}\n                                data-test-id=\"radio-label\"\n                            >\n                                {radio.value}\n                                {radio.helperText && (\n                                    <span id={`${id}-description`} className=\"tw-text-black-80 tw-font-normal\">\n                                        {radio.helperText}\n                                    </span>\n                                )}\n                            </label>\n                        )}\n                        {radio.tooltip && (\n                            <LegacyTooltip\n                                alignment={TooltipAlignment.Middle}\n                                content={radio.tooltip}\n                                hoverDelay={75}\n                                position={TooltipPosition.Top}\n                                triggerElement={\n                                    <button type=\"button\" className=\"tw-flex tw-text-black-80 tw-mx-2 tw-self-center\">\n                                        <IconQuestionMarkCircle size={IconSize.Size16} />\n                                    </button>\n                                }\n                                withArrow\n                            />\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["RadioListDirection","RadioList","children","defaultValue","direction","onChange","name","ariaLabel","radioGroupRef","useRef","activeValue","setActiveValue","useState","radioButtons","Children","child","isValidElement","useEffect","activeRadioButton","jsx","merge","radio","id","generateRandomId","jsxs","RadioButtonEmphasis","LegacyTooltip","TooltipAlignment","TooltipPosition","IconQuestionMarkCircle","IconSize"],"mappings":"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"}

package/dist/components/Table/Table.es.js

@@ -1,110 +0,0 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { useTableState as x, TableHeader as D, Column as A, TableBody as O, Row as R, Cell as E } from "@react-stately/table";
-import { useState as H, useRef as z } from "react";
-import { TableCellType as m, TableCell as F } from "./TableCell.es.js";
-import { TableColumnHeaderType as g, TableColumnHeader as $ } from "./TableColumnHeader.es.js";
-import { TableHeaderRow as j } from "./TableHeaderRow.es.js";
-import { TableRow as K } from "./TableRow.es.js";
-var L = /* @__PURE__ */ ((e) => (e.NoSelect = "none", e.SingleSelect = "single", e.MultiSelect = "multiple", e))(L || {}), _ = /* @__PURE__ */ ((e) => (e.Ascending = "ascending", e.Descending = "descending", e))(_ || {});
-const B = "descending", I = (e, n, d = !1) => ({
-  children: [
-    /* @__PURE__ */ a(D, { columns: e, children: (t) => {
-      const s = !!(t.sortable && d);
-      return /* @__PURE__ */ a(A, { allowsSorting: s, align: t.align, children: t.titleNode ?? t.name });
-    } }, "table-header"),
-    /* @__PURE__ */ a(O, { items: n, children: (t) => /* @__PURE__ */ a(R, { children: (s) => /* @__PURE__ */ a(
-      E,
-      {
-        "aria-label": t.cells[s].ariaLabel,
-        children: t.cells[s].value
-      },
-      `${t.key}-${s}`
-    ) }) }, "table-body")
-  ]
-}), P = (e, n) => e.find(({ key: d }) => d === n) || null, U = (e) => e.map(({ key: n }) => n), q = ({
-  columns: e,
-  rows: n,
-  onSelectionChange: d,
-  selectionMode: t = "none",
-  onSortChange: s,
-  selectedRowIds: c = [],
-  ariaLabel: w = "Table"
-}) => {
-  const y = t === "single" || t === "multiple", [p, k] = H({
-    sortedColumnKey: void 0,
-    sortOrder: void 0
-  }), u = (l, r) => {
-    const i = r === "ascending" ? "descending" : "ascending";
-    k({
-      sortedColumnKey: l,
-      sortOrder: p.sortedColumnKey !== l ? B : i
-    }), s == null || s(l, r);
-  }, T = U(n), f = z(null), C = I(e, n, !!s), S = x({
-    ...C,
-    selectionMode: t,
-    showSelectionCheckboxes: y
-  }), { collection: h } = S;
-  return /* @__PURE__ */ a("div", { className: "tw-w-full tw-max-h-96 sm:tw-max-h-full", children: /* @__PURE__ */ b(
-    "table",
-    {
-      "aria-label": w,
-      ref: f,
-      className: "tw-border-collapse tw-table-auto tw-w-full tw-min-w-max tw-text-left dark:tw-bg-black-100 dark:tw-text-black-20",
-      children: [
-        /* @__PURE__ */ a("thead", { children: h.headerRows.map((l) => /* @__PURE__ */ b(j, { children: [
-          [...l.childNodes].map((r) => {
-            var o;
-            const i = r.props.isSelectionCell ? g.SelectAll : g.Default;
-            return /* @__PURE__ */ a(
-              $,
-              {
-                column: r,
-                type: i,
-                rowIds: T,
-                sortDirection: p.sortOrder,
-                selectionMode: t,
-                isColumnSorted: p.sortedColumnKey === r.key,
-                handleSortChange: u,
-                setSelectedRows: d,
-                align: (o = r.props) == null ? void 0 : o.align
-              },
-              r.key
-            );
-          }),
-          /* @__PURE__ */ a("td", {})
-        ] }, l.key)) }),
-        /* @__PURE__ */ a("tbody", { className: "tw-relative tw-z-[-1] sm:tw-z-auto", children: [...h.body.childNodes].map((l) => {
-          const r = P(n, l.key);
-          return /* @__PURE__ */ b(K, { isSelected: c.includes(l.key), children: [
-            [...l.childNodes].map((i) => {
-              const o = e.find(
-                ({ key: N }) => N === String(i.key).split(`${l.key}-`)[1]
-              ), v = i.props.isSelectionCell ? m.Checkbox : m.Default;
-              return /* @__PURE__ */ a(
-                F,
-                {
-                  cell: i,
-                  selectionMode: t,
-                  type: v,
-                  isChecked: c.includes(l.key),
-                  selectedRows: c,
-                  setSelectedRows: d,
-                  align: o == null ? void 0 : o.align
-                },
-                i.key
-              );
-            }),
-            r != null && r.actionElements ? /* @__PURE__ */ a("td", { className: "tw-sticky tw-right-0 tw-z-10", "data-test-id": "table-actions", children: /* @__PURE__ */ a("div", { className: "tw-float-right hover:tw-bg-gradient-to-r hover:tw-from-transparent hover:tw-to-black-0 dark:hover:tw-to-black-95 tw-py-4 tw-pr-8 tw-pl-4", children: r.actionElements }) }) : null
-          ] }, l.key);
-        }) })
-      ]
-    }
-  ) });
-};
-q.displayName = "FondueTable";
-export {
-  L as SelectionMode,
-  _ as SortDirection,
-  q as Table
-};
-//# sourceMappingURL=Table.es.js.map

package/dist/components/Table/Table.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.es.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    Cell as AriaCell,\n    Column as AriaColumn,\n    Row as AriaRow,\n    TableBody,\n    TableHeader,\n    type TableStateProps,\n    useTableState,\n} from '@react-stately/table';\nimport { type Key, type ReactNode, useRef, useState } from 'react';\n\nimport { TableCell, TableCellType } from './TableCell';\nimport { TableColumnHeader, TableColumnHeaderType } from './TableColumnHeader';\nimport { TableHeaderRow } from './TableHeaderRow';\nimport { TableRow } from './TableRow';\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport enum SelectionMode {\n    NoSelect = 'none',\n    SingleSelect = 'single',\n    MultiSelect = 'multiple',\n}\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type ColumnAlign = 'left' | 'right';\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type Cell = {\n    sortId: string | number;\n    value: ReactNode;\n    ariaLabel?: string;\n    align?: ColumnAlign;\n};\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type Column = {\n    name: string;\n    titleNode?: ReactNode;\n    key: string;\n    sortable?: boolean;\n    align?: ColumnAlign;\n};\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type Row = {\n    key: Key;\n    // cell keys have to correspond to column key values\n    // e.g. Column { name: 'User', key: 'user' } ==> Row Cell { user: { id: 'anna', value: 'Anna' } }\n    cells: Record<string, Cell>;\n    actionElements?: ReactNode;\n};\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type TableProps = {\n    columns: Column[];\n    rows: Row[];\n    onSelectionChange?: (ids?: Key[]) => void;\n    onSortChange?: (column: string, direction?: SortDirection) => void;\n    selectionMode?: SelectionMode;\n    selectedRowIds?: Key[];\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport enum SortDirection {\n    Ascending = 'ascending',\n    Descending = 'descending',\n}\n\nconst DEFAULT_SORT_ORDER = SortDirection.Descending;\n\ntype SortType = {\n    sortedColumnKey?: string;\n    sortOrder?: SortDirection;\n};\n\n/* react-aria hook props types are inexplicitly typed */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst mapToTableAriaProps = (columns: Column[], rows: Row[], hasSort = false): TableStateProps<any> => {\n    return {\n        children: [\n            <TableHeader key=\"table-header\" columns={columns}>\n                {(column) => {\n                    const allowsSorting = !!(column.sortable && hasSort);\n                    return (\n                        <AriaColumn allowsSorting={allowsSorting} {...{ align: column.align }}>\n                            {column.titleNode ?? column.name}\n                        </AriaColumn>\n                    );\n                }}\n            </TableHeader>,\n            <TableBody key=\"table-body\" items={rows}>\n                {(item) => (\n                    <AriaRow>\n                        {(columnKey) => (\n                            <AriaCell\n                                key={`${item.key}-${columnKey}`}\n                                aria-label={item.cells[columnKey as string].ariaLabel}\n                            >\n                                {item.cells[columnKey as string].value}\n                            </AriaCell>\n                        )}\n                    </AriaRow>\n                )}\n            </TableBody>,\n        ],\n    };\n};\n\nconst getRowFromId = (rows: Row[], id: Key) => rows.find(({ key }) => key === id) || null;\n\nconst getAllRowIds = (rows: Row[]): Key[] => rows.map(({ key: id }) => id);\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport const Table = ({\n    columns,\n    rows,\n    onSelectionChange,\n    selectionMode = SelectionMode.NoSelect,\n    onSortChange: onSort,\n    selectedRowIds = [],\n    ariaLabel = 'Table',\n}: TableProps) => {\n    const isSelectTable = selectionMode === SelectionMode.SingleSelect || selectionMode === SelectionMode.MultiSelect;\n    const [sort, setSort] = useState<SortType>({\n        sortedColumnKey: undefined,\n        sortOrder: undefined,\n    });\n\n    const onSortChange = (column: string, direction?: SortDirection) => {\n        const inverseSortDirection =\n            direction === SortDirection.Ascending ? SortDirection.Descending : SortDirection.Ascending;\n        setSort({\n            sortedColumnKey: column,\n            sortOrder: sort.sortedColumnKey !== column ? DEFAULT_SORT_ORDER : inverseSortDirection,\n        });\n        onSort?.(column, direction);\n    };\n\n    const rowIds = getAllRowIds(rows);\n    const ref = useRef<HTMLTableElement | null>(null);\n    const props = mapToTableAriaProps(columns, rows, !!onSort);\n    const state = useTableState({\n        ...props,\n        selectionMode,\n        showSelectionCheckboxes: isSelectTable,\n    });\n    const { collection } = state;\n\n    return (\n        <div className=\"tw-w-full tw-max-h-96 sm:tw-max-h-full\">\n            <table\n                aria-label={ariaLabel}\n                ref={ref}\n                className=\"tw-border-collapse tw-table-auto tw-w-full tw-min-w-max tw-text-left dark:tw-bg-black-100 dark:tw-text-black-20\"\n            >\n                <thead>\n                    {collection.headerRows.map((headerRow) => (\n                        <TableHeaderRow key={headerRow.key}>\n                            {[...headerRow.childNodes].map((column) => {\n                                const headerType = column.props.isSelectionCell\n                                    ? TableColumnHeaderType.SelectAll\n                                    : TableColumnHeaderType.Default;\n\n                                return (\n                                    <TableColumnHeader\n                                        key={column.key}\n                                        column={column}\n                                        type={headerType}\n                                        rowIds={rowIds}\n                                        sortDirection={sort.sortOrder}\n                                        selectionMode={selectionMode}\n                                        isColumnSorted={sort.sortedColumnKey === column.key}\n                                        handleSortChange={onSortChange}\n                                        setSelectedRows={onSelectionChange}\n                                        align={column.props?.align}\n                                    />\n                                );\n                            })}\n                            <td />\n                        </TableHeaderRow>\n                    ))}\n                </thead>\n                <tbody className=\"tw-relative tw-z-[-1] sm:tw-z-auto\">\n                    {[...collection.body.childNodes].map((ariaRow) => {\n                        const row = getRowFromId(rows, ariaRow.key);\n\n                        return (\n                            <TableRow key={ariaRow.key} isSelected={selectedRowIds.includes(ariaRow.key)}>\n                                {[...ariaRow.childNodes].map((cell) => {\n                                    const cellColumn = columns.find(\n                                        ({ key }) => key === String(cell.key).split(`${ariaRow.key}-`)[1],\n                                    );\n                                    const cellType = cell.props.isSelectionCell\n                                        ? TableCellType.Checkbox\n                                        : TableCellType.Default;\n                                    return (\n                                        <TableCell\n                                            key={cell.key}\n                                            cell={cell}\n                                            selectionMode={selectionMode}\n                                            type={cellType}\n                                            isChecked={selectedRowIds.includes(ariaRow.key)}\n                                            selectedRows={selectedRowIds}\n                                            setSelectedRows={onSelectionChange}\n                                            align={cellColumn?.align}\n                                        />\n                                    );\n                                })}\n                                {row?.actionElements ? (\n                                    <td className=\"tw-sticky tw-right-0 tw-z-10\" data-test-id=\"table-actions\">\n                                        <div className=\"tw-float-right hover:tw-bg-gradient-to-r hover:tw-from-transparent hover:tw-to-black-0 dark:hover:tw-to-black-95 tw-py-4 tw-pr-8 tw-pl-4\">\n                                            {row.actionElements}\n                                        </div>\n                                    </td>\n                                ) : null}\n                            </TableRow>\n                        );\n                    })}\n                </tbody>\n            </table>\n        </div>\n    );\n};\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nTable.displayName = 'FondueTable';\n"],"names":["SelectionMode","SortDirection","DEFAULT_SORT_ORDER","mapToTableAriaProps","columns","rows","hasSort","jsx","TableHeader","column","allowsSorting","AriaColumn","TableBody","item","AriaRow","columnKey","AriaCell","getRowFromId","id","key","getAllRowIds","Table","onSelectionChange","selectionMode","onSort","selectedRowIds","ariaLabel","isSelectTable","sort","setSort","useState","onSortChange","direction","inverseSortDirection","rowIds","ref","useRef","props","state","useTableState","collection","jsxs","headerRow","TableHeaderRow","headerType","TableColumnHeaderType","TableColumnHeader","_a","ariaRow","row","TableRow","cell","cellColumn","cellType","TableCellType","TableCell"],"mappings":"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"}

package/dist/components/Table/TableCell.es.js

@@ -1,70 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as x } from "react";
-import { Checkbox as d, CheckboxState as w } from "../Checkbox/Checkbox.es.js";
-import { merge as o } from "../../utilities/merge.es.js";
-import { SelectionMode as h } from "./Table.es.js";
-var k = /* @__PURE__ */ ((t) => (t.Default = "Default", t.Checkbox = "Checkbox", t))(k || {});
-const g = ({
-  cell: t,
-  selectionMode: i,
-  type: c = "Default",
-  isChecked: e = !1,
-  selectedRows: n,
-  setSelectedRows: a,
-  align: s = "left"
-}) => {
-  const l = x(null);
-  if (c === "Checkbox") {
-    const { key: f } = t, b = () => {
-      if (!a)
-        return;
-      if (e) {
-        const p = n.filter((u) => u !== t.parentKey);
-        a(p);
-        return;
-      }
-      const m = (
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
-        i === h.SingleSelect ? [t.parentKey] : [...n, t.parentKey]
-      );
-      a(m);
-    };
-    return /* @__PURE__ */ r(
-      "td",
-      {
-        ref: l,
-        className: o([
-          "tw-pl-8 tw-py-4 tw-pr-4 tw-relative after:tw-absolute after:tw-left-0 after:tw-top-[-1px] after:tw-bottom-[-1px] after:tw-w-1",
-          e ? "after:tw-bg-box-selected-strong" : "after:tw-bg-transparent"
-        ]),
-        "data-test-id": "table-select-cell",
-        children: /* @__PURE__ */ r(
-          d,
-          {
-            value: f,
-            "aria-label": t["aria-label"] || f,
-            state: e ? w.Checked : w.Unchecked,
-            onChange: b
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ r(
-    "td",
-    {
-      ref: l,
-      className: o([
-        "tw-p-4 tw-font-normal tw-text-xs focus:tw-outline-none",
-        e ? "tw-text-black-100 dark:tw-text-white" : "tw-text-black-80 dark:tw-text-black-20"
-      ]),
-      children: /* @__PURE__ */ r("div", { className: o(["tw-flex", s === "right" && "tw-w-full tw-justify-end"]), children: t.rendered })
-    }
-  );
-};
-g.displayName = "FondueTableCell";
-export {
-  g as TableCell,
-  k as TableCellType
-};
-//# sourceMappingURL=TableCell.es.js.map

package/dist/components/Table/TableCell.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.es.js","sources":["../../../src/components/Table/TableCell.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Key, useRef } from 'react';\n\nimport { Checkbox as CheckboxComponent, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { merge } from '@utilities/merge';\n\nimport { type ColumnAlign, SelectionMode } from './Table';\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport enum TableCellType {\n    Default = 'Default',\n    Checkbox = 'Checkbox',\n}\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport type TableCellProps = {\n    cell: any;\n    selectionMode: string;\n    type?: TableCellType;\n    isChecked?: boolean;\n    selectedRows: Key[];\n    setSelectedRows?: (ids?: Key[]) => void;\n    align?: ColumnAlign;\n};\n\n/**\n * @deprecated Use `Table` from `@frontify/fondue/components` instead.\n */\nexport const TableCell = ({\n    cell,\n    selectionMode,\n    type = TableCellType.Default,\n    isChecked = false,\n    selectedRows,\n    setSelectedRows,\n    align = 'left',\n}: TableCellProps) => {\n    const ref = useRef<HTMLTableCellElement | null>(null);\n\n    if (type === TableCellType.Checkbox) {\n        const { key } = cell;\n        const handleChange = () => {\n            if (!setSelectedRows) {\n                return;\n            }\n\n            if (isChecked) {\n                const filteredRows = selectedRows.filter((row) => row !== cell.parentKey);\n                setSelectedRows(filteredRows);\n                return;\n            }\n\n            const rowsToSelect =\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                selectionMode === SelectionMode.SingleSelect ? [cell.parentKey] : [...selectedRows, cell.parentKey];\n            setSelectedRows(rowsToSelect);\n        };\n\n        return (\n            <td\n                ref={ref}\n                className={merge([\n                    'tw-pl-8 tw-py-4 tw-pr-4 tw-relative after:tw-absolute after:tw-left-0 after:tw-top-[-1px] after:tw-bottom-[-1px] after:tw-w-1',\n                    isChecked ? 'after:tw-bg-box-selected-strong' : 'after:tw-bg-transparent',\n                ])}\n                data-test-id=\"table-select-cell\"\n            >\n                <CheckboxComponent\n                    value={key}\n                    aria-label={cell['aria-label'] || key}\n                    state={isChecked ? CheckboxState.Checked : CheckboxState.Unchecked}\n                    onChange={handleChange}\n                />\n            </td>\n        );\n    }\n\n    return (\n        <td\n            ref={ref}\n            className={merge([\n                'tw-p-4 tw-font-normal tw-text-xs focus:tw-outline-none',\n                isChecked ? 'tw-text-black-100 dark:tw-text-white' : 'tw-text-black-80 dark:tw-text-black-20',\n            ])}\n        >\n            <div className={merge(['tw-flex', align === 'right' && 'tw-w-full tw-justify-end'])}>{cell.rendered}</div>\n        </td>\n    );\n};\nTableCell.displayName = 'FondueTableCell';\n"],"names":["TableCellType","TableCell","cell","selectionMode","type","isChecked","selectedRows","setSelectedRows","align","ref","useRef","key","handleChange","filteredRows","row","rowsToSelect","SelectionMode","jsx","merge","CheckboxComponent","CheckboxState"],"mappings":";;;;;AAYO,IAAKA,sBAAAA,OACRA,EAAA,UAAU,WACVA,EAAA,WAAW,YAFHA,IAAAA,KAAA,CAAA,CAAA;AAqBL,MAAMC,IAAY,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC,IAAQ;AACZ,MAAsB;AAClB,QAAMC,IAAMC,EAAoC,IAAI;AAEpD,MAAIN,MAAS,YAAwB;AACjC,UAAM,EAAE,KAAAO,MAAQT,GACVU,IAAe,MAAM;AACvB,UAAI,CAACL;AACD;AAGJ,UAAIF,GAAW;AACX,cAAMQ,IAAeP,EAAa,OAAO,CAACQ,MAAQA,MAAQZ,EAAK,SAAS;AACxE,QAAAK,EAAgBM,CAAY;AAC5B;AAAA,MACJ;AAEA,YAAME;AAAA;AAAA,QAEFZ,MAAkBa,EAAc,eAAe,CAACd,EAAK,SAAS,IAAI,CAAC,GAAGI,GAAcJ,EAAK,SAAS;AAAA;AACtG,MAAAK,EAAgBQ,CAAY;AAAA,IAChC;AAEA,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAR;AAAA,QACA,WAAWS,EAAM;AAAA,UACb;AAAA,UACAb,IAAY,oCAAoC;AAAA,QAAA,CACnD;AAAA,QACD,gBAAa;AAAA,QAEb,UAAA,gBAAAY;AAAA,UAACE;AAAAA,UAAA;AAAA,YACG,OAAOR;AAAA,YACP,cAAYT,EAAK,YAAY,KAAKS;AAAA,YAClC,OAAON,IAAYe,EAAc,UAAUA,EAAc;AAAA,YACzD,UAAUR;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAGZ;AAEA,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,WAAWS,EAAM;AAAA,QACb;AAAA,QACAb,IAAY,yCAAyC;AAAA,MAAA,CACxD;AAAA,MAED,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAM,CAAC,WAAWV,MAAU,WAAW,0BAA0B,CAAC,GAAI,UAAAN,EAAK,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGhH;AACAD,EAAU,cAAc;"}

package/dist/components/Table/TableColumnHeader.es.js

@@ -1,89 +0,0 @@
-import { jsx as e, jsxs as E } from "react/jsx-runtime";
-import { useState as p, useRef as j, useEffect as z, cloneElement as B } from "react";
-import { Checkbox as U, CheckboxState as u } from "../Checkbox/Checkbox.es.js";
-import f from "../../foundation/Icon/Generated/IconArrowBidirectional.es.js";
-import F from "../../foundation/Icon/Generated/IconArrowDown.es.js";
-import L from "../../foundation/Icon/Generated/IconArrowUp.es.js";
-import { IconSize as O } from "../../foundation/Icon/IconSize.es.js";
-import { FOCUS_VISIBLE_STYLE as _ } from "../../utilities/focusStyle.es.js";
-import { merge as m } from "../../utilities/merge.es.js";
-import { SortDirection as H, SelectionMode as M } from "./Table.es.js";
-var P = /* @__PURE__ */ ((t) => (t.Default = "Default", t.SelectAll = "SelectAll", t))(P || {});
-const T = ({
-  column: t,
-  type: d = "Default",
-  rowIds: h,
-  sortDirection: o,
-  selectionMode: b,
-  isColumnSorted: l = !1,
-  handleSortChange: x,
-  setSelectedRows: a,
-  align: k = "left"
-}) => {
-  const {
-    key: n,
-    rendered: S,
-    props: { allowsSorting: r }
-  } = t, [g, c] = p(/* @__PURE__ */ e(f, {})), [s, y] = p(!1), i = j(null), C = r ? "button" : "span", I = r ? "tw-cursor-pointer" : "tw-cursor-default", v = k === "right" ? "tw-w-full tw-justify-end" : "";
-  if (z(() => {
-    c(l ? o === H.Descending ? /* @__PURE__ */ e(F, {}) : /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(f, {}));
-  }, [l, o]), d === "SelectAll") {
-    const w = {
-      "aria-label": "Select all",
-      scope: "col"
-    }, A = s ? u.Checked : u.Unchecked, N = () => {
-      a && (a(s ? [] : h), y((D) => !D));
-    };
-    return /* @__PURE__ */ e(
-      "th",
-      {
-        ...w,
-        ref: i,
-        className: "tw-pl-8 tw-py-3 tw-pr-4 tw-w-16 tw-border-l-4 tw-border-transparent tw-group tw-outline-none",
-        "data-test-id": "table-select-cell",
-        children: b === M.SingleSelect ? /* @__PURE__ */ e("span", { className: "tw-sr-only", children: w["aria-label"] }) : /* @__PURE__ */ e(U, { value: n, "aria-label": n, state: A, onChange: N })
-      }
-    );
-  }
-  return /* @__PURE__ */ e(
-    "th",
-    {
-      ref: i,
-      className: m([
-        "tw-px-4 tw-py-3 tw-outline-none tw-group focus-visible:bg-violet-90",
-        r ? "tw-cursor-pointer" : ""
-      ]),
-      "data-test-id": "table-column",
-      scope: "col",
-      onClick: r ? () => x(t.key, o) : () => null,
-      children: /* @__PURE__ */ E(
-        C,
-        {
-          className: m([
-            "tw-text-xs tw-font-medium tw-text-black-100 dark:tw-text-white tw-flex tw-gap-x-1 tw-items-center",
-            _,
-            I,
-            v
-          ]),
-          children: [
-            S,
-            r && /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: l ? "tw-text-violet-50" : "tw-text-black-40 dark:tw-text-black-60 group-hover:tw-text-black-100 dark:group-hover:tw-text-white",
-                children: B(g, { size: O.Size12 })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-T.displayName = "FondueTableColumnHeader";
-export {
-  T as TableColumnHeader,
-  P as TableColumnHeaderType
-};
-//# sourceMappingURL=TableColumnHeader.es.js.map