@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/components/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/devportal/components/DataTable.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\n\nexport interface Column<T> {\n  key: string;\n  header: ReactNode;\n  render?: (item: T) => ReactNode;\n  className?: string;\n  sortable?: boolean;\n}\n\nexport interface DataTableProps<T> {\n  data: T[];\n  columns: Column<T>[];\n  keyField: keyof T;\n  onRowClick?: (item: T) => void;\n  className?: string;\n  emptyMessage?: string;\n  loading?: boolean;\n  pagination?: {\n    page: number;\n    pageSize: number;\n    totalCount: number;\n    onPageChange: (page: number) => void;\n  };\n}\n\n/**\n * Reusable data table component with pagination\n */\nexport function DataTable<T extends { [K in keyof T]: T[K] }>({\n  data,\n  columns,\n  keyField,\n  onRowClick,\n  className,\n  emptyMessage,\n  loading,\n  pagination,\n}: DataTableProps<T>) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const resolvedEmptyMessage =\n    emptyMessage ?? tr(\"devportal.noDataAvailable\", \"No data available\");\n  const totalPages = pagination\n    ? Math.ceil(pagination.totalCount / pagination.pageSize)\n    : 1;\n\n  return (\n    <div className={cn(\"rounded-lg border bg-card\", className)}>\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"border-b bg-muted/50\">\n              {columns.map((column) => (\n                <th\n                  key={column.key}\n                  className={cn(\n                    \"px-4 py-3 text-left text-sm font-medium text-muted-foreground\",\n                    column.className,\n                  )}\n                >\n                  {column.header}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              Array.from({ length: 5 }).map((_, i) => (\n                <tr key={i} className=\"animate-pulse border-b\">\n                  {columns.map((column) => (\n                    <td key={column.key} className=\"px-4 py-3\">\n                      <div className=\"h-4 rounded bg-muted\" />\n                    </td>\n                  ))}\n                </tr>\n              ))\n            ) : data.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={columns.length}\n                  className=\"px-4 py-8 text-center text-muted-foreground\"\n                >\n                  {resolvedEmptyMessage}\n                </td>\n              </tr>\n            ) : (\n              data.map((item) => (\n                <tr\n                  key={String(item[keyField])}\n                  role={onRowClick ? \"button\" : undefined}\n                  tabIndex={onRowClick ? 0 : undefined}\n                  className={cn(\n                    \"border-b transition-colors\",\n                    onRowClick && \"cursor-pointer hover:bg-muted/50\",\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                  onKeyDown={(event) => {\n                    if (!onRowClick) return;\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                      event.preventDefault();\n                      onRowClick(item);\n                    }\n                  }}\n                >\n                  {columns.map((column) => (\n                    <td\n                      key={String(column.key)}\n                      className={cn(\"px-4 py-3 text-sm\", column.className)}\n                    >\n                      {column.render\n                        ? column.render(item)\n                        : String(\n                            (item as Record<string, unknown>)[\n                              column.key as string\n                            ] ?? \"\",\n                          )}\n                    </td>\n                  ))}\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Pagination */}\n      {pagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between border-t px-4 py-3\">\n          <p className=\"text-sm text-muted-foreground\">\n            {tr(\"devportal.showingResults\", \"Showing\")}{\" \"}\n            {(pagination.page - 1) * pagination.pageSize + 1}{\" \"}\n            {tr(\"devportal.to\", \"to\")}{\" \"}\n            {Math.min(\n              pagination.page * pagination.pageSize,\n              pagination.totalCount,\n            )}{\" \"}\n            {tr(\"devportal.of\", \"of\")} {pagination.totalCount}{\" \"}\n            {tr(\"devportal.results\", \"results\")}\n          </p>\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => pagination.onPageChange(1)}\n              disabled={pagination.page === 1}\n              className=\"rounded-md p-1 hover:bg-muted disabled:opacity-50\"\n            >\n              <ChevronsLeft size={20} />\n            </button>\n            <button\n              onClick={() => pagination.onPageChange(pagination.page - 1)}\n              disabled={pagination.page === 1}\n              className=\"rounded-md p-1 hover:bg-muted disabled:opacity-50\"\n            >\n              <ChevronLeft size={20} />\n            </button>\n            <span className=\"px-3 text-sm\">\n              {tr(\"devportal.page\", \"Page\")} {pagination.page}{\" \"}\n              {tr(\"devportal.of\", \"of\")} {totalPages}\n            </span>\n            <button\n              onClick={() => pagination.onPageChange(pagination.page + 1)}\n              disabled={pagination.page === totalPages}\n              className=\"rounded-md p-1 hover:bg-muted disabled:opacity-50\"\n            >\n              <ChevronRight size={20} />\n            </button>\n            <button\n              onClick={() => pagination.onPageChange(totalPages)}\n              disabled={pagination.page === totalPages}\n              className=\"rounded-md p-1 hover:bg-muted disabled:opacity-50\"\n            >\n              <ChevronsRight size={20} />\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Simple key-value detail list\n */\nexport const DetailList: FC<{\n  items: Array<{ label: string; value: ReactNode }>;\n  className?: string;\n}> = ({ items, className }) => (\n  <dl className={cn(\"divide-y rounded-lg border\", className)}>\n    {items.map((item, index) => (\n      <div\n        key={index}\n        className=\"flex flex-col gap-1 px-4 py-3 sm:flex-row sm:gap-4\"\n      >\n        <dt className=\"text-sm font-medium text-muted-foreground sm:w-1/3\">\n          {item.label}\n        </dt>\n        <dd className=\"text-sm sm:w-2/3\">{item.value}</dd>\n      </div>\n    ))}\n  </dl>\n);\n"],"mappings":";;;;;AAqCA,SAAgB,EAA8C,EAC5D,SACA,YACA,aACA,eACA,cACA,iBACA,YACA,iBACoB;CACpB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAE9B,IACJ,KAAgB,EAAG,6BAA6B,oBAAoB,EAChE,IAAa,IACf,KAAK,KAAK,EAAW,aAAa,EAAW,SAAS,GACtD;AAEJ,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,6BAA6B,EAAU;YAA1D,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAW,EACT,iEACA,EAAO,UACR;gBAEA,EAAO;MACL,EAPE,EAAO,IAOT,CACL;KACC,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,IACC,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MAChC,kBAAC,MAAD;KAAY,WAAU;eACnB,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAAqB,WAAU;gBAC7B,kBAAC,OAAD,EAAK,WAAU,wBAAyB,CAAA;MACrC,EAFI,EAAO,IAEX,CACL;KACC,EANI,EAMJ,CACL,GACA,EAAK,WAAW,IAClB,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;KACE,SAAS,EAAQ;KACjB,WAAU;eAET;KACE,CAAA,EACF,CAAA,GAEL,EAAK,KAAK,MACR,kBAAC,MAAD;KAEE,MAAM,IAAa,WAAW,KAAA;KAC9B,UAAU,IAAa,IAAI,KAAA;KAC3B,WAAW,EACT,8BACA,KAAc,mCACf;KACD,eAAe,IAAa,EAAK;KACjC,YAAY,MAAU;AACf,YACD,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAW,EAAK;;eAInB,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAW,EAAG,qBAAqB,EAAO,UAAU;gBAEnD,EAAO,SACJ,EAAO,OAAO,EAAK,GACnB,OACG,EACC,EAAO,QACJ,GACN;MACF,EAVE,OAAO,EAAO,IAAI,CAUpB,CACL;KACC,EA9BE,OAAO,EAAK,GAAU,CA8BxB,CACL,EAEE,CAAA,CACF;;GACJ,CAAA,EAGL,KAAc,IAAa,KAC1B,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAG,4BAA4B,UAAU;KAAE;MAC1C,EAAW,OAAO,KAAK,EAAW,WAAW;KAAG;KACjD,EAAG,gBAAgB,KAAK;KAAE;KAC1B,KAAK,IACJ,EAAW,OAAO,EAAW,UAC7B,EAAW,WACZ;KAAE;KACF,EAAG,gBAAgB,KAAK;KAAC;KAAE,EAAW;KAAY;KAClD,EAAG,qBAAqB,UAAU;KACjC;OACJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MACE,eAAe,EAAW,aAAa,EAAE;MACzC,UAAU,EAAW,SAAS;MAC9B,WAAU;gBAEV,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;MACnB,CAAA;KACT,kBAAC,UAAD;MACE,eAAe,EAAW,aAAa,EAAW,OAAO,EAAE;MAC3D,UAAU,EAAW,SAAS;MAC9B,WAAU;gBAEV,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;MAClB,CAAA;KACT,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAG,kBAAkB,OAAO;OAAC;OAAE,EAAW;OAAM;OAChD,EAAG,gBAAgB,KAAK;OAAC;OAAE;OACvB;;KACP,kBAAC,UAAD;MACE,eAAe,EAAW,aAAa,EAAW,OAAO,EAAE;MAC3D,UAAU,EAAW,SAAS;MAC9B,WAAU;gBAEV,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;MACnB,CAAA;KACT,kBAAC,UAAD;MACE,eAAe,EAAW,aAAa,EAAW;MAClD,UAAU,EAAW,SAAS;MAC9B,WAAU;gBAEV,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;MACpB,CAAA;KACL;MACF;KAEJ;;;AAOV,IAAa,KAGP,EAAE,UAAO,mBACb,kBAAC,MAAD;CAAI,WAAW,EAAG,8BAA8B,EAAU;WACvD,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;EAEE,WAAU;YAFZ,CAIE,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK;GACH,CAAA,EACL,kBAAC,MAAD;GAAI,WAAU;aAAoB,EAAK;GAAW,CAAA,CAC9C;IAPC,EAOD,CACN;CACC,CAAA"}

package/dist/devportal/components/EmptyState.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+/**
+ * Empty state component for when there's no data to display
+ */
+export declare const EmptyState: FC<EmptyStateProps>;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/devportal/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4B1C,CAAC"}

package/dist/devportal/components/EmptyState.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/devportal/components/EmptyState.tsx
+var r = ({ icon: r, title: i, description: a, action: o, className: s }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/10 p-12 text-center", s),
+	children: [
+		r && /* @__PURE__ */ t("div", {
+			className: "mb-4 rounded-full bg-muted p-4 text-muted-foreground",
+			children: r
+		}),
+		/* @__PURE__ */ t("h3", {
+			className: "text-lg font-semibold",
+			children: i
+		}),
+		a && /* @__PURE__ */ t("p", {
+			className: "mt-2 max-w-md text-sm text-muted-foreground",
+			children: a
+		}),
+		o && /* @__PURE__ */ t("div", {
+			className: "mt-6",
+			children: o
+		})
+	]
+});
+//#endregion
+export { r as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/devportal/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/devportal/components/EmptyState.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}\n\n/**\n * Empty state component for when there's no data to display\n */\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/10 p-12 text-center\",\n        className,\n      )}\n    >\n      {icon && (\n        <div className=\"mb-4 rounded-full bg-muted p-4 text-muted-foreground\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-lg font-semibold\">{title}</h3>\n      {description && (\n        <p className=\"mt-2 max-w-md text-sm text-muted-foreground\">\n          {description}\n        </p>\n      )}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;AAcA,IAAa,KAAmC,EAC9C,SACA,UACA,gBACA,WACA,mBAGE,kBAAC,OAAD;CACE,WAAW,EACT,0GACA,EACD;WAJH;EAMG,KACC,kBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA;EAER,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAW,CAAA;EACjD,KACC,kBAAC,KAAD;GAAG,WAAU;aACV;GACC,CAAA;EAEL,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}

package/dist/devportal/components/FeatureFlaggedRoute.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+
+export interface FeatureFlaggedRouteProps {
+    flag: string;
+    children: ReactNode;
+    /** Optional override message; defaults to translated "coming soon" copy. */
+    fallback?: ReactNode;
+}
+export declare const FeatureFlaggedRoute: FC<FeatureFlaggedRouteProps>;
+//# sourceMappingURL=FeatureFlaggedRoute.d.ts.map

package/dist/devportal/components/FeatureFlaggedRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedRoute.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/FeatureFlaggedRoute.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2BD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuB5D,CAAC"}

package/dist/devportal/components/FeatureFlaggedRoute.js

@@ -0,0 +1,29 @@
+import { EmptyState as e } from "./EmptyState.js";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { useFeatureFlag as i } from "@burdenoff/fe-libs/shared/feature-flags";
+//#region src/devportal/components/FeatureFlaggedRoute.tsx
+var a = (e) => {
+	try {
+		return i(e);
+	} catch {
+		return !0;
+	}
+}, o = () => {
+	try {
+		let e = t();
+		return { t: (t, n) => e.t(t, n) };
+	} catch {
+		return { t: (e, t) => t ?? e };
+	}
+}, s = ({ flag: t, children: i, fallback: s }) => {
+	let c = a(t), { t: l } = o();
+	return c ? /* @__PURE__ */ r(n, { children: i }) : s ? /* @__PURE__ */ r(n, { children: s }) : /* @__PURE__ */ r(e, {
+		title: l("devportal.featureDisabled.title", "This feature is currently unavailable"),
+		description: l("devportal.featureDisabled.description", "Your administrator has disabled this section. Please check back later.")
+	});
+};
+//#endregion
+export { s as FeatureFlaggedRoute };
+
+//# sourceMappingURL=FeatureFlaggedRoute.js.map

package/dist/devportal/components/FeatureFlaggedRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedRoute.js","names":[],"sources":["../../../src/devportal/components/FeatureFlaggedRoute.tsx"],"sourcesContent":["/**\n * FeatureFlaggedRoute\n *\n * Wraps a route's lazy-loaded element with a feature flag gate.\n * When the flag is disabled the user sees a friendly \"feature unavailable\"\n * message; otherwise the wrapped page renders.\n *\n * Default-allow: if the flag service is unreachable or returns nothing,\n * the FeatureFlagProvider's `defaultEnabled` setting controls behaviour\n * (currently `true` — see `DevportalRoot.tsx`).\n *\n * Per `dev/platform/context/feature-flags`.\n */\nimport type { FC, ReactNode } from \"react\";\nimport { useFeatureFlag } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { EmptyState } from \"./EmptyState\";\n\nexport interface FeatureFlaggedRouteProps {\n  flag: string;\n  children: ReactNode;\n  /** Optional override message; defaults to translated \"coming soon\" copy. */\n  fallback?: ReactNode;\n}\n\n/**\n * Safely evaluate a feature flag — `useFeatureFlag` itself throws if no\n * `FeatureFlagProvider` is mounted (standalone dev mode). We always call\n * the hook (rules-of-hooks) and rely on the underlying provider's\n * `defaultEnabled` to default-allow.\n */\nconst useFeatureFlagSafe = (flag: string): boolean => {\n  try {\n    return useFeatureFlag(flag);\n  } catch {\n    return true;\n  }\n};\n\nconst useI18nSafe = (): {\n  t: (key: string, fallback?: string) => string;\n} => {\n  try {\n    const ctx = useI18n();\n    return { t: (key, fallback) => ctx.t(key, fallback) };\n  } catch {\n    return { t: (key, fallback) => fallback ?? key };\n  }\n};\n\nexport const FeatureFlaggedRoute: FC<FeatureFlaggedRouteProps> = ({\n  flag,\n  children,\n  fallback,\n}) => {\n  const enabled = useFeatureFlagSafe(flag);\n  const { t } = useI18nSafe();\n\n  if (enabled) return <>{children}</>;\n  if (fallback) return <>{fallback}</>;\n\n  return (\n    <EmptyState\n      title={t(\n        \"devportal.featureDisabled.title\",\n        \"This feature is currently unavailable\",\n      )}\n      description={t(\n        \"devportal.featureDisabled.description\",\n        \"Your administrator has disabled this section. Please check back later.\",\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;AA+BA,IAAM,KAAsB,MAA0B;AACpD,KAAI;AACF,SAAO,EAAe,EAAK;SACrB;AACN,SAAO;;GAIL,UAED;AACH,KAAI;EACF,IAAM,IAAM,GAAS;AACrB,SAAO,EAAE,IAAI,GAAK,MAAa,EAAI,EAAE,GAAK,EAAS,EAAE;SAC/C;AACN,SAAO,EAAE,IAAI,GAAK,MAAa,KAAY,GAAK;;GAIvC,KAAqD,EAChE,SACA,aACA,kBACI;CACJ,IAAM,IAAU,EAAmB,EAAK,EAClC,EAAE,SAAM,GAAa;AAK3B,QAHI,IAAgB,kBAAA,GAAA,EAAG,aAAY,CAAA,GAC/B,IAAiB,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA,GAGlC,kBAAC,GAAD;EACE,OAAO,EACL,mCACA,wCACD;EACD,aAAa,EACX,yCACA,yEACD;EACD,CAAA"}

package/dist/devportal/components/FormField.d.ts

@@ -0,0 +1,70 @@
+import { FC, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
+
+interface BaseFieldProps {
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    className?: string;
+}
+interface InputFieldProps extends BaseFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "className"> {
+    type?: "text" | "email" | "password" | "number" | "url" | "tel";
+}
+interface TextareaFieldProps extends BaseFieldProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "className"> {
+}
+interface SelectFieldProps extends BaseFieldProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "className"> {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    placeholder?: string;
+}
+interface CheckboxFieldProps extends BaseFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "type"> {
+    description?: string;
+}
+/**
+ * Text input field with label and error handling
+ */
+export declare const InputField: FC<InputFieldProps>;
+/**
+ * Textarea field with label and error handling
+ */
+export declare const TextareaField: FC<TextareaFieldProps>;
+/**
+ * Select field with label and error handling
+ */
+export declare const SelectField: FC<SelectFieldProps>;
+/**
+ * Checkbox field with label and description
+ */
+export declare const CheckboxField: FC<CheckboxFieldProps>;
+/**
+ * Multi-select checkbox group
+ */
+export declare const CheckboxGroup: FC<{
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        description?: string;
+    }>;
+    value: string[];
+    onChange: (values: string[]) => void;
+    error?: string;
+    hint?: string;
+    className?: string;
+}>;
+/**
+ * Tag input for multiple values
+ */
+export declare const TagInput: FC<{
+    label: string;
+    value: string[];
+    onChange: (values: string[]) => void;
+    placeholder?: string;
+    error?: string;
+    hint?: string;
+    className?: string;
+}>;
+export {};
+//# sourceMappingURL=FormField.d.ts.map

package/dist/devportal/components/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,OAAO,CAAC;AAIf,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,eACR,SACE,cAAc,EACd,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;CACjE;AAED,UAAU,kBACR,SACE,cAAc,EACd,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;CAAG;AAErE,UAAU,gBACR,SACE,cAAc,EACd,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAC5D,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,kBACR,SACE,cAAc,EACd,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmC1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgD5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CA6BA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CA0DA,CAAC"}

package/dist/devportal/components/FormField.js

@@ -0,0 +1,177 @@
+import { cn as e } from "../utils/cn.js";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/devportal/components/FormField.tsx
+var i = ({ label: t, error: i, hint: a, required: o, className: s, type: c = "text", id: l, ...u }) => {
+	let d = l || t.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ r("div", {
+		className: e("space-y-1", s),
+		children: [
+			/* @__PURE__ */ r("label", {
+				htmlFor: d,
+				className: "block text-sm font-medium",
+				children: [t, o && /* @__PURE__ */ n("span", {
+					className: "text-status-error-text ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ n("input", {
+				id: d,
+				type: c,
+				className: e("w-full rounded-md border bg-background px-3 py-2 text-sm", "focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent", "placeholder:text-muted-foreground", i && "border-status-error-bg focus:ring-status-error-bg"),
+				...u
+			}),
+			a && !i && /* @__PURE__ */ n("p", {
+				className: "text-xs text-muted-foreground",
+				children: a
+			}),
+			i && /* @__PURE__ */ n("p", {
+				className: "text-xs text-status-error-text",
+				children: i
+			})
+		]
+	});
+}, a = ({ label: t, error: i, hint: a, required: o, className: s, id: c, rows: l = 4, ...u }) => {
+	let d = c || t.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ r("div", {
+		className: e("space-y-1", s),
+		children: [
+			/* @__PURE__ */ r("label", {
+				htmlFor: d,
+				className: "block text-sm font-medium",
+				children: [t, o && /* @__PURE__ */ n("span", {
+					className: "text-status-error-text ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ n("textarea", {
+				id: d,
+				rows: l,
+				className: e("w-full rounded-md border bg-background px-3 py-2 text-sm", "focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent", "placeholder:text-muted-foreground resize-none", i && "border-status-error-bg focus:ring-status-error-bg"),
+				...u
+			}),
+			a && !i && /* @__PURE__ */ n("p", {
+				className: "text-xs text-muted-foreground",
+				children: a
+			}),
+			i && /* @__PURE__ */ n("p", {
+				className: "text-xs text-status-error-text",
+				children: i
+			})
+		]
+	});
+}, o = ({ label: i, error: a, hint: o, required: s, className: c, options: l, placeholder: u, id: d, ...f }) => {
+	let { t: p } = t(), m = u ?? ((e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	})("devportal.selectAnOption", "Select an option"), h = d || i.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ r("div", {
+		className: e("space-y-1", c),
+		children: [
+			/* @__PURE__ */ r("label", {
+				htmlFor: h,
+				className: "block text-sm font-medium",
+				children: [i, s && /* @__PURE__ */ n("span", {
+					className: "text-status-error-text ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ r("select", {
+				id: h,
+				className: e("w-full rounded-md border bg-background px-3 py-2 text-sm", "focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent", a && "border-status-error-bg focus:ring-status-error-bg"),
+				...f,
+				children: [/* @__PURE__ */ n("option", {
+					value: "",
+					children: m
+				}), l.map((e) => /* @__PURE__ */ n("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			}),
+			o && !a && /* @__PURE__ */ n("p", {
+				className: "text-xs text-muted-foreground",
+				children: o
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: "text-xs text-status-error-text",
+				children: a
+			})
+		]
+	});
+}, s = ({ label: t, description: i, error: a, className: o, id: s, ...c }) => {
+	let l = s || t.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ r("div", {
+		className: e("flex items-start gap-3", o),
+		children: [/* @__PURE__ */ n("input", {
+			id: l,
+			type: "checkbox",
+			className: e("mt-1 h-4 w-4 rounded border-border-default text-primary", "focus:ring-primary"),
+			...c
+		}), /* @__PURE__ */ r("div", { children: [
+			/* @__PURE__ */ n("label", {
+				htmlFor: l,
+				className: "text-sm font-medium cursor-pointer",
+				children: t
+			}),
+			i && /* @__PURE__ */ n("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: "text-xs text-status-error-text",
+				children: a
+			})
+		] })]
+	});
+}, c = ({ label: i, value: a, onChange: o, placeholder: s, error: c, hint: l, className: u }) => {
+	let { t: d } = t(), f = (e, t) => {
+		let n = d(e);
+		return n === e ? t : n;
+	}, p = (e) => {
+		if (e.key === "Enter" || e.key === ",") {
+			e.preventDefault();
+			let t = e.currentTarget, n = t.value.trim();
+			n && !a.includes(n) && (o([...a, n]), t.value = "");
+		}
+	}, m = (e) => {
+		o(a.filter((t) => t !== e));
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e("space-y-1", u),
+		children: [
+			/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium",
+				children: i
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex flex-wrap gap-2 rounded-md border bg-background p-2",
+				children: [a.map((e) => /* @__PURE__ */ r("span", {
+					className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-1 text-xs",
+					children: [e, /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => m(e),
+						className: "hover:text-status-error-text",
+						children: "×"
+					})]
+				}, e)), /* @__PURE__ */ n("input", {
+					type: "text",
+					placeholder: a.length === 0 ? s : f("devportal.addMore", "Add more..."),
+					onKeyDown: p,
+					className: "flex-1 min-w-[100px] bg-transparent text-sm outline-none"
+				})]
+			}),
+			l && !c && /* @__PURE__ */ n("p", {
+				className: "text-xs text-muted-foreground",
+				children: l
+			}),
+			c && /* @__PURE__ */ n("p", {
+				className: "text-xs text-status-error-text",
+				children: c
+			})
+		]
+	});
+};
+//#endregion
+export { s as CheckboxField, i as InputField, o as SelectField, c as TagInput, a as TextareaField };
+
+//# sourceMappingURL=FormField.js.map

package/dist/devportal/components/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","names":[],"sources":["../../../src/devportal/components/FormField.tsx"],"sourcesContent":["import type {\n  FC,\n  InputHTMLAttributes,\n  TextareaHTMLAttributes,\n  SelectHTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\n\ninterface BaseFieldProps {\n  label: string;\n  error?: string;\n  hint?: string;\n  required?: boolean;\n  className?: string;\n}\n\ninterface InputFieldProps\n  extends\n    BaseFieldProps,\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"className\"> {\n  type?: \"text\" | \"email\" | \"password\" | \"number\" | \"url\" | \"tel\";\n}\n\ninterface TextareaFieldProps\n  extends\n    BaseFieldProps,\n    Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"className\"> {}\n\ninterface SelectFieldProps\n  extends\n    BaseFieldProps,\n    Omit<SelectHTMLAttributes<HTMLSelectElement>, \"className\"> {\n  options: Array<{ value: string; label: string }>;\n  placeholder?: string;\n}\n\ninterface CheckboxFieldProps\n  extends\n    BaseFieldProps,\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"className\" | \"type\"> {\n  description?: string;\n}\n\n/**\n * Text input field with label and error handling\n */\nexport const InputField: FC<InputFieldProps> = ({\n  label,\n  error,\n  hint,\n  required,\n  className,\n  type = \"text\",\n  id,\n  ...props\n}) => {\n  const fieldId = id || label.toLowerCase().replace(/\\s+/g, \"-\");\n\n  return (\n    <div className={cn(\"space-y-1\", className)}>\n      <label htmlFor={fieldId} className=\"block text-sm font-medium\">\n        {label}\n        {required && <span className=\"text-status-error-text ml-1\">*</span>}\n      </label>\n      <input\n        id={fieldId}\n        type={type}\n        className={cn(\n          \"w-full rounded-md border bg-background px-3 py-2 text-sm\",\n          \"focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\",\n          \"placeholder:text-muted-foreground\",\n          error && \"border-status-error-bg focus:ring-status-error-bg\",\n        )}\n        {...props}\n      />\n      {hint && !error && (\n        <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      )}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n};\n\n/**\n * Textarea field with label and error handling\n */\nexport const TextareaField: FC<TextareaFieldProps> = ({\n  label,\n  error,\n  hint,\n  required,\n  className,\n  id,\n  rows = 4,\n  ...props\n}) => {\n  const fieldId = id || label.toLowerCase().replace(/\\s+/g, \"-\");\n\n  return (\n    <div className={cn(\"space-y-1\", className)}>\n      <label htmlFor={fieldId} className=\"block text-sm font-medium\">\n        {label}\n        {required && <span className=\"text-status-error-text ml-1\">*</span>}\n      </label>\n      <textarea\n        id={fieldId}\n        rows={rows}\n        className={cn(\n          \"w-full rounded-md border bg-background px-3 py-2 text-sm\",\n          \"focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\",\n          \"placeholder:text-muted-foreground resize-none\",\n          error && \"border-status-error-bg focus:ring-status-error-bg\",\n        )}\n        {...props}\n      />\n      {hint && !error && (\n        <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      )}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n};\n\n/**\n * Select field with label and error handling\n */\nexport const SelectField: FC<SelectFieldProps> = ({\n  label,\n  error,\n  hint,\n  required,\n  className,\n  options,\n  placeholder,\n  id,\n  ...props\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const resolvedPlaceholder =\n    placeholder ?? tr(\"devportal.selectAnOption\", \"Select an option\");\n  const fieldId = id || label.toLowerCase().replace(/\\s+/g, \"-\");\n\n  return (\n    <div className={cn(\"space-y-1\", className)}>\n      <label htmlFor={fieldId} className=\"block text-sm font-medium\">\n        {label}\n        {required && <span className=\"text-status-error-text ml-1\">*</span>}\n      </label>\n      <select\n        id={fieldId}\n        className={cn(\n          \"w-full rounded-md border bg-background px-3 py-2 text-sm\",\n          \"focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\",\n          error && \"border-status-error-bg focus:ring-status-error-bg\",\n        )}\n        {...props}\n      >\n        <option value=\"\">{resolvedPlaceholder}</option>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      {hint && !error && (\n        <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      )}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n};\n\n/**\n * Checkbox field with label and description\n */\nexport const CheckboxField: FC<CheckboxFieldProps> = ({\n  label,\n  description,\n  error,\n  className,\n  id,\n  ...props\n}) => {\n  const fieldId = id || label.toLowerCase().replace(/\\s+/g, \"-\");\n\n  return (\n    <div className={cn(\"flex items-start gap-3\", className)}>\n      <input\n        id={fieldId}\n        type=\"checkbox\"\n        className={cn(\n          \"mt-1 h-4 w-4 rounded border-border-default text-primary\",\n          \"focus:ring-primary\",\n        )}\n        {...props}\n      />\n      <div>\n        <label htmlFor={fieldId} className=\"text-sm font-medium cursor-pointer\">\n          {label}\n        </label>\n        {description && (\n          <p className=\"text-xs text-muted-foreground\">{description}</p>\n        )}\n        {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Multi-select checkbox group\n */\nexport const CheckboxGroup: FC<{\n  label: string;\n  options: Array<{ value: string; label: string; description?: string }>;\n  value: string[];\n  onChange: (values: string[]) => void;\n  error?: string;\n  hint?: string;\n  className?: string;\n}> = ({ label, options, value, onChange, error, hint, className }) => {\n  const handleChange = (optionValue: string, checked: boolean) => {\n    if (checked) {\n      onChange([...value, optionValue]);\n    } else {\n      onChange(value.filter((v) => v !== optionValue));\n    }\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      <label className=\"block text-sm font-medium\">{label}</label>\n      <div className=\"space-y-2\">\n        {options.map((option) => (\n          <CheckboxField\n            key={option.value}\n            label={option.label}\n            description={option.description}\n            checked={value.includes(option.value)}\n            onChange={(e) => handleChange(option.value, e.target.checked)}\n          />\n        ))}\n      </div>\n      {hint && !error && (\n        <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      )}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n};\n\n/**\n * Tag input for multiple values\n */\nexport const TagInput: FC<{\n  label: string;\n  value: string[];\n  onChange: (values: string[]) => void;\n  placeholder?: string;\n  error?: string;\n  hint?: string;\n  className?: string;\n}> = ({ label, value, onChange, placeholder, error, hint, className }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" || e.key === \",\") {\n      e.preventDefault();\n      const input = e.currentTarget;\n      const newValue = input.value.trim();\n      if (newValue && !value.includes(newValue)) {\n        onChange([...value, newValue]);\n        input.value = \"\";\n      }\n    }\n  };\n\n  const removeTag = (tagToRemove: string) => {\n    onChange(value.filter((tag) => tag !== tagToRemove));\n  };\n\n  return (\n    <div className={cn(\"space-y-1\", className)}>\n      <label className=\"block text-sm font-medium\">{label}</label>\n      <div className=\"flex flex-wrap gap-2 rounded-md border bg-background p-2\">\n        {value.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-1 text-xs\"\n          >\n            {tag}\n            <button\n              type=\"button\"\n              onClick={() => removeTag(tag)}\n              className=\"hover:text-status-error-text\"\n            >\n              &times;\n            </button>\n          </span>\n        ))}\n        <input\n          type=\"text\"\n          placeholder={\n            value.length === 0\n              ? placeholder\n              : tr(\"devportal.addMore\", \"Add more...\")\n          }\n          onKeyDown={handleKeyDown}\n          className=\"flex-1 min-w-[100px] bg-transparent text-sm outline-none\"\n        />\n      </div>\n      {hint && !error && (\n        <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      )}\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/GrantDelegationModal.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+
+export interface GrantDelegationModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    appId: string;
+    appName: string;
+    appScopes: string[];
+    /** Pre-selected workspace IDs (e.g., from installation flow) */
+    preSelectedWorkspaceIds?: string[];
+    /** Pre-selected scopes (e.g., required scopes from app) */
+    preSelectedScopes?: string[];
+    onSuccess?: (delegation: unknown) => void;
+}
+/**
+ * Reusable modal for granting delegation access to an app.
+ *
+ * Allows users to select scopes, specify workspace IDs,
+ * and optionally set an expiration date before granting
+ * an app permission to act on their behalf.
+ */
+export declare const GrantDelegationModal: FC<GrantDelegationModalProps>;
+//# sourceMappingURL=GrantDelegationModal.d.ts.map

package/dist/devportal/components/GrantDelegationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantDelegationModal.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/GrantDelegationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAwCf,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA4jB9D,CAAC"}