@mittwald/flow-react-components 0.2.0-alpha.7 → 0.2.0-alpha.70

package/dist/js/components/Slider/Slider.module.scss.mjs

@@ -0,0 +1,27 @@
+"use client"
+/* */
+const slider = "flow--slider";
+const text = "flow--slider--text";
+const value = "flow--slider--value";
+const track = "flow--slider--track";
+const fill = "flow--slider--fill";
+const initialMarker = "flow--slider--initial-marker";
+const handle = "flow--slider--handle";
+const increment = "flow--slider--increment";
+const decrement = "flow--slider--decrement";
+const disabled = "flow--slider--disabled";
+const styles = {
+	slider: slider,
+	text: text,
+	value: value,
+	track: track,
+	fill: fill,
+	initialMarker: initialMarker,
+	handle: handle,
+	increment: increment,
+	decrement: decrement,
+	disabled: disabled
+};
+
+export { decrement, styles as default, disabled, fill, handle, increment, initialMarker, slider, text, track, value };
+//# sourceMappingURL=Slider.module.scss.mjs.map

package/dist/js/components/Slider/Slider.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/Switch/Switch.mjs

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Switch.module.scss.mjs';
+import clsx from 'clsx';
+import '@tabler/icons-react';
+import '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import { Label } from '../Label/Label.mjs';
+
+const Switch = flowComponent(
+  "Switch",
+  (props) => {
+    const {
+      children,
+      className,
+      labelPosition = "trailing",
+      ref,
+      ...rest
+    } = props;
+    const rootClassName = clsx(
+      styles.switch,
+      styles[`label-${labelPosition}`],
+      className
+    );
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: styles.track, children: /* @__PURE__ */ jsx("div", { className: styles.handle, children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" }) }) }),
+      children && /* @__PURE__ */ jsx(Label, { className: styles.label, children })
+    ] }) }) });
+  }
+);
+
+export { Switch, Switch as default };
+//# sourceMappingURL=Switch.mjs.map

package/dist/js/components/Switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport { Label } from \"@/components/Label\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SwitchProps\n  extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n    FlowComponentProps {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Switch = flowComponent<\"Switch\", HTMLLabelElement>(\n  \"Switch\",\n  (props) => {\n    const {\n      children,\n      className,\n      labelPosition = \"trailing\",\n      ref,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.switch,\n      styles[`label-${labelPosition}`],\n      className,\n    );\n\n    return (\n      <ClearPropsContext>\n        <Aria.Switch {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected }) => (\n            <>\n              <div className={styles.track}>\n                <div className={styles.handle}>\n                  {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n                </div>\n              </div>\n              {children && <Label className={styles.label}>{children}</Label>}\n            </>\n          )}\n        </Aria.Switch>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAgB,GAAA,UAAA;AAAA,MAChB,GAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,MAC/B;AAAA,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,QAAL,EAAa,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC9C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,KAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACpB,EAAA,QAAA,EAAA,UAAA,uBAAc,SAAU,EAAA,EAAA,IAAA,EAAK,KAAI,CAAK,mBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,GAC7D,CACF,EAAA,CAAA;AAAA,MACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,KAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Switch/Switch.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const track = "flow--switch--track";
+const handle = "flow--switch--handle";
+const label = "flow--switch--label";
+const styles = {
+	"switch": "flow--switch",
+	"label-leading": "flow--switch--label-leading",
+	track: track,
+	handle: handle,
+	label: label
+};
+
+export { styles as default, handle, label, track };
+//# sourceMappingURL=Switch.module.scss.mjs.map

package/dist/js/components/Switch/Switch.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/js/components/Table/Table.mjs

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './Table.module.scss.mjs';
+
+const Table = (props) => {
+  const { children, className, verticalAlign = "top", ...rest } = props;
+  const rootClassName = clsx(
+    styles.table,
+    styles[`vertical-align-${verticalAlign}`],
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { className: styles.tableContainer, children: /* @__PURE__ */ jsx(Aria.Table, { className: rootClassName, ...rest, children }) });
+};
+
+export { Table, Table as default };
+//# sourceMappingURL=Table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    styles[`vertical-align-${verticalAlign}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <Aria.Table className={rootClassName} {...rest}>\n        {children}\n      </Aria.Table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,gBAAgB,KAAO,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,MAAA,CAAO,CAAkB,eAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,gBACrB,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,KAAL,EAAA,EAAW,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACvC,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Table/Table.module.scss.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+const tableContainer = "flow--table--table-container";
+const table = "flow--table";
+const column = "flow--table--column";
+const cell = "flow--table--cell";
+const header = "flow--table--header";
+const body = "flow--table--body";
+const row = "flow--table--row";
+const footer = "flow--table--footer";
+const styles = {
+	tableContainer: tableContainer,
+	table: table,
+	column: column,
+	cell: cell,
+	"horizontal-align-center": "flow--table--horizontal-align-center",
+	"horizontal-align-end": "flow--table--horizontal-align-end",
+	header: header,
+	body: body,
+	row: row,
+	footer: footer,
+	"vertical-align-middle": "flow--table--vertical-align-middle"
+};
+
+export { body, cell, column, styles as default, footer, header, row, table, tableContainer };
+//# sourceMappingURL=Table.module.scss.mjs.map

package/dist/js/components/Table/Table.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/Table/components/TableBody/TableBody.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+
+const TableBody = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.body, className);
+  return /* @__PURE__ */ jsx(Aria.TableBody, { className: rootClassName, ...rest, children });
+};
+
+export { TableBody, TableBody as default };
+//# sourceMappingURL=TableBody.mjs.map

package/dist/js/components/Table/components/TableBody/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.body, className);\n\n  return (\n    <Aria.TableBody className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableBody>\n  );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;AASa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AAEjD,EACE,uBAAA,GAAA,CAAC,KAAK,SAAL,EAAA,EAAe,WAAW,aAAgB,EAAA,GAAG,MAC3C,QACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Suspense } from 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+import { SkeletonText } from '../../../SkeletonText/SkeletonText.mjs';
+import { TableColumn } from '../TableColumn/TableColumn.mjs';
+
+const TableCell = (props) => {
+  const {
+    children,
+    className,
+    rowHeader,
+    horizontalAlign = "start",
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.cell,
+    styles[`horizontal-align-${horizontalAlign}`],
+    className
+  );
+  const content = /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonText, { width: "100px" }), children });
+  if (rowHeader) {
+    return /* @__PURE__ */ jsx(TableColumn, { className: rootClassName, ...rest, children: content });
+  }
+  return /* @__PURE__ */ jsx(Aria.Cell, { className: rootClassName, ...rest, children: content });
+};
+
+export { TableCell, TableCell as default };
+//# sourceMappingURL=TableCell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table\";\n\nexport interface TableCellProps\n  extends Omit<Aria.CellProps, \"children\" | \"style\">,\n    PropsWithChildren {\n  /** Use cell as row header */\n  rowHeader?: boolean;\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n  const {\n    children,\n    className,\n    rowHeader,\n    horizontalAlign = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.cell,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const content = (\n    <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n  );\n\n  if (rowHeader) {\n    return (\n      <TableColumn className={rootClassName} {...rest}>\n        {content}\n      </TableColumn>\n    );\n  }\n\n  return (\n    <Aria.Cell className={rootClassName} {...rest}>\n      {content}\n    </Aria.Cell>\n  );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAM,MAAA,OAAA,uBACH,QAAS,EAAA,EAAA,QAAA,sBAAW,YAAa,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,EAAK,QAAS,EAAA,CAAA;AAGhE,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2BACG,WAAY,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACxC,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAU,WAAW,aAAgB,EAAA,GAAG,MACtC,QACH,EAAA,OAAA,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Table/components/TableColumn/TableColumn.mjs

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+
+const TableColumn = (props) => {
+  const { children, className, horizontalAlign = "start", ...rest } = props;
+  const rootClassName = clsx(
+    styles.column,
+    styles[`horizontal-align-${horizontalAlign}`],
+    className
+  );
+  return /* @__PURE__ */ jsx(Aria.Column, { isRowHeader: true, className: rootClassName, ...rest, children });
+};
+
+export { TableColumn, TableColumn as default };
+//# sourceMappingURL=TableColumn.mjs.map

package/dist/js/components/Table/components/TableColumn/TableColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport interface TableColumnProps extends Aria.ColumnProps {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      {children}\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,WAAA,EAAW,MAAC,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACpD,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Table/components/TableFooterRow/TableFooterRow.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { TableRow } from '../TableRow/TableRow.mjs';
+
+const TableFooterRow = (props) => {
+  return /* @__PURE__ */ jsx(TableRow, { ...props, footer: true });
+};
+
+export { TableFooterRow, TableFooterRow as default };
+//# sourceMappingURL=TableFooterRow.mjs.map

package/dist/js/components/Table/components/TableFooterRow/TableFooterRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterRow.mjs","sources":["../../../../../../src/components/Table/components/TableFooterRow/TableFooterRow.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { TableRowProps } from \"../TableRow\";\nimport { TableRow } from \"../TableRow\";\n\nexport type TableFooterRowProps = TableRowProps;\n\n/** @flr-generate all */\nexport const TableFooterRow: FC<TableRowProps> = (props) => {\n  return <TableRow {...props} footer={true} />;\n};\n\nexport default TableFooterRow;\n"],"names":[],"mappings":";;;;AAQa,MAAA,cAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,QAAQ,IAAM,EAAA,CAAA;AAC5C;;;;"}

package/dist/js/components/Table/components/TableHeader/TableHeader.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+
+const TableHeader = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.header, className);
+  return /* @__PURE__ */ jsx(Aria.TableHeader, { className: rootClassName, ...rest, children });
+};
+
+export { TableHeader, TableHeader as default };
+//# sourceMappingURL=TableHeader.mjs.map

package/dist/js/components/Table/components/TableHeader/TableHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.mjs","sources":["../../../../../../src/components/Table/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableHeaderProps = Aria.TableHeaderProps<never>;\n\n/** @flr-generate all */\nexport const TableHeader: FC<TableHeaderProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.header, className);\n\n  return (\n    <Aria.TableHeader className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableHeader>\n  );\n};\n\nexport default TableHeader;\n"],"names":[],"mappings":";;;;;;AASa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,MAAA,EAAQ,SAAS,CAAA;AAEnD,EACE,uBAAA,GAAA,CAAC,KAAK,WAAL,EAAA,EAAiB,WAAW,aAAgB,EAAA,GAAG,MAC7C,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Table/components/TableRow/TableRow.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+
+const TableRow = (props) => {
+  const { children, className, footer, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Aria.Row,
+    {
+      className: (props2) => clsx(
+        styles.row,
+        footer && styles.footer,
+        typeof className === "function" ? className(props2) : className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+
+export { TableRow, TableRow as default };
+//# sourceMappingURL=TableRow.mjs.map

package/dist/js/components/Table/components/TableRow/TableRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","sources":["../../../../../../src/components/Table/components/TableRow/TableRow.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableRowProps = Aria.RowProps<never> & {\n  /** @internal */\n  footer?: boolean;\n};\n\n/** @flr-generate all */\nexport const TableRow: FC<TableRowProps> = (props) => {\n  const { children, className, footer, ...rest } = props;\n\n  return (\n    <Aria.Row\n      className={(props) =>\n        clsx(\n          styles.row,\n          footer && styles.footer,\n          typeof className === \"function\" ? className(props) : className,\n        )\n      }\n      {...rest}\n    >\n      {children}\n    </Aria.Row>\n  );\n};\n\nexport default TableRow;\n"],"names":["props"],"mappings":";;;;;;AAYa,MAAA,QAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjD,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,GAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,CAACA,MACV,KAAA,IAAA;AAAA,QACE,MAAO,CAAA,GAAA;AAAA,QACP,UAAU,MAAO,CAAA,MAAA;AAAA,QACjB,OAAO,SAAA,KAAc,UAAa,GAAA,SAAA,CAAUA,MAAK,CAAI,GAAA;AAAA,OACvD;AAAA,MAED,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/js/components/Tabs/Tabs.mjs

@@ -0,0 +1,65 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TabList } from './components/TabList/TabList.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import clsx from 'clsx';
+import { useState } from 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Tabs.module.scss.mjs';
+
+const Tabs = flowComponent("Tabs", (props) => {
+  const {
+    children,
+    className,
+    defaultSelectedKey,
+    disabledKeys,
+    ref,
+    onSelectionChange,
+    ...rest
+  } = props;
+  const rootClassName = clsx(styles.tabs, className);
+  const [selection, setSelection] = useState(
+    defaultSelectedKey
+  );
+  return /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+    children,
+    /* @__PURE__ */ jsxs(
+      Aria.Tabs,
+      {
+        slot: null,
+        className: rootClassName,
+        ...rest,
+        selectedKey: selection,
+        onSelectionChange: (key) => {
+          setSelection(key);
+          if (onSelectionChange) {
+            onSelectionChange(key);
+          }
+        },
+        disabledKeys,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            TabList,
+            {
+              selection,
+              onContextMenuSelectionChange: (key) => {
+                setSelection(key);
+                if (onSelectionChange) {
+                  onSelectionChange(key);
+                }
+              },
+              disabledKeys
+            }
+          ),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "Panels" })
+        ]
+      }
+    )
+  ] });
+});
+
+export { Tabs, Tabs as default };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/js/components/Tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n  extends Omit<Aria.TabsProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n  const {\n    children,\n    className,\n    defaultSelectedKey,\n    disabledKeys,\n    ref,\n    onSelectionChange,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.tabs, className);\n  const [selection, setSelection] = useState<Aria.Key | undefined>(\n    defaultSelectedKey,\n  );\n\n  return (\n    <TunnelProvider>\n      {children}\n      <Aria.Tabs\n        slot={null}\n        className={rootClassName}\n        {...rest}\n        selectedKey={selection}\n        onSelectionChange={(key) => {\n          setSelection(key);\n          if (onSelectionChange) {\n            onSelectionChange(key);\n          }\n        }}\n        disabledKeys={disabledKeys}\n        ref={ref}\n      >\n        <TabList\n          selection={selection}\n          onContextMenuSelectionChange={(key) => {\n            setSelection(key);\n            if (onSelectionChange) {\n              onSelectionChange(key);\n            }\n          }}\n          disabledKeys={disabledKeys}\n        />\n        <TunnelExit id=\"Panels\" />\n      </Aria.Tabs>\n    </TunnelProvider>\n  );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AACjD,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,4BACG,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAK,CAAA,IAAA;AAAA,MAAL;AAAA,QACC,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAa,EAAA,SAAA;AAAA,QACb,iBAAA,EAAmB,CAAC,GAAQ,KAAA;AAC1B,UAAA,YAAA,CAAa,GAAG,CAAA;AAChB,UAAA,IAAI,iBAAmB,EAAA;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA;AACvB,SACF;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,4BAAA,EAA8B,CAAC,GAAQ,KAAA;AACrC,gBAAA,YAAA,CAAa,GAAG,CAAA;AAChB,gBAAA,IAAI,iBAAmB,EAAA;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA;AACvB,eACF;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA;AAAA;AAAA;AAAA;AAC1B,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/Tabs/Tabs.module.scss.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const tabs = "flow--tabs";
+const styles = {
+	tabs: tabs};
+
+export { styles as default, tabs };
+//# sourceMappingURL=Tabs.module.scss.mjs.map

package/dist/js/components/Tabs/Tabs.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/components/Tabs/components/Tab/Tab.mjs

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Tab.module.scss.mjs';
+import clsx from 'clsx';
+import { TabContextProvider } from './context.mjs';
+import { TunnelEntry } from '@mittwald/react-tunnel';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { Activity } from '../../../Activity/Activity.mjs';
+
+const Tab = (props) => {
+  const { children, className, id: idFromProps, ...rest } = props;
+  const rootClassName = clsx(styles.tabPanel, className);
+  const generatedId = useId();
+  const id = idFromProps ?? generatedId;
+  const TabPanelRenderer = (props2) => {
+    const isSelected = props2.state.selectedKey === id;
+    const propsContext = {
+      Content: {
+        wrapWith: /* @__PURE__ */ jsx(Activity, { isActive: isSelected })
+      },
+      Section: {
+        wrapWith: /* @__PURE__ */ jsx(Activity, { isActive: isSelected })
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      PropsContextProvider,
+      {
+        props: propsContext,
+        dependencies: [isSelected, children],
+        children
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(TunnelEntry, { id: "Panels", children: /* @__PURE__ */ jsx(TabContextProvider, { value: { id }, children: /* @__PURE__ */ jsx(
+    Aria.TabPanel,
+    {
+      className: rootClassName,
+      shouldForceMount: true,
+      id,
+      ...rest,
+      children: TabPanelRenderer
+    }
+  ) }) });
+};
+
+export { Tab, Tab as default };
+//# sourceMappingURL=Tab.mjs.map

package/dist/js/components/Tabs/components/Tab/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n  extends Omit<Aria.TabPanelProps, \"children\">,\n    PropsWithChildren {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Tab: FC<TabProps> = (props) => {\n  const { children, className, id: idFromProps, ...rest } = props;\n\n  const rootClassName = clsx(styles.tabPanel, className);\n\n  const generatedId = useId();\n  const id = idFromProps ?? generatedId;\n\n  const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n    const isSelected = props.state.selectedKey === id;\n\n    const propsContext: PropsContext = {\n      Content: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n      Section: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n    };\n\n    return (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isSelected, children]}\n      >\n        {children}\n      </PropsContextProvider>\n    );\n  };\n\n  return (\n    <TunnelEntry id=\"Panels\">\n      <TabContextProvider value={{ id }}>\n        <Aria.TabPanel\n          className={rootClassName}\n          shouldForceMount\n          id={id}\n          {...rest}\n        >\n          {TabPanelRenderer}\n        </Aria.TabPanel>\n      </TabContextProvider>\n    </TunnelEntry>\n  );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAoBa,MAAA,GAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAE1D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAM,EAAA;AAC1B,EAAA,MAAM,KAAK,WAAe,IAAA,WAAA;AAE1B,EAAM,MAAA,gBAAA,GAAmB,CAACA,MAAmD,KAAA;AAC3E,IAAM,MAAA,UAAA,GAAaA,MAAM,CAAA,KAAA,CAAM,WAAgB,KAAA,EAAA;AAE/C,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA,OAC5C;AAAA,MACA,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA;AAC5C,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,EAAG,EAAA,QAAA,EACd,8BAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,EAAE,EAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,gBAAgB,EAAA,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Tabs/components/Tab/Tab.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const tabPanel = "flow--tabs--tab--tab-panel";
+const styles = {
+	tabPanel: tabPanel
+};
+
+export { styles as default, tabPanel };
+//# sourceMappingURL=Tab.module.scss.mjs.map

package/dist/js/components/Tabs/components/Tab/Tab.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/components/Tabs/components/Tab/context.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import { createContext, useContext } from 'react';
+
+const tabContext = createContext({
+  id: "undefined"
+});
+const useTabContext = () => useContext(tabContext);
+const TabContextProvider = tabContext.Provider;
+
+export { TabContextProvider, useTabContext };
+//# sourceMappingURL=context.mjs.map

package/dist/js/components/Tabs/components/Tab/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../src/components/Tabs/components/Tab/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface TabContext {\n  id: string;\n}\n\nconst tabContext = createContext<TabContext>({\n  id: \"undefined\",\n});\n\nexport const useTabContext = (): TabContext => useContext(tabContext);\n\nexport const TabContextProvider = tabContext.Provider;\n"],"names":[],"mappings":";;AAMA,MAAM,aAAa,aAA0B,CAAA;AAAA,EAC3C,EAAI,EAAA;AACN,CAAC,CAAA;AAEY,MAAA,aAAA,GAAgB,MAAkB,UAAA,CAAW,UAAU;AAE7D,MAAM,qBAAqB,UAAW,CAAA;;;;"}

package/dist/js/components/Tabs/components/TabList/TabList.mjs

@@ -0,0 +1,70 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import * as Aria from 'react-aria-components';
+import styles from './TabList.module.scss.mjs';
+import { TunnelExit } from '@mittwald/react-tunnel';
+import { useObserveOverflow } from '../../../../lib/hooks/dom/useObserveOverflow.mjs';
+import { ContextMenu } from '../../../ContextMenu/ContextMenu.mjs';
+import clsx from 'clsx';
+import '../../../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import '@tabler/icons-react';
+import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconContextMenu } from '../../../Icon/components/icons/IconContextMenu.mjs';
+import 'react-aria';
+import { ContextMenuTrigger } from '../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import 'mobx';
+import '../../../../lib/controller/overlay/context.mjs';
+import 'invariant';
+import '../../../Action/context.mjs';
+import '../../../Action/models/ActionStateContext.mjs';
+import { Button } from '../../../Button/Button.mjs';
+import { TabTitleCollapsed } from '../TabTitle/TabTitleCollapsed.mjs';
+
+const TabList = (props) => {
+  const { selection, disabledKeys, onContextMenuSelectionChange } = props;
+  const titleCollapsedElementId = useId();
+  const overflowObserver = useObserveOverflow();
+  const isCollapsed = overflowObserver.isOverflowing;
+  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);
+  const handleContextMenuSelectionChange = (key) => {
+    onContextMenuSelectionChange(key);
+  };
+  const regularTabTitles = /* @__PURE__ */ jsx(Aria.TabList, { className: styles.titles, ref: overflowObserver.ref, children: /* @__PURE__ */ jsx(TunnelExit, { id: "Titles" }) });
+  const singleTabTitleWhenCollapsed = isCollapsed && /* @__PURE__ */ jsx(TabTitleCollapsed, { id: titleCollapsedElementId });
+  const contextMenuWhenCollapsed = isCollapsed && /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "soft",
+        className: styles.contextMenuButton,
+        color: "secondary",
+        "aria-labelledby": titleCollapsedElementId,
+        children: /* @__PURE__ */ jsx(IconContextMenu, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ContextMenu,
+      {
+        disabledKeys,
+        selectedKeys: selection ? [selection] : void 0,
+        selectionMode: "navigation",
+        onAction: (key) => handleContextMenuSelectionChange(key),
+        children: /* @__PURE__ */ jsx(TunnelExit, { id: "ContextMenuItems" })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: rootClassName, children: [
+    regularTabTitles,
+    singleTabTitleWhenCollapsed,
+    contextMenuWhenCollapsed
+  ] });
+};
+
+export { TabList };
+//# sourceMappingURL=TabList.mjs.map

package/dist/js/components/Tabs/components/TabList/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React, { useId } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { ContextMenu, ContextMenuTrigger } from \"@/components/ContextMenu\";\nimport { Button } from \"@/components/Button\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport TabTitleCollapsed from \"@/components/Tabs/components/TabTitle/TabTitleCollapsed\";\n\ninterface Props {\n  selection: Aria.Key | undefined;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const { selection, disabledKeys, onContextMenuSelectionChange } = props;\n\n  const titleCollapsedElementId = useId();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList className={styles.titles} ref={overflowObserver.ref}>\n      <TunnelExit id=\"Titles\" />\n    </Aria.TabList>\n  );\n\n  const singleTabTitleWhenCollapsed = isCollapsed && (\n    <TabTitleCollapsed id={titleCollapsedElementId} />\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTrigger>\n      <Button\n        variant=\"soft\"\n        className={styles.contextMenuButton}\n        color=\"secondary\"\n        aria-labelledby={titleCollapsedElementId}\n      >\n        <IconContextMenu />\n      </Button>\n\n      <ContextMenu\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <TunnelExit id=\"ContextMenuItems\" />\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n\n  return (\n    <div className={rootClassName}>\n      {regularTabTitles}\n      {singleTabTitleWhenCollapsed}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,OAAA,GAAqB,CAAC,KAAU,KAAA;AAC3C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAc,EAAA,4BAAA,EAAiC,GAAA,KAAA;AAElE,EAAA,MAAM,0BAA0B,KAAM,EAAA;AACtC,EAAA,MAAM,mBAAmB,kBAAmB,EAAA;AAC5C,EAAA,MAAM,cAAc,gBAAiB,CAAA,aAAA;AACrC,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAS,EAAA,WAAA,IAAe,OAAO,SAAS,CAAA;AAE1E,EAAM,MAAA,gCAAA,GAAmC,CAAC,GAAkB,KAAA;AAC1D,IAAA,4BAAA,CAA6B,GAAG,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,gBACJ,mBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,SAAW,EAAA,MAAA,CAAO,MAAQ,EAAA,GAAA,EAAK,iBAAiB,GAC5D,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAGF,EAAA,MAAM,2BAA8B,GAAA,WAAA,oBACjC,GAAA,CAAA,iBAAA,EAAA,EAAkB,IAAI,uBAAyB,EAAA,CAAA;AAGlD,EAAM,MAAA,wBAAA,GAA2B,WAC/B,oBAAA,IAAA,CAAC,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAW,MAAO,CAAA,iBAAA;AAAA,QAClB,KAAM,EAAA,WAAA;AAAA,QACN,iBAAiB,EAAA,uBAAA;AAAA,QAEjB,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KACnB;AAAA,oBAEA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,YAAc,EAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,MAAA;AAAA,QACxC,aAAc,EAAA,YAAA;AAAA,QACd,QAAU,EAAA,CAAC,GAAQ,KAAA,gCAAA,CAAiC,GAAG,CAAA;AAAA,QAEvD,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA;AAAA;AAAA;AACpC,GACF,EAAA,CAAA;AAGF,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aACb,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA;AAAA,IACA,2BAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Tabs/components/TabList/TabList.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const tabList = "flow--tabs--tab-list";
+const contextMenuButton = "flow--tabs--tab-list--context-menu-button";
+const titles = "flow--tabs--tab-list--titles";
+const collapsed = "flow--tabs--tab-list--collapsed";
+const styles = {
+	tabList: tabList,
+	contextMenuButton: contextMenuButton,
+	titles: titles,
+	collapsed: collapsed
+};
+
+export { collapsed, contextMenuButton, styles as default, tabList, titles };
+//# sourceMappingURL=TabList.module.scss.mjs.map

package/dist/js/components/Tabs/components/TabList/TabList.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}