@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/components/CountryPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.cjs","sources":["../../src/components/CountryPicker.tsx"],"sourcesContent":["import {\n  Combobox,\n  type ComboboxOption,\n  type ComboboxSingleProps,\n} from \"./Combobox\";\nimport { CountryFlag } from \"./CountryFlag\";\nimport { COUNTRY_OPTIONS, isCountryCode } from \"./country-options\";\n\nexport type CountryPickerProps = Omit<\n  ComboboxSingleProps,\n  | \"allowCustomValue\"\n  | \"loading\"\n  | \"multiple\"\n  | \"onCreate\"\n  | \"onNew\"\n  | \"onSearch\"\n  | \"options\"\n  | \"prefix\"\n  | \"tristate\"\n>;\n\nconst options: ComboboxOption[] = COUNTRY_OPTIONS.map(({ code, name }) => ({\n  value: code,\n  label: name,\n  description: code,\n  selectedLabel: `${name} · ${code}`,\n  icon: <CountryFlag countryCode={code} decorative />,\n}));\n\nexport function CountryPicker({\n  ariaLabel = \"Country\",\n  invalid = false,\n  placeholder = \"Search country or code…\",\n  value,\n  ...props\n}: CountryPickerProps) {\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      options={options}\n      ariaLabel={ariaLabel}\n      allowCustomValue={false}\n      invalid={invalid || (!!value && !isCountryCode(value))}\n      placeholder={placeholder}\n    />\n  );\n}\n"],"names":["COUNTRY_OPTIONS","jsx","CountryFlag","Combobox","isCountryCode"],"mappings":";;;;;;AAqBA,MAAM,UAA4BA,eAAAA,gBAAgB,IAAI,CAAC,EAAE,MAAM,YAAY;AAAA,EACzE,OAAO;AAAA,EACP,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe,GAAG,IAAI,MAAM,IAAI;AAAA,EAChC,MAAMC,2BAAAA,IAACC,yBAAA,EAAY,aAAa,MAAM,YAAU,KAAA,CAAC;AACnD,EAAE;AAEK,SAAS,cAAc;AAAA,EAC5B,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACED,2BAAAA;AAAAA,IAACE,SAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS,WAAY,CAAC,CAAC,SAAS,CAACC,eAAAA,cAAc,KAAK;AAAA,MACpD;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/CountryPicker.d.ts

@@ -0,0 +1,4 @@
+import { ComboboxSingleProps } from './Combobox';
+export type CountryPickerProps = Omit<ComboboxSingleProps, "allowCustomValue" | "loading" | "multiple" | "onCreate" | "onNew" | "onSearch" | "options" | "prefix" | "tristate">;
+export declare function CountryPicker({ ariaLabel, invalid, placeholder, value, ...props }: CountryPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CountryPicker.d.ts.map

package/dist/components/CountryPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.d.ts","sourceRoot":"","sources":["../../src/components/CountryPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,YAAY,CAAC;AAIpB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,mBAAmB,EACjB,kBAAkB,GAClB,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,UAAU,CACb,CAAC;AAUF,wBAAgB,aAAa,CAAC,EAC5B,SAAqB,EACrB,OAAe,EACf,WAAuC,EACvC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAYpB"}

package/dist/components/CountryPicker.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { Combobox } from "./Combobox.js";
+import { CountryFlag } from "./CountryFlag.js";
+import { isCountryCode, COUNTRY_OPTIONS } from "./country-options.js";
+const options = COUNTRY_OPTIONS.map(({ code, name }) => ({
+  value: code,
+  label: name,
+  description: code,
+  selectedLabel: `${name} · ${code}`,
+  icon: /* @__PURE__ */ jsx(CountryFlag, { countryCode: code, decorative: true })
+}));
+function CountryPicker({
+  ariaLabel = "Country",
+  invalid = false,
+  placeholder = "Search country or code…",
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      ...props,
+      value,
+      options,
+      ariaLabel,
+      allowCustomValue: false,
+      invalid: invalid || !!value && !isCountryCode(value),
+      placeholder
+    }
+  );
+}
+export {
+  CountryPicker
+};
+//# sourceMappingURL=CountryPicker.js.map

package/dist/components/CountryPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.js","sources":["../../src/components/CountryPicker.tsx"],"sourcesContent":["import {\n  Combobox,\n  type ComboboxOption,\n  type ComboboxSingleProps,\n} from \"./Combobox\";\nimport { CountryFlag } from \"./CountryFlag\";\nimport { COUNTRY_OPTIONS, isCountryCode } from \"./country-options\";\n\nexport type CountryPickerProps = Omit<\n  ComboboxSingleProps,\n  | \"allowCustomValue\"\n  | \"loading\"\n  | \"multiple\"\n  | \"onCreate\"\n  | \"onNew\"\n  | \"onSearch\"\n  | \"options\"\n  | \"prefix\"\n  | \"tristate\"\n>;\n\nconst options: ComboboxOption[] = COUNTRY_OPTIONS.map(({ code, name }) => ({\n  value: code,\n  label: name,\n  description: code,\n  selectedLabel: `${name} · ${code}`,\n  icon: <CountryFlag countryCode={code} decorative />,\n}));\n\nexport function CountryPicker({\n  ariaLabel = \"Country\",\n  invalid = false,\n  placeholder = \"Search country or code…\",\n  value,\n  ...props\n}: CountryPickerProps) {\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      options={options}\n      ariaLabel={ariaLabel}\n      allowCustomValue={false}\n      invalid={invalid || (!!value && !isCountryCode(value))}\n      placeholder={placeholder}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAqBA,MAAM,UAA4B,gBAAgB,IAAI,CAAC,EAAE,MAAM,YAAY;AAAA,EACzE,OAAO;AAAA,EACP,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe,GAAG,IAAI,MAAM,IAAI;AAAA,EAChC,MAAM,oBAAC,aAAA,EAAY,aAAa,MAAM,YAAU,KAAA,CAAC;AACnD,EAAE;AAEK,SAAS,cAAc;AAAA,EAC5B,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS,WAAY,CAAC,CAAC,SAAS,CAAC,cAAc,KAAK;AAAA,MACpD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/DaemonSetIcon.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const UiStack = require("../icons/components/UiStack.cjs");
+function DaemonSetIcon({
+  className,
+  title,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UiStack.UiStack,
+    {
+      ...className !== void 0 ? { className } : {},
+      ...title !== void 0 ? { title } : {},
+      ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {}
+    }
+  );
+}
+exports.DaemonSetIcon = DaemonSetIcon;
+//# sourceMappingURL=DaemonSetIcon.cjs.map

package/dist/components/DaemonSetIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaemonSetIcon.cjs","sources":["../../src/components/DaemonSetIcon.tsx"],"sourcesContent":["import { UiStack } from \"../icons\";\n\ntype DaemonSetIconProps = {\n  className?: string;\n  title?: string;\n  \"aria-label\"?: string;\n};\n\nexport function DaemonSetIcon({\n  className,\n  title,\n  \"aria-label\": ariaLabel,\n}: DaemonSetIconProps) {\n  return (\n    <UiStack\n      {...(className !== undefined ? { className } : {})}\n      {...(title !== undefined ? { title } : {})}\n      {...(ariaLabel !== undefined ? { \"aria-label\": ariaLabel } : {})}\n    />\n  );\n}\n"],"names":["jsx","UiStack"],"mappings":";;;;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAuB;AACrB,SACEA,2BAAAA;AAAAA,IAACC,QAAAA;AAAAA,IAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAC9C,GAAI,UAAU,SAAY,EAAE,MAAA,IAAU,CAAA;AAAA,MACtC,GAAI,cAAc,SAAY,EAAE,cAAc,UAAA,IAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGpE;;"}

package/dist/components/DaemonSetIcon.d.ts

@@ -0,0 +1,8 @@
+type DaemonSetIconProps = {
+    className?: string;
+    title?: string;
+    "aria-label"?: string;
+};
+export declare function DaemonSetIcon({ className, title, "aria-label": ariaLabel, }: DaemonSetIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DaemonSetIcon.d.ts.map

package/dist/components/DaemonSetIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaemonSetIcon.d.ts","sourceRoot":"","sources":["../../src/components/DaemonSetIcon.tsx"],"names":[],"mappings":"AAEA,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,GACxB,EAAE,kBAAkB,2CAQpB"}

package/dist/components/DaemonSetIcon.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { UiStack } from "../icons/components/UiStack.js";
+function DaemonSetIcon({
+  className,
+  title,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    UiStack,
+    {
+      ...className !== void 0 ? { className } : {},
+      ...title !== void 0 ? { title } : {},
+      ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {}
+    }
+  );
+}
+export {
+  DaemonSetIcon
+};
+//# sourceMappingURL=DaemonSetIcon.js.map

package/dist/components/DaemonSetIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaemonSetIcon.js","sources":["../../src/components/DaemonSetIcon.tsx"],"sourcesContent":["import { UiStack } from \"../icons\";\n\ntype DaemonSetIconProps = {\n  className?: string;\n  title?: string;\n  \"aria-label\"?: string;\n};\n\nexport function DaemonSetIcon({\n  className,\n  title,\n  \"aria-label\": ariaLabel,\n}: DaemonSetIconProps) {\n  return (\n    <UiStack\n      {...(className !== undefined ? { className } : {})}\n      {...(title !== undefined ? { title } : {})}\n      {...(ariaLabel !== undefined ? { \"aria-label\": ariaLabel } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAC9C,GAAI,UAAU,SAAY,EAAE,MAAA,IAAU,CAAA;AAAA,MACtC,GAAI,cAAc,SAAY,EAAE,cAAc,UAAA,IAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGpE;"}

package/dist/components/DateField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.cjs","sources":["../../src/components/DateField.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { DatePicker } from \"./DatePicker\";\nimport { DateTimePicker } from \"./DateTimePicker\";\n\nexport type DateFieldMode = \"date\" | \"datetime\";\n\nexport type DateFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  /** Selects native date input or date-time input behavior. */\n  mode?: DateFieldMode;\n  /** ISO date or datetime-local string shown in the input. */\n  value?: string;\n  /** Called with the next ISO-like value whenever the input changes. */\n  onChange?: (value: string) => void;\n  /** Classes applied to the outer picker wrapper. */\n  className?: string;\n  /** Classes applied to the text input. */\n  inputClassName?: string;\n  /** Classes applied to the calendar/open button. */\n  buttonClassName?: string;\n  /** Accessible label for the calendar/open button. */\n  openButtonLabel?: string;\n};\n\nexport const DateField = forwardRef<HTMLInputElement, DateFieldProps>(\n  ({ mode = \"date\", ...props }, ref) => {\n    if (mode === \"datetime\") {\n      return <DateTimePicker ref={ref} {...props} />;\n    }\n\n    return <DatePicker ref={ref} {...props} />;\n  },\n);\n\nDateField.displayName = \"DateField\";\n"],"names":["forwardRef","jsx","DateTimePicker","DatePicker"],"mappings":";;;;;;AA0BO,MAAM,YAAYA,MAAAA;AAAAA,EACvB,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACpC,QAAI,SAAS,YAAY;AACvB,aAAOC,2BAAAA,IAACC,eAAAA,gBAAA,EAAe,KAAW,GAAG,MAAA,CAAO;AAAA,IAC9C;AAEA,WAAOD,2BAAAA,IAACE,WAAAA,YAAA,EAAW,KAAW,GAAG,MAAA,CAAO;AAAA,EAC1C;AACF;AAEA,UAAU,cAAc;;"}
+{"version":3,"file":"DateField.cjs","sources":["../../src/components/DateField.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { DatePicker } from \"./DatePicker\";\nimport { DateTimePicker } from \"./DateTimePicker\";\n\nexport type DateFieldMode = \"date\" | \"datetime\";\n\nexport type DateFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  /** Selects native date input or date-time input behavior. */\n  mode?: DateFieldMode;\n  /** ISO date or datetime-local string shown in the input. */\n  value?: string;\n  /** Called with the next ISO-like value whenever the input changes. */\n  onChange?: (value: string) => void;\n  /** Classes applied to the outer picker wrapper. */\n  className?: string;\n  /** Classes applied to the text input. */\n  inputClassName?: string;\n  /** Classes applied to the calendar/open button. */\n  buttonClassName?: string;\n  /** Accessible label for the calendar/open button. */\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DateField = forwardRef<HTMLInputElement, DateFieldProps>(\n  ({ mode = \"date\", ...props }, ref) => {\n    if (mode === \"datetime\") {\n      return <DateTimePicker ref={ref} {...props} />;\n    }\n\n    return <DatePicker ref={ref} {...props} />;\n  },\n);\n\nDateField.displayName = \"DateField\";\n"],"names":["forwardRef","jsx","DateTimePicker","DatePicker"],"mappings":";;;;;;AAgCO,MAAM,YAAYA,MAAAA;AAAAA,EACvB,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACpC,QAAI,SAAS,YAAY;AACvB,aAAOC,2BAAAA,IAACC,eAAAA,gBAAA,EAAe,KAAW,GAAG,MAAA,CAAO;AAAA,IAC9C;AAEA,WAAOD,2BAAAA,IAACE,WAAAA,YAAA,EAAW,KAAW,GAAG,MAAA,CAAO;AAAA,EAC1C;AACF;AAEA,UAAU,cAAc;;"}

package/dist/components/DateField.d.ts

@@ -1,6 +1,6 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 export type DateFieldMode = "date" | "datetime";
-export type DateFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
+export type DateFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     /** Selects native date input or date-time input behavior. */
     mode?: DateFieldMode;
     /** ISO date or datetime-local string shown in the input. */
@@ -15,8 +15,12 @@ export type DateFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"
     buttonClassName?: string;
     /** Accessible label for the calendar/open button. */
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 };
-export declare const DateField: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
+export declare const DateField: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "onChange" | "type"> & {
     /** Selects native date input or date-time input behavior. */
     mode?: DateFieldMode;
     /** ISO date or datetime-local string shown in the input. */
@@ -31,5 +35,9 @@ export declare const DateField: import('react').ForwardRefExoticComponent<Omit<I
     buttonClassName?: string;
     /** Accessible label for the calendar/open button. */
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 } & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/components/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/components/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B,GAAG;IACF,6DAA6D;IAC7D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS;IAhBpB,6DAA6D;WACtD,aAAa;IACpB,4DAA4D;YACpD,MAAM;IACd,sEAAsE;eAC3D,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC,mDAAmD;gBACvC,MAAM;IAClB,yCAAyC;qBACxB,MAAM;IACvB,mDAAmD;sBACjC,MAAM;IACxB,qDAAqD;sBACnC,MAAM;oDAWzB,CAAC"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/components/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EAGrC,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CACzC,GAAG;IACF,6DAA6D;IAC7D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS;IApBpB,6DAA6D;WACtD,aAAa;IACpB,4DAA4D;YACpD,MAAM;IACd,sEAAsE;eAC3D,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC,mDAAmD;gBACvC,MAAM;IAClB,yCAAyC;qBACxB,MAAM;IACvB,mDAAmD;sBACjC,MAAM;IACxB,qDAAqD;sBACnC,MAAM;IACxB,yEAAyE;aAChE,SAAS;IAClB,0EAA0E;aACjE,SAAS;oDAWnB,CAAC"}

package/dist/components/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":["../../src/components/DateField.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { DatePicker } from \"./DatePicker\";\nimport { DateTimePicker } from \"./DateTimePicker\";\n\nexport type DateFieldMode = \"date\" | \"datetime\";\n\nexport type DateFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  /** Selects native date input or date-time input behavior. */\n  mode?: DateFieldMode;\n  /** ISO date or datetime-local string shown in the input. */\n  value?: string;\n  /** Called with the next ISO-like value whenever the input changes. */\n  onChange?: (value: string) => void;\n  /** Classes applied to the outer picker wrapper. */\n  className?: string;\n  /** Classes applied to the text input. */\n  inputClassName?: string;\n  /** Classes applied to the calendar/open button. */\n  buttonClassName?: string;\n  /** Accessible label for the calendar/open button. */\n  openButtonLabel?: string;\n};\n\nexport const DateField = forwardRef<HTMLInputElement, DateFieldProps>(\n  ({ mode = \"date\", ...props }, ref) => {\n    if (mode === \"datetime\") {\n      return <DateTimePicker ref={ref} {...props} />;\n    }\n\n    return <DatePicker ref={ref} {...props} />;\n  },\n);\n\nDateField.displayName = \"DateField\";\n"],"names":[],"mappings":";;;;AA0BO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACpC,QAAI,SAAS,YAAY;AACvB,aAAO,oBAAC,gBAAA,EAAe,KAAW,GAAG,MAAA,CAAO;AAAA,IAC9C;AAEA,WAAO,oBAAC,YAAA,EAAW,KAAW,GAAG,MAAA,CAAO;AAAA,EAC1C;AACF;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"DateField.js","sources":["../../src/components/DateField.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { DatePicker } from \"./DatePicker\";\nimport { DateTimePicker } from \"./DateTimePicker\";\n\nexport type DateFieldMode = \"date\" | \"datetime\";\n\nexport type DateFieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  /** Selects native date input or date-time input behavior. */\n  mode?: DateFieldMode;\n  /** ISO date or datetime-local string shown in the input. */\n  value?: string;\n  /** Called with the next ISO-like value whenever the input changes. */\n  onChange?: (value: string) => void;\n  /** Classes applied to the outer picker wrapper. */\n  className?: string;\n  /** Classes applied to the text input. */\n  inputClassName?: string;\n  /** Classes applied to the calendar/open button. */\n  buttonClassName?: string;\n  /** Accessible label for the calendar/open button. */\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DateField = forwardRef<HTMLInputElement, DateFieldProps>(\n  ({ mode = \"date\", ...props }, ref) => {\n    if (mode === \"datetime\") {\n      return <DateTimePicker ref={ref} {...props} />;\n    }\n\n    return <DatePicker ref={ref} {...props} />;\n  },\n);\n\nDateField.displayName = \"DateField\";\n"],"names":[],"mappings":";;;;AAgCO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACpC,QAAI,SAAS,YAAY;AACvB,aAAO,oBAAC,gBAAA,EAAe,KAAW,GAAG,MAAA,CAAO;AAAA,IAC9C;AAEA,WAAO,oBAAC,YAAA,EAAW,KAAW,GAAG,MAAA,CAAO;AAAA,EAC1C;AACF;AAEA,UAAU,cAAc;"}

package/dist/components/DatePicker.cjs

@@ -13,6 +13,8 @@ const DatePicker = react.forwardRef(
     inputClassName,
     buttonClassName,
     openButtonLabel = "Open date picker",
+    suffix,
+    prefix,
     ...props
   }, ref) => {
     const localRef = react.useRef(null);
@@ -24,7 +26,8 @@ const DatePicker = react.forwardRef(
         ref.current = node;
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("relative", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-jsf-control": true, className: utils.cn("relative", className), children: [
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: prefix }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -35,11 +38,13 @@ const DatePicker = react.forwardRef(
           className: utils.cn(
             "h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
             "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none",
+            prefix && "pl-8",
             inputClassName
           ),
           onChange: (event) => onChange == null ? void 0 : onChange(event.target.value)
         }
       ),
+      suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-7 flex items-center", children: suffix }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {

package/dist/components/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["forwardRef","useRef","cn","jsx","Icon","UiCalendar"],"mappings":";;;;;;;AAiBO,MAAM,aAAaA,MAAAA;AAAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,2CACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,YAAY,SAAS,GACtC,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEpDC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAAC,2BAAAA,IAACC,WAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      suffix,\n      prefix,\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div data-jsf-control className={cn(\"relative\", className)}>\n        {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            prefix && \"pl-8\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        {suffix && (\n          <div className=\"absolute inset-y-0 right-7 flex items-center\">{suffix}</div>\n        )}\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["forwardRef","useRef","jsxs","cn","jsx","Icon","UiCalendar"],"mappings":";;;;;;;AAuBO,MAAM,aAAaA,MAAAA;AAAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,WACEC,gCAAC,SAAI,oBAAgB,MAAC,WAAWC,MAAAA,GAAG,YAAY,SAAS,GACtD,UAAA;AAAA,MAAA,UAAUC,2BAAAA,IAAC,OAAA,EAAI,WAAU,iDAAiD,UAAA,QAAO;AAAA,MAClFA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEnD,UACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gDAAgD,UAAA,QAAO;AAAA,MAExEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAAC,2BAAAA,IAACC,WAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;"}

package/dist/components/DatePicker.d.ts

@@ -1,18 +1,26 @@
-import { InputHTMLAttributes } from 'react';
-export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
+import { InputHTMLAttributes, ReactNode } from 'react';
+export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
     inputClassName?: string;
     buttonClassName?: string;
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 };
-export declare const DatePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
+export declare const DatePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "onChange" | "type"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
     inputClassName?: string;
     buttonClassName?: string;
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 } & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKrE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU;YARb,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACtB,MAAM;qBACD,MAAM;sBACL,MAAM;sBACN,MAAM;oDA0DzB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EAGrC,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CACzC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU;YAZb,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACtB,MAAM;qBACD,MAAM;sBACL,MAAM;sBACN,MAAM;IACxB,yEAAyE;aAChE,SAAS;IAClB,0EAA0E;aACjE,SAAS;oDAiEnB,CAAC"}

package/dist/components/DatePicker.js

@@ -11,6 +11,8 @@ const DatePicker = forwardRef(
     inputClassName,
     buttonClassName,
     openButtonLabel = "Open date picker",
+    suffix,
+    prefix,
     ...props
   }, ref) => {
     const localRef = useRef(null);
@@ -22,7 +24,8 @@ const DatePicker = forwardRef(
         ref.current = node;
       }
     }
-    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    return /* @__PURE__ */ jsxs("div", { "data-jsf-control": true, className: cn("relative", className), children: [
+      prefix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: prefix }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -33,11 +36,13 @@ const DatePicker = forwardRef(
           className: cn(
             "h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
             "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none",
+            prefix && "pl-8",
             inputClassName
           ),
           onChange: (event) => onChange == null ? void 0 : onChange(event.target.value)
         }
       ),
+      suffix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-7 flex items-center", children: suffix }),
       /* @__PURE__ */ jsx(
         "button",
         {

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,gCACG,OAAA,EAAI,WAAW,GAAG,YAAY,SAAS,GACtC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEpD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      suffix,\n      prefix,\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div data-jsf-control className={cn(\"relative\", className)}>\n        {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            prefix && \"pl-8\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        {suffix && (\n          <div className=\"absolute inset-y-0 right-7 flex items-center\">{suffix}</div>\n        )}\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,WACE,qBAAC,SAAI,oBAAgB,MAAC,WAAW,GAAG,YAAY,SAAS,GACtD,UAAA;AAAA,MAAA,UAAU,oBAAC,OAAA,EAAI,WAAU,iDAAiD,UAAA,QAAO;AAAA,MAClF;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEnD,UACC,oBAAC,OAAA,EAAI,WAAU,gDAAgD,UAAA,QAAO;AAAA,MAExE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}

package/dist/components/EndpointSelector.cjs

@@ -81,6 +81,9 @@ function EndpointSelector({
   modes,
   defaultMode,
   loadWorkloads,
+  allowNamespaceSelection = false,
+  loadNamespaces,
+  onNamespaceChange,
   urlSelector,
   modeKinds,
   defaults,
@@ -102,11 +105,17 @@ function EndpointSelector({
   if (value && !modes.includes(value.mode)) {
     throw new Error(`EndpointSelector value mode "${value.mode}" is disabled`);
   }
+  if (allowNamespaceSelection && !loadNamespaces) {
+    throw new Error(
+      "EndpointSelector namespace selection requires loadNamespaces"
+    );
+  }
   const [activeMode, setActiveMode] = react.useState(
     (value == null ? void 0 : value.mode) ?? fallbackMode
   );
   const [resources, setResources] = react.useState({});
   const resourcesRef = react.useRef({});
+  const resourcesNamespaceRef = react.useRef(namespace);
   const modesKey = modes.join(",");
   react.useEffect(() => {
     setActiveMode(
@@ -118,8 +127,14 @@ function EndpointSelector({
     [activeMode, modeKinds]
   );
   const rememberingLoader = react.useCallback(
-    async (kinds) => {
-      const loaded = await loadWorkloads(kinds);
+    async (kinds, selectedNamespace) => {
+      const workloadNamespace = selectedNamespace ?? namespace;
+      if (resourcesNamespaceRef.current !== workloadNamespace) {
+        resourcesNamespaceRef.current = workloadNamespace;
+        resourcesRef.current = {};
+        setResources({});
+      }
+      const loaded = workloadNamespace ? await loadWorkloads(kinds, workloadNamespace) : await loadWorkloads(kinds);
       const filtered = { ...loaded };
       if (kinds.includes("ingress")) {
         filtered.ingress = (loaded.ingress ?? []).filter(
@@ -129,11 +144,13 @@ function EndpointSelector({
           }
         );
       }
-      resourcesRef.current = { ...resourcesRef.current, ...filtered };
-      setResources(resourcesRef.current);
+      if (resourcesNamespaceRef.current === workloadNamespace) {
+        resourcesRef.current = { ...resourcesRef.current, ...filtered };
+        setResources(resourcesRef.current);
+      }
       return filtered;
     },
-    [loadWorkloads]
+    [loadWorkloads, namespace]
   );
   const selectedResource = react.useMemo(() => {
     var _a;
@@ -175,6 +192,7 @@ function EndpointSelector({
   const selectMode = (nextMode) => {
     setActiveMode(nextMode);
     if (nextMode === "url") {
+      onNamespaceChange == null ? void 0 : onNamespaceChange(void 0);
       if ((value == null ? void 0 : value.mode) !== "url") onChange(void 0);
       return;
     }
@@ -188,11 +206,11 @@ function EndpointSelector({
   };
   const selectWorkload = (key) => {
     var _a;
-    if (!key) {
+    const parsed = key ? workloadPickerUtils.parseWorkloadKey(key) : void 0;
+    if (!parsed || !parsed.name) {
       onChange(void 0);
       return;
     }
-    const parsed = workloadPickerUtils.parseWorkloadKey(key);
     const kind = parsed.kind;
     if (!kind || !enabledKinds.includes(kind)) {
       throw new Error(
@@ -226,7 +244,7 @@ function EndpointSelector({
     const previous = isWorkloadValue(value) ? value : void 0;
     const exposed = portOptions(resource).map((option) => option.value);
     const currentPort = (previous == null ? void 0 : previous.port) ?? "";
-    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : endpointPort.preferredEndpointPort(resource.ports, preferredPorts);
+    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : endpointPort.preferredEndpointPort(resource.ports, preferredPorts) ?? (defaults == null ? void 0 : defaults.port);
     const next = {
       mode: activeMode,
       target
@@ -291,6 +309,9 @@ function EndpointSelector({
                   onChange: selectWorkload,
                   loadWorkloads: rememberingLoader,
                   ...namespace ? { namespace } : {},
+                  ...allowNamespaceSelection ? { allowNamespaceSelection: true } : {},
+                  ...loadNamespaces ? { loadNamespaces } : {},
+                  ...onNamespaceChange ? { onNamespaceChange } : {},
                   kinds: enabledKinds,
                   strict: true,
                   allowCustomValue: false,

package/dist/components/EndpointSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.cjs","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\n\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\n\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\n\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\n\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[]) => {\n      const loaded = await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      resourcesRef.current = { ...resourcesRef.current, ...filtered };\n      setResources(resourcesRef.current);\n      return filtered;\n    },\n    [loadWorkloads],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    if (!key) {\n      onChange(undefined);\n      return;\n    }\n    const parsed = parseWorkloadKey(key);\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : preferredEndpointPort(resource.ports, preferredPorts);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["workloadKey","_a","DEFAULT_PREFERRED_ENDPOINT_PORTS","useState","useRef","useEffect","useMemo","useCallback","preferredEndpointPort","parseWorkloadKey","cn","jsx","SegmentedControl","SecretKeySelector","jsxs","Field","WorkloadPicker","Combobox","InputField","UiWarningTriangle"],"mappings":"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"}
+{"version":3,"file":"EndpointSelector.cjs","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  allowNamespaceSelection = false,\n  loadNamespaces,\n  onNamespaceChange,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n  if (allowNamespaceSelection && !loadNamespaces) {\n    throw new Error(\n      \"EndpointSelector namespace selection requires loadNamespaces\",\n    );\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const resourcesNamespaceRef = useRef(namespace);\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[], selectedNamespace?: string) => {\n      const workloadNamespace = selectedNamespace ?? namespace;\n      if (resourcesNamespaceRef.current !== workloadNamespace) {\n        resourcesNamespaceRef.current = workloadNamespace;\n        resourcesRef.current = {};\n        setResources({});\n      }\n      const loaded = workloadNamespace\n        ? await loadWorkloads(kinds, workloadNamespace)\n        : await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      if (resourcesNamespaceRef.current === workloadNamespace) {\n        resourcesRef.current = { ...resourcesRef.current, ...filtered };\n        setResources(resourcesRef.current);\n      }\n      return filtered;\n    },\n    [loadWorkloads, namespace],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      onNamespaceChange?.(undefined);\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    const parsed = key ? parseWorkloadKey(key) : undefined;\n    // A namespace-only key (empty name) means a namespace is in scope with no\n    // workload picked in it. An endpoint needs a workload to address, so there\n    // is nothing to report yet — the namespace reaches the consumer through\n    // onNamespaceChange instead.\n    if (!parsed || !parsed.name) {\n      onChange(undefined);\n      return;\n    }\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : (preferredEndpointPort(resource.ports, preferredPorts) ?? defaults?.port);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  {...(allowNamespaceSelection\n                    ? { allowNamespaceSelection: true }\n                    : {})}\n                  {...(loadNamespaces ? { loadNamespaces } : {})}\n                  {...(onNamespaceChange ? { onNamespaceChange } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["workloadKey","_a","DEFAULT_PREFERRED_ENDPOINT_PORTS","useState","useRef","useEffect","useMemo","useCallback","preferredEndpointPort","parseWorkloadKey","cn","jsx","SegmentedControl","SecretKeySelector","jsxs","Field","WorkloadPicker","Combobox","InputField","UiWarningTriangle"],"mappings":"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"}

package/dist/components/EndpointSelector.d.ts

@@ -1,3 +1,3 @@
 import { EndpointSelectorProps } from './EndpointSelector.model';
-export declare function EndpointSelector({ value, onChange, namespace, modes, defaultMode, loadWorkloads, urlSelector, modeKinds, defaults, preferredPorts, schemes, allowCustomScheme, allowCustomPort, showScheme, showPath, showIngressPort, className, }: EndpointSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function EndpointSelector({ value, onChange, namespace, modes, defaultMode, loadWorkloads, allowNamespaceSelection, loadNamespaces, onNamespaceChange, urlSelector, modeKinds, defaults, preferredPorts, schemes, allowCustomScheme, allowCustomPort, showScheme, showPath, showIngressPort, className, }: EndpointSelectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EndpointSelector.d.ts.map

package/dist/components/EndpointSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAGV,qBAAqB,EAKtB,MAAM,0BAA0B,CAAC;AAoFlC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAiD,EACjD,OAAO,EACP,iBAAwB,EACxB,eAAuB,EACvB,UAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CA6VvB"}
+{"version":3,"file":"EndpointSelector.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAGV,qBAAqB,EAKtB,MAAM,0BAA0B,CAAC;AAgFlC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,uBAA+B,EAC/B,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAiD,EACjD,OAAO,EACP,iBAAwB,EACxB,eAAuB,EACvB,UAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CAuXvB"}