@byline/ui 0.9.3

package/dist/admin/components/auth/sign-in-form_module.css

@@ -0,0 +1,35 @@
+:is(.card-QfnGXf, .byline-sign-in-card) {
+  width: 100%;
+}
+
+@media (min-width: 40rem) {
+  :is(.card-QfnGXf, .byline-sign-in-card) {
+    max-width: 380px;
+  }
+}
+
+:is(.alert-UP_Dsq, .byline-sign-in-alert) {
+  margin-top: var(--spacing-12);
+}
+
+:is(.form-fWmy7i, .byline-sign-in-form) {
+  padding-top: var(--spacing-8);
+  margin-bottom: var(--spacing-8);
+}
+
+:is(.fields-PdCiqd, .byline-sign-in-fields) {
+  gap: var(--spacing-16);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.actions-PqFgXw, .byline-sign-in-actions) {
+  margin-top: var(--spacing-24);
+  justify-content: flex-end;
+  display: flex;
+}
+
+:is(.button-t5aU4f, .byline-sign-in-button) {
+  min-width: 5rem;
+}
+

package/dist/admin/components/collections/diff-modal.d.ts

@@ -0,0 +1,23 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export interface DiffModalProps {
+    isOpen: boolean;
+    onDismiss: () => void;
+    collection: string;
+    documentId: string;
+    /** The `versionId` of the historical version to compare. */
+    versionId: string;
+    /** A human-readable label for the historical version (e.g. a date string). */
+    versionLabel: string;
+    /** The already-loaded current (latest) version of the document. */
+    currentDocument: Record<string, unknown>;
+    /** Content locale to compare — undefined / 'all' shows all locales. */
+    locale?: string;
+}
+export declare function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versionLabel, currentDocument, locale, }: DiffModalProps): import("react").JSX.Element;
+//# sourceMappingURL=diff-modal.d.ts.map

package/dist/admin/components/collections/diff-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-modal.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/collections/diff-modal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAiCH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,YAAY,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,cAAc,+BA2GhB"}

package/dist/admin/components/collections/diff-modal.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CloseIcon, IconButton, LoaderRing, Modal } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import react_diff_viewer_continued, { DiffMethod } from "react-diff-viewer-continued";
+import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import diff_modal_module from "./diff-modal.module.js";
+const STRIP_KEYS = new Set([
+    'id',
+    'versionId',
+    'path',
+    'status',
+    'createdAt',
+    'updatedAt',
+    'hasPublishedVersion',
+    '_publishedVersion'
+]);
+function stripMeta(doc) {
+    if (doc.fields && 'object' == typeof doc.fields) return doc.fields;
+    return Object.fromEntries(Object.entries(doc).filter(([k])=>!STRIP_KEYS.has(k)));
+}
+function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versionLabel, currentDocument, locale }) {
+    const { getCollectionDocumentVersion } = useBylineAdminServices();
+    const [historicalDoc, setHistoricalDoc] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(()=>{
+        if (!isOpen || !versionId) return;
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        setHistoricalDoc(null);
+        getCollectionDocumentVersion(collection, documentId, versionId, locale).then((doc)=>{
+            if (cancelled) return;
+            setHistoricalDoc(doc);
+        }).catch((err)=>{
+            if (cancelled) return;
+            setError(err instanceof Error ? err.message : 'Failed to load version');
+        }).finally(()=>{
+            if (!cancelled) setLoading(false);
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        isOpen,
+        collection,
+        documentId,
+        versionId,
+        locale,
+        getCollectionDocumentVersion
+    ]);
+    const currentStr = currentDocument ? JSON.stringify(stripMeta(currentDocument), null, 2) : '';
+    const historicalStr = historicalDoc ? JSON.stringify(stripMeta(historicalDoc), null, 2) : '';
+    return /*#__PURE__*/ jsx(Modal, {
+        isOpen: isOpen,
+        closeOnOverlayClick: true,
+        onDismiss: onDismiss,
+        children: /*#__PURE__*/ jsxs(Modal.Container, {
+            style: {
+                width: '96vw',
+                maxWidth: '96vw',
+                height: '90vh',
+                maxHeight: '90vh',
+                display: 'flex',
+                flexDirection: 'column',
+                overflow: 'hidden'
+            },
+            children: [
+                /*#__PURE__*/ jsxs(Modal.Header, {
+                    className: classnames('byline-diff-modal-header', diff_modal_module.header),
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: classnames('byline-diff-modal-title-stack', diff_modal_module["title-stack"]),
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: classnames('byline-diff-modal-title', diff_modal_module.title),
+                                    children: "Version Comparison"
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-diff-modal-subtitle', diff_modal_module.subtitle),
+                                    children: [
+                                        "Comparing",
+                                        ' ',
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: classnames('byline-diff-modal-version', diff_modal_module.version),
+                                            children: versionLabel
+                                        }),
+                                        ' ',
+                                        "(left) against current version (right)"
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(IconButton, {
+                            onClick: onDismiss,
+                            size: "xs",
+                            "aria-label": "Close comparison",
+                            children: /*#__PURE__*/ jsx(CloseIcon, {
+                                width: "15px",
+                                height: "15px"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Modal.Content, {
+                    className: classnames('byline-diff-modal-content', diff_modal_module.content),
+                    style: {
+                        minHeight: 0
+                    },
+                    children: [
+                        loading && /*#__PURE__*/ jsxs("div", {
+                            className: classnames('byline-diff-modal-state', diff_modal_module.state),
+                            children: [
+                                /*#__PURE__*/ jsx(LoaderRing, {
+                                    size: 28,
+                                    color: "#666666"
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "Loading version…"
+                                })
+                            ]
+                        }),
+                        error && /*#__PURE__*/ jsx("div", {
+                            className: classnames('byline-diff-modal-state', 'byline-diff-modal-error', diff_modal_module.state, diff_modal_module.error),
+                            children: error
+                        }),
+                        !loading && !error && historicalDoc && /*#__PURE__*/ jsx("div", {
+                            className: classnames('byline-diff-modal-viewer', diff_modal_module.viewer),
+                            children: /*#__PURE__*/ jsx(react_diff_viewer_continued, {
+                                oldValue: historicalStr,
+                                newValue: currentStr,
+                                splitView: true,
+                                compareMethod: DiffMethod.LINES,
+                                useDarkTheme: true,
+                                leftTitle: versionLabel,
+                                rightTitle: "Current version",
+                                hideLineNumbers: false
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { DiffModal };

package/dist/admin/components/collections/diff-modal.module.js

@@ -0,0 +1,14 @@
+import "./diff-modal_module.css";
+const diff_modal_module = {
+    header: "header-u6gvtB",
+    "title-stack": "title-stack-rJ2qgD",
+    titleStack: "title-stack-rJ2qgD",
+    title: "title-TdarBi",
+    subtitle: "subtitle-QCnXHJ",
+    version: "version-bEVRZQ",
+    content: "content-aOYGDW",
+    state: "state-mE6b8u",
+    error: "error-Fn4D5K",
+    viewer: "viewer-g0QwS4"
+};
+export default diff_modal_module;

package/dist/admin/components/collections/diff-modal_module.css

@@ -0,0 +1,56 @@
+:is(.header-u6gvtB, .byline-diff-modal-header) {
+  padding-top: var(--spacing-16);
+  margin-bottom: var(--spacing-8);
+  flex-shrink: 0;
+}
+
+:is(.title-stack-rJ2qgD, .byline-diff-modal-title-stack) {
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.title-TdarBi, .byline-diff-modal-title) {
+  font-size: var(--font-size-xl);
+  margin: 0;
+}
+
+:is(.subtitle-QCnXHJ, .byline-diff-modal-subtitle) {
+  font-size: var(--font-size-sm);
+  color: var(--gray-400);
+  margin: 0;
+}
+
+:is(.version-bEVRZQ, .byline-diff-modal-version) {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  background-color: var(--canvas-700);
+  padding: 0 var(--spacing-4);
+  border-radius: var(--border-radius-sm);
+}
+
+:is(.content-aOYGDW, .byline-diff-modal-content) {
+  flex: 1 1 0;
+  min-height: 0;
+  padding: 0;
+  overflow: auto;
+}
+
+:is(.state-mE6b8u, .byline-diff-modal-state) {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-12);
+  height: 100%;
+  color: var(--gray-400);
+  display: flex;
+}
+
+:is(.error-Fn4D5K, .byline-diff-modal-error) {
+  color: var(--red-400);
+  gap: 0;
+}
+
+:is(.viewer-g0QwS4, .byline-diff-modal-viewer) {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-sm);
+}
+

package/dist/admin/components/collections/status-badge.d.ts

@@ -0,0 +1,26 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { WorkflowStatus } from '@byline/core';
+/**
+ * Compact badge for workflow status values. Maps the three built-in
+ * statuses (draft, published, archived) to semantic intents and falls
+ * back to `noeffect` for any custom workflow statuses.
+ *
+ * When `hasPublishedVersion` is true and the current status is not
+ * `published`, a small green dot is rendered before the badge to
+ * indicate that a published version is live.
+ *
+ * Stable override handles: `.byline-status-badge-wrap`,
+ * `.byline-status-badge-dot`, `.byline-status-badge`.
+ */
+export declare const StatusBadge: ({ status, workflowStatuses, hasPublishedVersion, }: {
+    status: string;
+    workflowStatuses: WorkflowStatus[];
+    hasPublishedVersion?: boolean;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/admin/components/collections/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/collections/status-badge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAwBlD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,GAAI,oDAIzB;IACD,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,cAAc,EAAE,CAAA;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,gCAgBA,CAAA"}

package/dist/admin/components/collections/status-badge.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { WORKFLOW_STATUS_ARCHIVED, WORKFLOW_STATUS_DRAFT, WORKFLOW_STATUS_PUBLISHED } from "@byline/core";
+import { Badge } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import status_badge_module from "./status-badge.module.js";
+function statusIntent(status) {
+    switch(status){
+        case WORKFLOW_STATUS_PUBLISHED:
+            return 'success';
+        case WORKFLOW_STATUS_DRAFT:
+            return 'warning';
+        case WORKFLOW_STATUS_ARCHIVED:
+            return 'info';
+        default:
+            return 'noeffect';
+    }
+}
+const StatusBadge = ({ status, workflowStatuses, hasPublishedVersion })=>{
+    const label = workflowStatuses.find((s)=>s.name === status)?.label ?? String(status ?? '');
+    return /*#__PURE__*/ jsxs("span", {
+        className: classnames('byline-status-badge-wrap', status_badge_module.wrap),
+        children: [
+            true === hasPublishedVersion && 'published' !== status && /*#__PURE__*/ jsx("span", {
+                title: "A published version is live",
+                className: classnames('byline-status-badge-dot', status_badge_module.dot)
+            }),
+            /*#__PURE__*/ jsx(Badge, {
+                intent: statusIntent(status),
+                className: classnames('byline-status-badge', status_badge_module.badge),
+                children: label
+            })
+        ]
+    });
+};
+export { StatusBadge };

package/dist/admin/components/collections/status-badge.module.js

@@ -0,0 +1,7 @@
+import "./status-badge_module.css";
+const status_badge_module = {
+    wrap: "wrap-XL9MFe",
+    dot: "dot-tid_fz",
+    badge: "badge-AEKILT"
+};
+export default status_badge_module;

package/dist/admin/components/collections/status-badge_module.css

@@ -0,0 +1,20 @@
+:is(.wrap-XL9MFe, .byline-status-badge-wrap) {
+  align-items: center;
+  gap: var(--spacing-4);
+  display: inline-flex;
+}
+
+:is(.dot-tid_fz, .byline-status-badge-dot) {
+  border-radius: var(--border-radius-full);
+  background-color: var(--green-500);
+  width: .5rem;
+  height: .5rem;
+  display: inline-block;
+}
+
+:is(.badge-AEKILT, .byline-status-badge) {
+  padding: 0 .375rem;
+  font-size: .65rem;
+  line-height: 1.5;
+}
+

package/dist/admin/group.d.ts

@@ -0,0 +1,28 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { ReactNode } from 'react';
+interface GroupProps {
+    /** Optional heading rendered as a `<legend>` above the cluster. */
+    label?: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Labelled fieldset clustering related fields together.
+ *
+ * Used by `FormRenderer` when a `CollectionAdminConfig` declares a `groups`
+ * primitive. Renders a bordered, padded `<fieldset>` with an optional
+ * `<legend>` for the label.
+ *
+ * Stable override handles: `.byline-admin-group` on the fieldset and
+ * `.byline-admin-group-legend` on the legend (alongside the hashed
+ * CSS-modules locals).
+ */
+export declare const Group: ({ label, children, className }: GroupProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=group.d.ts.map

package/dist/admin/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/admin/group.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,UAAU,UAAU;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,GAAI,gCAAgC,UAAU,gCAO/D,CAAA"}

package/dist/admin/group.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import group_module from "./group.module.js";
+const Group = ({ label, children, className })=>/*#__PURE__*/ jsxs("fieldset", {
+        className: classnames('byline-admin-group', group_module.group, className),
+        children: [
+            label && /*#__PURE__*/ jsx("legend", {
+                className: classnames('byline-admin-group-legend', group_module.legend),
+                children: label
+            }),
+            children
+        ]
+    });
+export { Group };

package/dist/admin/group.module.js

@@ -0,0 +1,6 @@
+import "./group_module.css";
+const group_module = {
+    group: "group-pmMFT_",
+    legend: "legend-oOuePJ"
+};
+export default group_module;

package/dist/admin/group_module.css

@@ -0,0 +1,19 @@
+:is(.group-pmMFT_, .byline-admin-group) {
+  gap: var(--spacing-16);
+  padding: var(--spacing-12);
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+  border-radius: var(--border-radius-md);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.legend-oOuePJ, .byline-admin-group-legend) {
+  padding-inline: var(--spacing-4);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(:is([data-theme="dark"], .dark) .group-pmMFT_, :is([data-theme="dark"], .dark) .byline-admin-group) {
+  border-color: var(--gray-700);
+}
+

package/dist/admin/row.d.ts

@@ -0,0 +1,26 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { ReactNode } from 'react';
+interface RowProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Horizontal flex-row layout for admin form fields.
+ *
+ * Used by `FormRenderer` when a `CollectionAdminConfig` declares a `rows`
+ * primitive. Members are rendered side-by-side above the `sm` breakpoint
+ * and stack vertically below it. `flex-1` + `min-width: 0` lets two text
+ * inputs share the row evenly without overflowing.
+ *
+ * The element carries `.byline-admin-row` as a stable global class for
+ * host overrides (alongside the hashed CSS-modules local).
+ */
+export declare const Row: ({ children, className }: RowProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=row.d.ts.map

package/dist/admin/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/admin/row.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,GAAI,yBAAyB,QAAQ,gCAEpD,CAAA"}

package/dist/admin/row.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import row_module from "./row.module.js";
+const Row = ({ children, className })=>/*#__PURE__*/ jsx("div", {
+        className: classnames('byline-admin-row', row_module.row, className),
+        children: children
+    });
+export { Row };

package/dist/admin/row.module.js

@@ -0,0 +1,5 @@
+import "./row_module.css";
+const row_module = {
+    row: "row-Sq48i8"
+};
+export default row_module;

package/dist/admin/row_module.css

@@ -0,0 +1,18 @@
+:is(.row-Sq48i8, .byline-admin-row) {
+  align-items: flex-start;
+  gap: var(--spacing-16);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.row-Sq48i8 > *, .byline-admin-row > *) {
+  flex: 1;
+  min-width: 0;
+}
+
+@media (min-width: 40rem) {
+  :is(.row-Sq48i8, .byline-admin-row) {
+    flex-direction: row;
+  }
+}
+

package/dist/admin/tabs.d.ts

@@ -0,0 +1,33 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export interface TabItem {
+    name: string;
+    label: string;
+}
+interface TabsProps {
+    tabs: TabItem[];
+    activeTab: string;
+    onChange: (name: string) => void;
+    /** Error counts keyed by tab name — shows a danger badge when > 0. */
+    errorCounts?: Record<string, number>;
+    className?: string;
+}
+/**
+ * Tabs navigation bar for admin form layouts.
+ *
+ * Used by FormRenderer when a CollectionAdminConfig declares a `tabs` array.
+ * Each tab is a simple button with a bottom-border active indicator.
+ * Inactive tabs show a subtle hover state. Fully dark-mode aware.
+ *
+ * Stable override handles: `.byline-admin-tabs`, `.byline-admin-tab`,
+ * `.byline-admin-tab-active`, `.byline-admin-tab-label`,
+ * `.byline-admin-tab-badge`.
+ */
+export declare const Tabs: ({ tabs, activeTab, onChange, errorCounts, className }: TabsProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/admin/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/admin/tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,GAAI,uDAAuD,SAAS,gCAmCpF,CAAA"}

package/dist/admin/tabs.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import tabs_module from "./tabs.module.js";
+const Tabs = ({ tabs, activeTab, onChange, errorCounts, className })=>/*#__PURE__*/ jsx("div", {
+        role: "tablist",
+        "aria-label": "Form tabs",
+        className: classnames('byline-admin-tabs', tabs_module.tabs, className),
+        children: tabs.map((tab)=>{
+            const isActive = tab.name === activeTab;
+            return /*#__PURE__*/ jsx("button", {
+                type: "button",
+                role: "tab",
+                "aria-selected": isActive,
+                onClick: ()=>onChange(tab.name),
+                className: classnames('byline-admin-tab', tabs_module.tab, isActive && [
+                    'byline-admin-tab-active',
+                    tabs_module["tab-active"]
+                ]),
+                children: /*#__PURE__*/ jsxs("span", {
+                    className: classnames('byline-admin-tab-label', tabs_module.label),
+                    children: [
+                        tab.label,
+                        (errorCounts?.[tab.name] ?? 0) > 0 && /*#__PURE__*/ jsx(Badge, {
+                            intent: "danger",
+                            className: classnames('byline-admin-tab-badge', tabs_module.badge),
+                            children: errorCounts?.[tab.name]
+                        })
+                    ]
+                })
+            }, tab.name);
+        })
+    });
+export { Tabs };

package/dist/admin/tabs.module.js

@@ -0,0 +1,10 @@
+import "./tabs_module.css";
+const tabs_module = {
+    tabs: "tabs-j6CvRO",
+    tab: "tab-BdAWTm",
+    "tab-active": "tab-active-bc05XN",
+    tabActive: "tab-active-bc05XN",
+    label: "label-Tdf1rn",
+    badge: "badge-Pq1O6d"
+};
+export default tabs_module;