@mittwald/flow-react-components 0.2.0-alpha.495 → 0.2.0-alpha.496

package/dist/js/components/src/components/DonutChart/components/DonutChartFill.mjs

@@ -37,7 +37,8 @@ const DonutChartFill = (props) => {
         strokeDashoffset: circumference - segmentPercent / 100 * circumference,
         stroke: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,
         transform: `rotate(${ -90 + currentRotationOffset} ${center} ${center})`
-      }
+      },
+      i
     );
   });
 };

package/dist/js/components/src/components/DonutChart/components/DonutChartFill.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartFill.mjs","sources":["../../../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ninterface Props extends Pick<DonutChartProps, \"segments\"> {\n  center: number;\n  value?: number;\n  radius: number;\n  maxValue: number;\n}\n\nexport const DonutChartFill: FC<Props> = (props) => {\n  const { center, value = 0, radius, segments, maxValue } = props;\n\n  const circumference = 2 * radius * Math.PI;\n\n  const percent = (100 / maxValue) * value;\n\n  if (!segments) {\n    return (\n      <circle\n        className={styles.fill}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={circumference - (percent / 100) * circumference}\n        transform={`rotate(-90 ${center} ${center})`}\n      />\n    );\n  }\n\n  let rotationOffset = 0;\n\n  return segments.map((s, i) => {\n    const segmentPercent = (100 / maxValue) * s.value;\n\n    const currentRotationOffset = rotationOffset;\n\n    rotationOffset = rotationOffset + (360 / 100) * segmentPercent;\n\n    return (\n      <circle\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={\n          circumference - (segmentPercent / 100) * circumference\n        }\n        stroke={`var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`}\n        transform={`rotate(${-90 + currentRotationOffset} ${center} ${center})`}\n      />\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAYa,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,GAAQ,GAAG,MAAQ,EAAA,QAAA,EAAU,UAAa,GAAA,KAAA;AAE1D,EAAM,MAAA,aAAA,GAAgB,CAAI,GAAA,MAAA,GAAS,IAAK,CAAA,EAAA;AAExC,EAAM,MAAA,OAAA,GAAW,MAAM,QAAY,GAAA,KAAA;AAEnC,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EAAkB,aAAiB,GAAA,OAAA,GAAU,GAAO,GAAA,aAAA;AAAA,QACpD,SAAW,EAAA,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KAC3C;AAAA;AAIJ,EAAA,IAAI,cAAiB,GAAA,CAAA;AAErB,EAAA,OAAO,QAAS,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AAC5B,IAAM,MAAA,cAAA,GAAkB,GAAM,GAAA,QAAA,GAAY,CAAE,CAAA,KAAA;AAE5C,IAAA,MAAM,qBAAwB,GAAA,cAAA;AAE9B,IAAiB,cAAA,GAAA,cAAA,GAAkB,MAAM,GAAO,GAAA,cAAA;AAEhD,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EACE,aAAiB,GAAA,cAAA,GAAiB,GAAO,GAAA,aAAA;AAAA,QAE3C,QAAQ,CAA6B,0BAAA,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QAC7E,WAAW,CAAU,OAAA,EAAA,IAAA,GAAM,qBAAqB,CAAI,CAAA,EAAA,MAAM,IAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KACtE;AAAA,GAEH,CAAA;AACH;;;;"}
+{"version":3,"file":"DonutChartFill.mjs","sources":["../../../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ninterface Props extends Pick<DonutChartProps, \"segments\"> {\n  center: number;\n  value?: number;\n  radius: number;\n  maxValue: number;\n}\n\nexport const DonutChartFill: FC<Props> = (props) => {\n  const { center, value = 0, radius, segments, maxValue } = props;\n\n  const circumference = 2 * radius * Math.PI;\n\n  const percent = (100 / maxValue) * value;\n\n  if (!segments) {\n    return (\n      <circle\n        className={styles.fill}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={circumference - (percent / 100) * circumference}\n        transform={`rotate(-90 ${center} ${center})`}\n      />\n    );\n  }\n\n  let rotationOffset = 0;\n\n  return segments.map((s, i) => {\n    const segmentPercent = (100 / maxValue) * s.value;\n\n    const currentRotationOffset = rotationOffset;\n\n    rotationOffset = rotationOffset + (360 / 100) * segmentPercent;\n\n    return (\n      <circle\n        key={i}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={\n          circumference - (segmentPercent / 100) * circumference\n        }\n        stroke={`var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`}\n        transform={`rotate(${-90 + currentRotationOffset} ${center} ${center})`}\n      />\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAYa,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,GAAQ,GAAG,MAAQ,EAAA,QAAA,EAAU,UAAa,GAAA,KAAA;AAE1D,EAAM,MAAA,aAAA,GAAgB,CAAI,GAAA,MAAA,GAAS,IAAK,CAAA,EAAA;AAExC,EAAM,MAAA,OAAA,GAAW,MAAM,QAAY,GAAA,KAAA;AAEnC,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EAAkB,aAAiB,GAAA,OAAA,GAAU,GAAO,GAAA,aAAA;AAAA,QACpD,SAAW,EAAA,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KAC3C;AAAA;AAIJ,EAAA,IAAI,cAAiB,GAAA,CAAA;AAErB,EAAA,OAAO,QAAS,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AAC5B,IAAM,MAAA,cAAA,GAAkB,GAAM,GAAA,QAAA,GAAY,CAAE,CAAA,KAAA;AAE5C,IAAA,MAAM,qBAAwB,GAAA,cAAA;AAE9B,IAAiB,cAAA,GAAA,cAAA,GAAkB,MAAM,GAAO,GAAA,cAAA;AAEhD,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EACE,aAAiB,GAAA,cAAA,GAAiB,GAAO,GAAA,aAAA;AAAA,QAE3C,QAAQ,CAA6B,0BAAA,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QAC7E,WAAW,CAAU,OAAA,EAAA,IAAA,GAAM,qBAAqB,CAAI,CAAA,EAAA,MAAM,IAAI,MAAM,CAAA,CAAA;AAAA,OAAA;AAAA,MAT/D;AAAA,KAUP;AAAA,GAEH,CAAA;AACH;;;;"}

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

@@ -14,6 +14,7 @@ const Tabs = flowComponent("Tabs", (props) => {
     children,
     className,
     defaultSelectedKey,
+    selectedKey,
     disabledKeys,
     ref,
     onSelectionChange,
@@ -21,7 +22,7 @@ const Tabs = flowComponent("Tabs", (props) => {
   } = props;
   const rootClassName = clsx(styles.tabs, className);
   const [selection, setSelection] = useState(
-    defaultSelectedKey
+    selectedKey ?? defaultSelectedKey
   );
   return /* @__PURE__ */ jsxs(TunnelProvider, { children: [
     children,

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

@@ -1 +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;;;;"}
+{"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    selectedKey,\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    selectedKey ?? 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,WAAA;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,WAAe,IAAA;AAAA,GACjB;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/types/components/DonutChart/components/DonutChartFill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartFill.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4CpC,CAAC"}
+{"version":3,"file":"DonutChartFill.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA6CpC,CAAC"}

package/dist/types/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACtC,iBAAiB,EACjB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,IAAI,8FA+Cf,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACtC,iBAAiB,EACjB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,IAAI,8FAgDf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/types/components/Tabs/stories/Default.stories.d.ts

@@ -5,4 +5,5 @@ export default meta;
 type Story = StoryObj<typeof Tabs>;
 export declare const Default: Story;
 export declare const SmallSpace: Story;
+export declare const Controlled: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/Tabs/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAO,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAWxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAO,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAWxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6C3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.495",
+  "version": "0.2.0-alpha.496",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.495",
+    "@mittwald/react-tunnel": "0.2.0-alpha.496",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.1.1",
     "@react-aria/live-announcer": "^3.4.4",
@@ -101,7 +101,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.9.0",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.495",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.496",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -174,5 +174,5 @@
       "optional": true
     }
   },
-  "gitHead": "7496aceabb867147b5f677be739b12102b40b92d"
+  "gitHead": "fe9048b825e6e48708a360c5ee0773173522af50"
 }