@mittwald/flow-react-components 0.1.0-alpha.371 → 0.1.0-alpha.372

package/dist/js/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-Bs2i5Rrn.js";
+import { f as E } from "./flowComponent-BQs9wMX_.js";
 import * as n from "react-aria-components";
 import h from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as v } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-BWusarCg.js";
+import { B as i } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as w, a as N } from "./IconPlus-CfhsvvQB.js";
+import "./Icon--OEo4TjW.js";
+import { I as w, a as N } from "./IconPlus-CccQXOjh.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
   slider: x,

package/dist/js/Switch.js

@@ -4,16 +4,16 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as p } from "./IconCheck-B_G6dwez.js";
-import { I as h } from "./IconClose-Cczxm95W.js";
-import { L as w } from "./Label-CUPc2dA6.js";
+import "./Icon--OEo4TjW.js";
+import { I as p } from "./IconCheck-s8wGBc30.js";
+import { I as h } from "./IconClose-Bf4k99aq.js";
+import { L as w } from "./Label-BK8Njoxm.js";
 import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as b } from "./flowComponent-Bs2i5Rrn.js";
+import { f as b } from "./flowComponent-BQs9wMX_.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",

package/dist/js/Tabs.js

@@ -4,15 +4,15 @@ import e, { useRef as h, useState as w, useEffect as M, useId as N, createContex
 import * as C from "react-aria-components";
 import u from "clsx";
 import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as O } from "./flowComponent-Bs2i5Rrn.js";
+import { f as O } from "./flowComponent-BQs9wMX_.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-hgBQbWcZ.js";
-import { M as K } from "./MenuItem-CEzmbX2U.js";
-import { B as L } from "./Button-BWusarCg.js";
+import { a as A, C as B } from "./ContextMenuTrigger-CsnzKkVf.js";
+import { M as K } from "./MenuItem-a7BWfwHo.js";
+import { B as L } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as W } from "./IconContextMenu-qp3vdZ_f.js";
-import { T as F } from "./Text-B2VXg-aU.js";
+import "./Icon--OEo4TjW.js";
+import { I as W } from "./IconContextMenu-x1p9NcUF.js";
+import { T as F } from "./Text-Dh4iy9qD.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as R } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/{Text-B2VXg-aU.js → Text-Dh4iy9qD.js}

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import C from "invariant";
-import { f as h } from "./flowComponent-Bs2i5Rrn.js";
+import { f as h } from "./flowComponent-BQs9wMX_.js";
 import { E as g } from "./EmulatedBoldText-Dtox8Wd1.js";
 import { W as y } from "./Wrap-DGT1h1o3.js";
 import P from "clsx";

package/dist/js/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-B2VXg-aU.js";
+import { T as a } from "./Text-Dh4iy9qD.js";
 export {
   a as Text,
   a as default

package/dist/js/TextArea.js

@@ -2,13 +2,13 @@
 /* */
 import o, { useRef as h } from "react";
 import * as x from "react-aria-components";
-import { T as g } from "./TextFieldBase-xxRlR0ZU.js";
+import { T as g } from "./TextFieldBase-DJLq39K8.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import { mergeRefs as d } from "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as A } from "./flowComponent-Bs2i5Rrn.js";
+import { f as A } from "./flowComponent-BQs9wMX_.js";
 const H = "flow--text-area", R = {
   textArea: H
 }, B = A("TextArea", (n) => {

package/dist/js/TextField.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-xxRlR0ZU.js";
+import { T as a } from "./TextFieldBase-DJLq39K8.js";
 import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-Bs2i5Rrn.js";
+import { f as p } from "./flowComponent-BQs9wMX_.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (t) => {

package/dist/js/{TextFieldBase-xxRlR0ZU.js → TextFieldBase-DJLq39K8.js}

@@ -9,8 +9,8 @@ import { PropsContextProvider as B } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as R } from "./FieldError-1vrCcwXu.js";
-import { F as g } from "./FieldDescription-Cd3lRw7h.js";
+import { F as R } from "./FieldError-B_3nLHFz.js";
+import { F as g } from "./FieldDescription-XOhjsupq.js";
 import { useLocalizedStringFormatter as L } from "react-aria";
 const P = { "de-DE": {
   "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/js/TimeField.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as r from "react-aria-components";
-import { f as p } from "./flowComponent-Bs2i5Rrn.js";
+import { f as p } from "./flowComponent-BQs9wMX_.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as d } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { f as t } from "./FormField.module-CqWpTQKP.js";
-import { F as f } from "./FieldError-1vrCcwXu.js";
+import { F as f } from "./FieldError-B_3nLHFz.js";
 import u from "clsx";
 const F = "flow--time-field--date-input", E = {
   dateInput: F

package/dist/js/{flowComponent-Bs2i5Rrn.js → flowComponent-BQs9wMX_.js}

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as g, cloneElement as y } from "react";
+import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as y, cloneElement as g } from "react";
 import { u as h } from "./propsContext-DzAKlmhS.js";
 import { mergeProps as T } from "@react-aria/utils";
 import { pickBy as v, omitBy as S } from "remeda";
@@ -28,6 +28,7 @@ const F = {
   ContextualHelpTrigger: !0,
   CopyButton: !0,
   CounterBadge: !0,
+  CountryOptions: !0,
   DatePicker: !0,
   DateRangePicker: !0,
   FieldDescription: !0,
@@ -123,8 +124,8 @@ const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
   };
   return /* @__PURE__ */ s.createElement(m.Provider, { value: i }, e);
 };
-function O(t, o) {
-  return g((r, e) => {
+function G(t, o) {
+  return y((r, e) => {
     const { tunnelId: n, wrapWith: i, ...c } = M(
       t,
       r
@@ -133,10 +134,10 @@ function O(t, o) {
       ...c
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = y(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(E, { id: n }, u)), u;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = g(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(E, { id: n }, u)), u;
   });
 }
 export {
-  O as f,
+  G as f,
   R as u
 };

package/dist/js/react-hook-form.js

@@ -7,8 +7,8 @@ import { PropsContextProvider as b } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as F } from "./dynamic-ClpUSmEt.js";
-import { F as A } from "./FieldError-1vrCcwXu.js";
-import { a as P, A as y } from "./Action-CoAr9soG.js";
+import { F as A } from "./FieldError-B_3nLHFz.js";
+import { a as P, A as y } from "./Action-Bm7dBV7s.js";
 const C = x({}), V = C.Provider, f = () => v(C);
 function D(t) {
   var i;

package/dist/js/types/components/List/typedList.d.ts

@@ -42,13 +42,13 @@ export declare const typedList: <T>() => {
         onHoverStart?: ((e: import('react-aria').HoverEvent) => void) | undefined;
         onHoverEnd?: ((e: import('react-aria').HoverEvent) => void) | undefined;
         onHoverChange?: ((isHovering: boolean) => void) | undefined;
+        dependencies?: any[] | undefined;
         download?: boolean | string | undefined;
         hrefLang?: string | undefined;
         ping?: string | undefined;
         referrerPolicy?: import('react').HTMLAttributeReferrerPolicy | undefined;
         routerOptions?: import('@react-types/shared').RouterOptions | undefined;
         textValue?: string | undefined;
-        dependencies?: any[] | undefined;
         columns?: Iterable<never> | undefined;
     }) => null;
     TableCell: (ignoredProps: Omit<import('./model/table/types').TableCellShape<T>, "renderFn"> & {

package/dist/js/types/components/Select/components/CountryOptions/CountryOptions.d.ts

@@ -0,0 +1,19 @@
+import { PropsWithChildren, default as React } from 'react';
+import { ListBoxProps } from 'react-aria-components';
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
+export interface Country {
+    code: string;
+    name: string;
+}
+export type CountryFilterFn = (country: Country) => boolean;
+export type CountrySortFn = (left: Country, right: Country) => number;
+export interface CountryOptionsProps<T = object> extends PropsWithChildren<Omit<ListBoxProps<T>, "children">>, FlowComponentProps {
+    filterBy?: CountryFilterFn;
+    sortBy?: CountrySortFn;
+}
+export interface CountryOptionsProps<T = object> extends PropsWithChildren<Omit<ListBoxProps<T>, "children">>, FlowComponentProps {
+    filterBy?: CountryFilterFn;
+    sortBy?: CountrySortFn;
+}
+export declare const CountryOptions: React.ForwardRefExoticComponent<CountryOptionsProps<object> & React.RefAttributes<never>>;
+export default CountryOptions;

package/dist/js/types/components/Select/components/CountryOptions/index.d.ts

@@ -0,0 +1,4 @@
+import { CountryOptions } from './CountryOptions';
+export { type CountryOptionsProps, CountryOptions } from './CountryOptions';
+export * from './lib/sortBy';
+export default CountryOptions;

package/dist/js/types/components/Select/components/CountryOptions/lib/sortBy.d.ts

@@ -0,0 +1,2 @@
+import { CountrySortFn } from '../CountryOptions';
+export declare const sortByDachFirst: CountrySortFn;

package/dist/js/types/components/Select/index.d.ts

@@ -1,4 +1,5 @@
 import { Select } from './Select';
 export { type SelectProps, Select } from './Select';
 export * from './components/Option';
+export * from './components/CountryOptions';
 export default Select;

package/dist/js/types/components/Select/stories/Default.stories.d.ts

@@ -10,3 +10,5 @@ export declare const WithFieldDescription: Story;
 export declare const WithDefaultValue: Story;
 export declare const WithFieldError: Story;
 export declare const WithNumbers: Story;
+export declare const WithCountryOptions: Story;
+export declare const WithCountryOptionsAndCustomSort: Story;

package/dist/js/types/components/propTypes/index.d.ts

@@ -51,6 +51,7 @@ import { SegmentProps } from '../SegmentedControl/components/Segment';
 import { FileCardProps } from '../FileCard';
 import { FileFieldProps } from '../FileField';
 import { AlignProps } from '../Align';
+import { CountryOptionsProps } from '../Select/components/CountryOptions';
 import type * as Aria from "react-aria-components";
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -74,6 +75,7 @@ export interface FlowComponentPropsTypes {
     ContextualHelpTrigger: OverlayTriggerProps;
     CopyButton: CopyButtonProps;
     CounterBadge: CounterBadgeProps;
+    CountryOptions: CountryOptionsProps;
     DatePicker: DatePickerProps<Aria.DateValue>;
     DateRangePicker: DateRangePickerProps<Aria.DateValue>;
     FieldDescription: FieldDescriptionProps;

package/dist/js/types/lib/propsContext/propsContext.d.ts

@@ -20,6 +20,7 @@ export declare const propsContext: import('react').Context<Partial<{
     ContextualHelpTrigger: import('./types').ComponentPropsContext<"ContextualHelpTrigger">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
+    CountryOptions: import('./types').ComponentPropsContext<"CountryOptions">;
     DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
     DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
     FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
@@ -83,6 +84,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     ContextualHelpTrigger: import('./types').ComponentPropsContext<"ContextualHelpTrigger">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
+    CountryOptions: import('./types').ComponentPropsContext<"CountryOptions">;
     DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
     DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
     FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.371",
+  "version": "0.1.0-alpha.372",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -425,7 +425,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.371",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.372",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -456,7 +456,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.371",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.372",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -551,5 +551,5 @@
       }
     }
   },
-  "gitHead": "fcd41cd3224305e573c09af76c1a3f7633c09fa7"
+  "gitHead": "6e7c4a4852f98fa02afbd31a4d6cc9fd96a66669"
 }