@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/relative-timestamp-CHNqhmkb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-timestamp-CHNqhmkb.cjs","sources":["../src/ds/components/RelativeTimestamp/relative-timestamp.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport { formatDate, toDate } from '@/utils/date-format';\nimport type { DateInput } from '@/utils/date-format';\nimport { formatRelativeTime } from '@/utils/relative-time';\n\nexport interface RelativeTimestampProps {\n  value: DateInput;\n  className?: string;\n}\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  if (!ticker) {\n    now = Date.now();\n    ticker = setInterval(() => {\n      now = Date.now();\n      listeners.forEach(notify => notify());\n    }, 1000);\n  }\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      clearInterval(ticker);\n      ticker = undefined;\n    }\n  };\n}\n\nfunction useNow() {\n  const read = () => (ticker ? now : Date.now());\n  return useSyncExternalStore(subscribe, read, read);\n}\n\nconst SINCE_UNITS = [\n  ['day', 86_400_000],\n  ['hour', 3_600_000],\n  ['minute', 60_000],\n  ['second', 1_000],\n] as const;\n\nfunction formatUnit(count: number, unit: (typeof SINCE_UNITS)[number][0]) {\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit, unitDisplay: 'long' }).format(count);\n}\n\nfunction formatSince(date: Date, at: number) {\n  const diff = at - date.getTime();\n  let rest = Math.abs(diff);\n  const parts: string[] = [];\n  for (const [unit, size] of SINCE_UNITS) {\n    const count = Math.floor(rest / size);\n    rest %= size;\n    if (parts.length > 0) {\n      if (count > 0) parts.push(formatUnit(count, unit));\n      break;\n    }\n    if (count > 0 || unit === 'second') parts.push(formatUnit(count, unit));\n  }\n  const label = parts.join(' ');\n  return diff < 0 ? `${label} from now` : `${label} ago`;\n}\n\nfunction Relative({ date }: { date: Date }) {\n  return <>{formatRelativeTime(date, { now: useNow() })}</>;\n}\n\nfunction Since({ date }: { date: Date }) {\n  return <>{formatSince(date, useNow())}</>;\n}\n\nfunction zoneName(date: Date, timeZone?: string) {\n  return new Intl.DateTimeFormat(undefined, { timeZone, timeZoneName: 'short' })\n    .formatToParts(date)\n    .find(part => part.type === 'timeZoneName')?.value;\n}\n\nfunction zoneRow(date: Date, timeZone?: string) {\n  return {\n    zone: zoneName(date, timeZone) ?? 'Local',\n    day: new Intl.DateTimeFormat(undefined, { timeZone, month: 'short', day: 'numeric', year: 'numeric' }).format(date),\n    time: new Intl.DateTimeFormat(undefined, {\n      timeZone,\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n    }).format(date),\n  };\n}\n\nexport function RelativeTimestamp({ value, className }: RelativeTimestampProps) {\n  const date = toDate(value);\n  if (!date) return null;\n\n  const local = zoneRow(date);\n  const rows = local.zone === 'UTC' ? [local] : [local, zoneRow(date, 'UTC')];\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <time\n            dateTime={date.toISOString()}\n            tabIndex={0}\n            className={cn('rounded-sm font-mono whitespace-nowrap tabular-nums', focusRing.visible, className)}\n          />\n        }\n      >\n        <span aria-hidden=\"true\">\n          <Relative date={date} />\n        </span>\n        <span className=\"sr-only\">{formatDate(date, 'date-time-seconds')}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"text-muted-foreground\">\n          <Since date={date} />\n        </span>\n        <table className=\"mt-1.5 border-t border-border font-mono tabular-nums\">\n          <tbody>\n            {rows.map(row => (\n              <tr key={row.zone}>\n                <td className=\"pt-1.5 pr-3\">\n                  <Badge size=\"xs\">{row.zone}</Badge>\n                </td>\n                <td className=\"pt-1.5 pr-3\">{row.day}</td>\n                <td className=\"pt-1.5 text-right\">{row.time}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["useSyncExternalStore","jsx","Fragment","toDate","Tooltip","jsxs","TooltipTrigger","cn","focusRing","formatDate","TooltipContent","Badge"],"mappings":"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"}

package/dist/relative-timestamp-DjbfpeDB.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useSyncExternalStore } from 'react';
+import { B as Badge } from './Badge-Bzn8Z-_I.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-BrDiP0RI.js';
+import { focusRing } from './primitives/transitions.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+import { toDate, formatDate } from './utils/date-format.es.js';
+import { formatRelativeTime } from './utils/relative-time.es.js';
+
+const listeners = /* @__PURE__ */ new Set();
+let ticker;
+let now = Date.now();
+function subscribe(listener) {
+  listeners.add(listener);
+  if (!ticker) {
+    now = Date.now();
+    ticker = setInterval(() => {
+      now = Date.now();
+      listeners.forEach((notify) => notify());
+    }, 1e3);
+  }
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0) {
+      clearInterval(ticker);
+      ticker = void 0;
+    }
+  };
+}
+function useNow() {
+  const read = () => ticker ? now : Date.now();
+  return useSyncExternalStore(subscribe, read, read);
+}
+const SINCE_UNITS = [
+  ["day", 864e5],
+  ["hour", 36e5],
+  ["minute", 6e4],
+  ["second", 1e3]
+];
+function formatUnit(count, unit) {
+  return new Intl.NumberFormat(void 0, { style: "unit", unit, unitDisplay: "long" }).format(count);
+}
+function formatSince(date, at) {
+  const diff = at - date.getTime();
+  let rest = Math.abs(diff);
+  const parts = [];
+  for (const [unit, size] of SINCE_UNITS) {
+    const count = Math.floor(rest / size);
+    rest %= size;
+    if (parts.length > 0) {
+      if (count > 0) parts.push(formatUnit(count, unit));
+      break;
+    }
+    if (count > 0 || unit === "second") parts.push(formatUnit(count, unit));
+  }
+  const label = parts.join(" ");
+  return diff < 0 ? `${label} from now` : `${label} ago`;
+}
+function Relative({ date }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: formatRelativeTime(date, { now: useNow() }) });
+}
+function Since({ date }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: formatSince(date, useNow()) });
+}
+function zoneName(date, timeZone) {
+  return new Intl.DateTimeFormat(void 0, { timeZone, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value;
+}
+function zoneRow(date, timeZone) {
+  return {
+    zone: zoneName(date, timeZone) ?? "Local",
+    day: new Intl.DateTimeFormat(void 0, { timeZone, month: "short", day: "numeric", year: "numeric" }).format(date),
+    time: new Intl.DateTimeFormat(void 0, {
+      timeZone,
+      hour: "numeric",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(date)
+  };
+}
+function RelativeTimestamp({ value, className }) {
+  const date = toDate(value);
+  if (!date) return null;
+  const local = zoneRow(date);
+  const rows = local.zone === "UTC" ? [local] : [local, zoneRow(date, "UTC")];
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxs(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          "time",
+          {
+            dateTime: date.toISOString(),
+            tabIndex: 0,
+            className: cn("rounded-sm font-mono whitespace-nowrap tabular-nums", focusRing.visible, className)
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Relative, { date }) }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: formatDate(date, "date-time-seconds") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(TooltipContent, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Since, { date }) }),
+      /* @__PURE__ */ jsx("table", { className: "mt-1.5 border-t border-border font-mono tabular-nums", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: /* @__PURE__ */ jsx(Badge, { size: "xs", children: row.zone }) }),
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: row.day }),
+        /* @__PURE__ */ jsx("td", { className: "pt-1.5 text-right", children: row.time })
+      ] }, row.zone)) }) })
+    ] })
+  ] });
+}
+
+export { RelativeTimestamp as R };
+//# sourceMappingURL=relative-timestamp-DjbfpeDB.js.map

package/dist/relative-timestamp-DjbfpeDB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-timestamp-DjbfpeDB.js","sources":["../src/ds/components/RelativeTimestamp/relative-timestamp.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport { formatDate, toDate } from '@/utils/date-format';\nimport type { DateInput } from '@/utils/date-format';\nimport { formatRelativeTime } from '@/utils/relative-time';\n\nexport interface RelativeTimestampProps {\n  value: DateInput;\n  className?: string;\n}\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  if (!ticker) {\n    now = Date.now();\n    ticker = setInterval(() => {\n      now = Date.now();\n      listeners.forEach(notify => notify());\n    }, 1000);\n  }\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      clearInterval(ticker);\n      ticker = undefined;\n    }\n  };\n}\n\nfunction useNow() {\n  const read = () => (ticker ? now : Date.now());\n  return useSyncExternalStore(subscribe, read, read);\n}\n\nconst SINCE_UNITS = [\n  ['day', 86_400_000],\n  ['hour', 3_600_000],\n  ['minute', 60_000],\n  ['second', 1_000],\n] as const;\n\nfunction formatUnit(count: number, unit: (typeof SINCE_UNITS)[number][0]) {\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit, unitDisplay: 'long' }).format(count);\n}\n\nfunction formatSince(date: Date, at: number) {\n  const diff = at - date.getTime();\n  let rest = Math.abs(diff);\n  const parts: string[] = [];\n  for (const [unit, size] of SINCE_UNITS) {\n    const count = Math.floor(rest / size);\n    rest %= size;\n    if (parts.length > 0) {\n      if (count > 0) parts.push(formatUnit(count, unit));\n      break;\n    }\n    if (count > 0 || unit === 'second') parts.push(formatUnit(count, unit));\n  }\n  const label = parts.join(' ');\n  return diff < 0 ? `${label} from now` : `${label} ago`;\n}\n\nfunction Relative({ date }: { date: Date }) {\n  return <>{formatRelativeTime(date, { now: useNow() })}</>;\n}\n\nfunction Since({ date }: { date: Date }) {\n  return <>{formatSince(date, useNow())}</>;\n}\n\nfunction zoneName(date: Date, timeZone?: string) {\n  return new Intl.DateTimeFormat(undefined, { timeZone, timeZoneName: 'short' })\n    .formatToParts(date)\n    .find(part => part.type === 'timeZoneName')?.value;\n}\n\nfunction zoneRow(date: Date, timeZone?: string) {\n  return {\n    zone: zoneName(date, timeZone) ?? 'Local',\n    day: new Intl.DateTimeFormat(undefined, { timeZone, month: 'short', day: 'numeric', year: 'numeric' }).format(date),\n    time: new Intl.DateTimeFormat(undefined, {\n      timeZone,\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n    }).format(date),\n  };\n}\n\nexport function RelativeTimestamp({ value, className }: RelativeTimestampProps) {\n  const date = toDate(value);\n  if (!date) return null;\n\n  const local = zoneRow(date);\n  const rows = local.zone === 'UTC' ? [local] : [local, zoneRow(date, 'UTC')];\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <time\n            dateTime={date.toISOString()}\n            tabIndex={0}\n            className={cn('rounded-sm font-mono whitespace-nowrap tabular-nums', focusRing.visible, className)}\n          />\n        }\n      >\n        <span aria-hidden=\"true\">\n          <Relative date={date} />\n        </span>\n        <span className=\"sr-only\">{formatDate(date, 'date-time-seconds')}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"text-muted-foreground\">\n          <Since date={date} />\n        </span>\n        <table className=\"mt-1.5 border-t border-border font-mono tabular-nums\">\n          <tbody>\n            {rows.map(row => (\n              <tr key={row.zone}>\n                <td className=\"pt-1.5 pr-3\">\n                  <Badge size=\"xs\">{row.zone}</Badge>\n                </td>\n                <td className=\"pt-1.5 pr-3\">{row.day}</td>\n                <td className=\"pt-1.5 text-right\">{row.time}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{search-field-block-Dj2KJyjQ.js → search-field-block-C23HLYQi.js}

@@ -4,7 +4,8 @@ import { useRef, useEffect } from 'react';
 import { B as Button } from './Button-B8nF87ai.js';
 import { I as Input } from './input-CHghVv3k.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-BrDiP0RI.js';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DD7OARLU.js';
+import { F as FieldBlock } from './field-block-BRLwud-v.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 function SearchFieldBlock({
@@ -121,4 +122,4 @@ function SearchFieldBlock({
 }
 
 export { SearchFieldBlock as S };
-//# sourceMappingURL=search-field-block-Dj2KJyjQ.js.map
+//# sourceMappingURL=search-field-block-C23HLYQi.js.map

package/dist/{search-field-block-Dj2KJyjQ.js.map → search-field-block-C23HLYQi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-block-Dj2KJyjQ.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"search-field-block-C23HLYQi.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{search-field-block-K_e_S9WY.cjs → search-field-block-CD02RlL6.cjs}

@@ -6,7 +6,8 @@ const React = require('react');
 const Button = require('./Button-BAMnPqos.cjs');
 const input = require('./input-bd223EJW.cjs');
 const tooltip = require('./tooltip-FvWL16Xn.cjs');
-const fieldErrorId = require('./field-error-id-V_WejsRL.cjs');
+const fieldBlock = require('./field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 function SearchFieldBlock({
@@ -54,11 +55,11 @@ function SearchFieldBlock({
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label || "Search" })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
       layout === "vertical" && label ? /* @__PURE__ */ jsxRuntime.jsx(
-        fieldErrorId.FieldBlock.Label,
+        fieldBlock.FieldBlock.Label,
         {
           name,
           required,
@@ -67,7 +68,7 @@ function SearchFieldBlock({
           children: label
         }
       ) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             input.Input,
@@ -116,11 +117,11 @@ function SearchFieldBlock({
             }
           )
         ] }),
-        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
       ] })
     ] })
   ] });
 }
 
 exports.SearchFieldBlock = SearchFieldBlock;
-//# sourceMappingURL=search-field-block-K_e_S9WY.cjs.map
+//# sourceMappingURL=search-field-block-CD02RlL6.cjs.map

package/dist/{search-field-block-K_e_S9WY.cjs.map → search-field-block-CD02RlL6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-block-K_e_S9WY.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}
+{"version":3,"file":"search-field-block-CD02RlL6.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}

package/dist/{select-field-block-CaGjpIKM.cjs → select-field-block-5D-FkGZ4.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const fieldErrorId = require('./field-error-id-V_WejsRL.cjs');
+const fieldBlock = require('./field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
 const select = require('./select-BByMAS0L.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 
@@ -22,11 +23,11 @@ function SelectFieldBlock({
   onValueChange,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
-      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name, required, disabled, children: label }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { className: "gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
+      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           select.Select,
           {
@@ -50,11 +51,11 @@ function SelectFieldBlock({
             ]
           }
         ),
-        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Message, { name, helpText, errorMsg }) : null
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
       ] })
     ] })
   ] });
 }
 
 exports.SelectFieldBlock = SelectFieldBlock;
-//# sourceMappingURL=select-field-block-CaGjpIKM.cjs.map
+//# sourceMappingURL=select-field-block-5D-FkGZ4.cjs.map

package/dist/{select-field-block-CaGjpIKM.cjs.map → select-field-block-5D-FkGZ4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-field-block-CaGjpIKM.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Select","SelectTrigger","fieldErrorId","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uCACGA,uBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVC,cAAA,CAACD,uBAAA,CAAW,QAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,wBAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgBC,cAAA,CAACC,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,uBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClCC,cAAA,CAACD,uBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,uBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAG,eAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAH,cAAA;AAAA,gBAACI,oBAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAWC,yBAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAAL,cAAA,CAACM,sBAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACAN,cAAA,CAACO,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACXP,cAAA,CAACQ,iBAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAWR,cAAA,CAACD,uBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"select-field-block-5D-FkGZ4.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Select","SelectTrigger","fieldErrorId","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVC,cAAA,CAACD,qBAAA,CAAW,QAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,sBAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgBC,cAAA,CAACC,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClCC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAG,eAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAH,cAAA;AAAA,gBAACI,oBAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAWC,yBAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAAL,cAAA,CAACM,sBAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACAN,cAAA,CAACO,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACXP,cAAA,CAACQ,iBAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAWR,cAAA,CAACD,qBAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{select-field-block-BF8v698d.js → select-field-block-BCXRKd3l.js}

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DD7OARLU.js';
+import { F as FieldBlock } from './field-block-BRLwud-v.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-Dkmx3L5p.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 
@@ -55,4 +56,4 @@ function SelectFieldBlock({
 }
 
 export { SelectFieldBlock as S };
-//# sourceMappingURL=select-field-block-BF8v698d.js.map
+//# sourceMappingURL=select-field-block-BCXRKd3l.js.map

package/dist/{select-field-block-BF8v698d.js.map → select-field-block-BCXRKd3l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-field-block-BF8v698d.js","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACV,GAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,kBAAA,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgB,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClC,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,aAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAW,YAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAA,GAAA,CAAC,eAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACA,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACX,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"select-field-block-BCXRKd3l.js","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Select\n            aria-label={labelIsHidden ? label : undefined}\n            name={name}\n            value={value}\n            onValueChange={onValueChange}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              id={`input-${name}`}\n              size={size}\n              aria-invalid={errorMsg ? true : undefined}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(option => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA4BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACV,GAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,kBAAA,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,MAAY,QAAA,EAAoB,QAAA,EAC/C,0CAAgB,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClC,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAC/C,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,YACpC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,aAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,kBACjB,IAAA;AAAA,kBACA,cAAA,EAAc,WAAW,IAAA,GAAO,MAAA;AAAA,kBAChC,kBAAA,EAAkB,QAAA,GAAW,YAAA,CAAa,IAAI,CAAA,GAAI,MAAA;AAAA,kBAElD,QAAA,kBAAA,GAAA,CAAC,eAAY,WAAA,EAA0B;AAAA;AAAA,eACzC;AAAA,8BACA,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACX,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}